Proyecto realizado durante el bootcamp de TECNOLOchicas PRO Summer Camp.
Se utilizo la intefaz gráfica del navegador de google para poner en práctica lo aprendido, te invito a poner en práctica tus habilidades revisando y utilizando el código a continuación.
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 ves cada que haces una búsqueda en su navegador, ¿aceptas el reto?
Te dejo un enlace a mi demo para que puedas inspirarte: jazzy-croissant-9f548a.netlify.app
Como puedes ver esta demo no es precisa, ¡no te detengas a hacerlo aún mejor!
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
Debe realizarse de manera individual para un mejor aprendizaje. 🤓
- 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
Y recuerda, que tu imaginación sea el límite ¡Diviertete! 😃