Étape 5: Le pied de page
< div class = « wrapper » >
< id article = « menu » >
< ul class = « footer_nav » >
< classe li = « actif » >< a href = « # » > Accueil < /a >< /li >
< li >< a href = « # » > qui sommes-nous < /a >< /li >
< li >< a href = « # » > Actualités < /a >< /li >
< li >< a href = « # » > Contactez-nous < /a >< /li >
< li >< a href = « # » > produits < /a >< /li >
< li >< a href = « # » > services < /a >< /li >
< li >< a href = « # » > témoignages < /a >< /li >
Enfin, nous sommes arrivés près de la fin du code HTML, et nous pouvons maintenant coder le pied de page. Pour rendre la section de pied de page, créez une balise de pied de page et à l’intérieur que faire une balise div avec une classe de wrapper. Effectuer une balise de la section portant l’id du menu, tel que nous devons faire une barre de navigation en pied de page trop.
Créer une liste à puces avec une classe de nav de pied de page, maintenant et que les balises de liste ou li 7, placer les options de menu à l’intérieur d’eux, rendre linkable en utilisant les balises d’ancrage et fermer la balise ul.
Ajouter des icônes sociales
< ul class = « social_icon » >
< li >< a href = « # » class = « facebook » >< /a >< /li >
< li >< a href = « # » class = « google » >< /a >< /li >
< classe li = « dernière » >< a href = « # » class = « twitter » >< /a >< /li >
< /ul >
< / section >
Dans le pied, nous devons également placer trois icônes sociales, que vous pouvez lier avec les profils respectifs via CSS3. Maintenant dans le HTML5, nous placerons pas leurs images, au lieu de cela nous allons seulement définir eux. Donc, faire une nouvelle liste non ordonnée avec une classe d’icônes sociales. À l’intérieur de cette balise ul, que les trois balises de liste ou li, et mettre trois balises d’ancrage, li d’un à l’intérieur chaque tag tous donne une classe de facebook, google et twitter dans un ordre chronologique et ferme les balises ul et section.
La fin de pied de page
< ul class = « bottom_nav » >
< classe li = « first » > COPYRIGHT © < /li >
< li >< a href = « www.Projectsigns.com » > WWW.ProjectSIGNS.COM < /a >< /li >
< classe li = « dernière » > tous droits réservés < /li >
< /ul >
< / div >
< / pied de page >
< / body >
< / html >
Pour faire le pied de page fin, créer une nouvelle balise de liste non ordonnée et lui donner une classe de bottom_nav. à l’intérieur de cette balise ul, faire trois liste ou li tags et place le contenu approprié à l’intérieur d’une séquence, puis ferment l’ul, pied de page, div, corps et html tags respectivement.