Ya estamos en el final de nuestro proyecto clon de Google. ¡Hasta ahora ha sido bastante divertido! ¿Verdad? Justo ahora vamos a maquetar la estructura del pie de página o footer. Los estilos los aplicaremos más adelante. ¡Directo a nuestro archivo HTML!

Pasos para poner la estructura del footer

1. Primero abrimos nuestra etiqueta footer. Necesitamos seccionarla en dos partes: contenedores izquierdos y derechos.
2. Creamos dos listas no ordenadas (ul) con cuatro y tres elementos (li) respectivamente.
3. Creamos una etiqueta ancla (a) a cada elemento (li) de nuestra lista.
4. Asignamos la clase footer-left a la primera lista y footer-right a la segunda.
5. Ahora solo agregamos el texto dentro de cada una de los elementos (li) de las listas.

Tip: puedes usar emmet para abreviar la creación de las listas. De esta manera: <ul2>li4>a>.

Deberíamos tener una imagen así en nuestro navegador:

Por ahora, es funcional. ¡En la siguiente clase la dejaremos mucho más bonita!

Contribución creada con aportes de: Kivindlg y José Miguel Veintimilla.