Proyecto Final El proyecto Home-tek es una página web ficticia sobre información y productos para la automatización del hogar. El objetivo de este proyecto es demostrar los conocimientos adquiridos en el curso de desarrollo web. El proyecto fue desarrollado utilizando HTML5, CSS, SASS, GIT & GITHUB.
Se utilizan las propiedades de Flex box en todo el proyecto.
Se utilizan grids en el footer y todas las páginas complementarias al índex.
Se utilizan 3 tipos de tipografía para mejorar el aspecto estético de la página.
Se utilizan animaciones para hacer más amena la navegación del contenido.
Se aplica un diseño responsive atreves de media queries y múltiples propiedades de CSS para pantallas de móviles, tabletas y pcs.
Se realiza optimización de imágenes en todo el proyecto y la etiqueta picture para las imágenes principales para optimizar aún más la navegación.
La navegación se realiza atreves del header y el footer.
Se utiliza la propiedad mixin para poder modificar la propiedad hover del footer y del nav, este se puede ver en el archivo sass _mixin.
Se agregó un map para remplazar las variables existentes, con este map podemos clasificar mejor las variables y en este caso seleccionar los colores.
Se utiliza el get map principalmente en el header, footer y contactanos.
Se utiliza el extend para copiar las propiedades de la clase block en el index. Se aplica el extend en la clase block—add.
Se modifican todos los h1 h2 para incluir keywords.
Se agregaron los tags de description y title en todas las páginas con las principales keywords como: Smart home, hogar inteligente, gadgets, tecnología, productos.
El proyecto trata de seguir las indicaciones principales mencionadas en las clases.
Muchas Gracias.