Haka Cross
El proyecto consiste en el desarrollo de un sitio web para una cafetería que brinda a los usuarios información sobre el lugar, su menú, horarios y servicios. El sitio se ha creado utilizando HTML, Sass y Gulp para mejorar la eficiencia del desarrollo y optimizar los estilos y archivos del sitio.
Características principales:
1. Página de inicio: La página de inicio presenta una introducción atractiva y acogedora de la cafetería. Se muestran imágenes de ambiente, información sobre los productos destacados y una llamada a la acción para que los visitantes reserven una mesa o realicen un pedido en línea.
2. Menú: El sitio cuenta con una sección dedicada al menú de la cafetería. Aquí, los usuarios pueden explorar diferentes categorías, como bebidas calientes, bebidas frías, pasteles y opciones de desayuno. Cada artículo del menú se muestra con su descripción, precio y opciones personalizables.
3. Información de contacto y horarios: El sitio proporciona detalles de contacto, como dirección, número de teléfono y correo electrónico de la cafetería. También se muestra una sección con los horarios de apertura y cierre, así como cualquier horario especial, como días festivos.
4. Diseño y estilo atractivos: El sitio web utiliza Sass para escribir hojas de estilo CSS más eficientes y organizadas. Se implementan estilos elegantes y coherentes en todo el sitio, que reflejan la identidad de la cafetería, como paletas de colores y tipografías seleccionadas.
5. Optimización del flujo de trabajo: Gulp se utiliza como herramienta de automatización para mejorar el flujo de trabajo del desarrollo web. Se configuran tareas como la compilación de Sass, la minificación de archivos CSS y JavaScript, y la recarga automática del navegador para agilizar el proceso de desarrollo y optimizar los recursos del sitio.
6. Responsive y compatible con dispositivos móviles: El sitio se ha diseñado y desarrollado con enfoque en la compatibilidad con dispositivos móviles. Se asegura de que la experiencia del usuario sea óptima en diferentes tamaños de pantalla, desde computadoras de escritorio hasta teléfonos móviles.