🍔 Deli`s Hots

Deli`s Hots es una página web desarrollada para una tienda de comida rápida, con un diseño atractivo y moderno. Muestra un menú de productos como hamburguesas, pizzas, hot dogs, tacos, shawarmas y más. La navegación es intuitiva, con integración de Bootstrap y un toque personalizado con CSS.

---

📌 Descripción

El sitio permite a los usuarios visualizar el menú completo de la tienda y hacer pedidos fácilmente. Se ha implementado un diseño responsive para una buena experiencia en cualquier dispositivo (desktop, tablet, móvil), además de incluir un carrusel con imágenes atractivas de los productos.

El proyecto también refuerza el aprendizaje en el uso de Bootstrap para componentes y responsive grid.

---

🧩 Tecnologías utilizadas

• HTML5 (estructura semántica)
• CSS3 (personalización y estilos propios)
• Bootstrap 5.0.2 (para estructura y componentes)
• Bootstrap Icons
• Responsive Design (Mobile First)
• SEO básico (metadatos, OG tags)
• Carousel de imágenes

---

🧭 Estructura del sitio

• Navbar: menú de navegación con enlaces a las secciones de la página.
• Inicio: carrusel con imágenes de comida y bienvenida.
• Menú: galería de productos con imágenes, descripciones y precios.
• Pedidos: página de pedidos (en html/pedidos.html).
• Footer: información de contacto y redes sociales.

---

📂 Estructura del proyecto

.
├── index.html
├── html/
│   └── pedidos.html
├── css/
│   └── style.css
├── assets/
│   ├── Icono.png
│   ├── comida1.png
│   ├── comida2.png
│   ├── comida3.png
│   ├── hotdog.png
│   ├── hamburgesa.png
│   ├── pizza.png
│   ├── tacos.png
│   ├── polloFrito.png
│   ├── shawarma.png
│   ├── sandwich.png
│   ├── empanadas.png
│   ├── noodles.webp
│   └── fishAndChips.png

---

🛠️ En desarrollo

• Mejora en la funcionalidad del formulario de pedidos
• Implementación de carrito de compras (con JavaScript o framework)
• Página de detalles de cada producto
• Optimización SEO
• Despliegue en hosting propio o GitHub Pages

---

🧑‍💻 Autor

Bryan14Saenz

“Programa no para resolver problemas, sino para crear soluciones.”

📧 Correo: 14bryansaenz@gmail.com
🌐 GitHub: github.com/Bryan14Saenz
🔗 LinkedIn: linkedin.com/in/14bryansaenz
📘 Facebook: facebook.com/14BryanSaenz
🐦 Twitter: twitter.com/14BryanSaenz

---

🌍 Demo en línea

🟢 delishots.netlify.app