Este proyecto tiene como objetivo, repasar Html5 y los tags de manera ordenada , Css3 para lo estilos y javascript con funciones puras .
Prototipos
º Versión mobile
ºVersión Desktop
🔮 Tecnologías
Para este proyecto usé Figma, Html5 , Css3 , Javascript , Git , Github pages
· Figma✨ Desarrollo de prototipos en esta plataforma .
· Html5✨ Metadatos en el head para un mejor Seo , tags ( header , nav , ul , li , div , section , img ) .
· Javascript ✨ Usé templates strings y el landing page es una SPA ¿Qué es una SPA? es una web app de una sola página , quiere decir que al cambiar de sección la pagina no se recarga y trabaja mediante rutas . El contenedor principal se "limpia" cada que cambia la ruta y en ese contenedor de "pintan" los datos de esa ruta.
· Css3 ✨ Para que la página sea adaptable en diferentes dispositivos utilicé media queries(@media) y flexbox (align, flex-direction ,flex-flow ).
· Git | Github pages ✨ en el controlador de versiones usé los comandos básicos : git add NAME FILE , git commit -m'COMENTARIO DEL CAMBIO QUE SE REALIZÓ' , git push origin NOMBRE DE LA RAMA , git branch gh-pages (creacion de la rama para poder hacer deploy) , git checkout gh-pages (nos movemos a esa rama) , git pull origin main (es la rama principal que se crea por default al iniciar el proyecto y con este comando bajamos los cambios de esa rama) , git push origin gh-pages (subimos nuestros cambios a esa rama) .
🙌 Cambios luego del feedback :
· Diseño (colores , tipografía y organización de contenidos )
· Estilos Css3
· Agregar un formulario de contacto
· Si uso el mapa con iframe es mejor usar la api de Google maps.