Proyecto final | Sprint 4
- Debe usarse Bootstrap.
- Sólo se puede consultar con la documentación de la API de Google Maps y la documentación de Bootstrap.
La página web está conformada por:
- Navbar
- Hero
- Información
- Conduce
- Tarifa
- Footer
En versión desktop el navbar debe contar con:
- Logo
- Opciones: viaja, conduce e inicia sesión
En la vista mobile las opciones pasan a ser parte de un menú desplegable.
-
Hero tiene como fondo la imagen taxi y a la derecha la opción de registrarse o convertirse en conductor. En versión mobile, el texto y el botón cambian.
-
En la parte de info encontramos la imagen del celular e información sobre la aplicación.
-
En la vista mobile cambia el título, el párrafo principal desaparece y aparece un nuevo texto bajo el celular.
-
La sección del conductor cuenta con la imagen conduce con un contenido a la derecha.
-
En la vista mobile el contenido pasa a ocupar todo el ancho.
-
La seccion tarifa debe contar con dos inputs un botón y un mapa.
-
Por medio de la API geolocation nos mostrará dónde nos encontramos.
-
En el footer encontramos las redes sociales, links, tiendas y demás.
-
En la vista mobile debe desaparecer un bloque de texto y los íconos deben mostrarse a la derecha.
Mira cómo quedó haciendo click aquí.