Paso 5: El pie de página
< div clase = "contenedor" >
< id sección = "menu" >
< ul clase = "footer_nav" >
< clase li = "activo" >< a href = "#" > Inicio < /a >< /li >
< li >< a href = "#" > Acerca de nosotros < /a >< /li >
< li >< a href = "#" > Noticias < /a >< /li >
< li >< a href = "#" > Póngase en contacto con nosotros < /a >< /li >
< li >< a href = "#" > productos < /a >< /li >
< li >< a href = "#" > servicios < /a >< /li >
< li >< a href = "#" > testimonios < /a >< /li >
Finalmente, hemos llegado cerca al final del HTML, y ahora podemos codificar el pie de página. La sección de pie de página, crear una etiqueta de pie de página y dentro de eso hacer una etiqueta div con una clase de contenedor. Luego realizar una etiqueta de sección con un id del menú, como tenemos que hacer también una barra de nav en el pie de página.
Ahora crear una lista desordenada con una clase de navegación de pie de página, hacer etiquetas lista o li 7, coloque las opciones de menú dentro de ellos, hacerlos se puede conectar usando las etiquetas de anclaje y cerrar la etiqueta ul.
Añadir iconos sociales
< ul clase = "social_icon" >
< li >< a href = "#" class = "facebook" >< /a >< /li >
< li >< a href = "#" class = "google" >< /a >< /li >
< clase li = "última" >< a href = "#" class = "twitter" >< /a >< /li >
< /ul >
< / sección >
En el pie de página, también necesitamos hacer tres iconos sociales, que puede enlazar con los perfiles respectivos mediante CSS3. Ahora en el HTML5 no ponemos sus imágenes, en lugar de otro será sólo definimos. Por lo tanto, hacer una lista desordenada con una clase de iconos sociales. Dentro de esta etiqueta ul, hacer tres etiquetas lista o li y tres etiquetas de anclaje, uno interior li etiqueta y todos ellos da una clase de facebook, google y twitter en un orden cronológico y cerrar las etiquetas ul y sección.
El extremo del pie de página
< ul clase = "bottom_nav" >
< clase li = "primero" > COPYRIGHT © < /li >
< li >< a href = "www.Projectsigns.com" > WWW.ProjectSIGNS.COM < /a >< /li >
< clase li = "última" > todos los derechos reservados < /li >
< /ul >
< / div >
< / pie de página >
< /body >
< / html >
Para hacer el pie de página final, crear una nueva etiqueta de lista desordenada y le dan una clase de bottom_nav. dentro de esta etiqueta ul, hacer lista tres o li etiquetas y lugar los contenidos adecuados en su interior en una secuencia, luego cierran el ul, div, pie de página, etiquetas de cuerpo y html respectivamente.
