Este es un proyecto educativo de creación de una página web para un restaurante utilizando Bootstrap, HTML y CSS. La página web consta de cuatro páginas principales: Inicio, Menú, Contacto y Reserva.
-
Utiliza el framework Bootstrap para un diseño responsivo y fácil implementación de componentes, permite cambiar a dos tamaños.
-
La página de Inicio muestra información sobre el restaurante, contiene elementos realizados con js como la Navbar, elementos puestos en carrusel e implementación de videos e imagenes.
-
La página de Contacto muestra la información de contacto del restaurante y un formulario para enviar consultas o comentarios, tambien incluye una referencia en google maps para la localización del restaurante.
-
La página de Reserva permite a los usuarios hacer reservas en el restaurante seleccionando fecha, hora y número de personas.
-
La página de Menú muestra una selección de platos disponibles en el restaurante, organizados por categorías dentro de un acordeon que a su vez contiene los platillos en un carrusel (para versiones en movil).
- index.html: Página de Inicio.
- menu.html: Página de Menú.
- contacto.html: Página de Contacto.
- reserva.html: Página de Reserva.
- style.css: Archivo CSS personalizado para estilos adicionales.
- main.js: Para el scroll de la Navbar
- img/: Carpeta que contiene las imágenes utilizadas en el proyecto.
- Se seleccionó una paleta de colores según la tematica esperada
- Se trazó un primer diseño con la estructura principal de la pagina de Inicio
- Se generó un diseño de como se buscaba visualizar el menú
- Verificación del responsive, como ejemplo de la verificación se muestra el menú en version ordenador y en version movil
