HTML trabaja de la mano con CSS para crear las páginas web que usamos todos los días en el navegador💻. Incluso, este sitio web en donde estás viendo este contenido está construido con HTML y CSS🤯 (junto con otros elementos que conocerás más adelante). Para este primer proyecto, con los conocimientos que tienes de HTML y CSS realizarás la clonación de la interfaz de Google, sí, esa que vez cada que haces una búsqueda en su navegador, ¿aceptas el reto🤓?
Puedes entrar a ver el demo en este vínculo: https://dazzling-nightingale-01ce86.netlify.app
La idea es inspirarte con esta demostración de proyecto.
¡Quizá no te quede idéntico o quizá te quede mucho mejor que nuestro demo🤩, utiliza tu destreza y aprendizaje para que demuestres que tu futuro es ser un(a) programador(a) web.👩🏻💻👦🏻
Este proyecto está enfocado en construir la interfaz estática de Google.
Se te pide que sea una sola página que contenga las secciones siguientes:
- a. Header Sección que involucra la foto del perfil, iconos, logo de Google y las áreas principales del sitio.
- b. main Sección del contenedor para los elementos centrales de la página.
- c. Footer Sección que incluye hipervínculos al final de la página.
El objetivo principal de este proyecto es desarrollar una interfaz utilizando HTML y CSS, en toda su aplicación.
Aplicarás:
- Etiquetas estándar HTML5.
- Estilos con CSS
Usa esta lista para saber los requisitos mínimos del proyecto:
Realizarse de manera individual
- Aplicar en todo el sitio HTML semántico de estándar no.5 (HTML5).
- Aplicar tipos de selectores en CSS.
- Sección
Header
,main
,footer
- Crear un repositorio en GitHub y realizar mínimo 2 "commits" en tu repositorio.
- Entregar a tiempo el proyecto.