🌊 Proyecto Web de Bob Esponja 🧽

“¡Bienvenido a Fondo de Bikini, donde hasta las medusas cantan!”

Repositorio oficial de este fan site, construido con HTML5, CSS3, JavaScript y Bootstrap 5.

---

🔗 Visitar la Web de Bob Esponja

🌐 Ver la Web de Bob Esponja

---

📁 Estructura de directorios

├── css/
│   ├── bootstrap.css        # Bootstrap personalizado
│   └── style.css            # Estilos propios
├── font/
│   └── krabby_patty.ttf     # Tipografía temática
├── html/
│   ├── index.html           # Inicio y navegación global
│   ├── personajes.html      # Información detallada de personajes
│   ├── episodios.html       # Sección de episodios favoritos con sinopsis y enlaces
│   ├── galeria.html         # Muro de fan arts y galerías interactivas
│   ├── recetas.html         # Recetas temáticas (Krabby Patty, etc.)
│   ├── simondice.html       # Entrada al juego “Simon Says”
│   └── contacto.html        # Formulario de contacto
├── img/                     # Imágenes de personajes y fan arts
├── js/
│   ├── bootstrap.bundle.min.js  # Scripts de Bootstrap
│   ├── script.js                # Lógica general (funciones reutilizables)
│   └── simonsays.js             # Juego Simon Says (secuencia y validación)
└── README.md                # Documentación del proyecto

---

🚀 Características destacadas

• Diseño responsive con Bootstrap grid y componentes adaptados al estilo de la serie.
• Carga modular de scripts: script.js contiene utilidades y elementos de UI; simonsays.js gestiona el juego con su propia lógica de secuencias, puntuación y animaciones.
• Galería dinámica que permite navegar fan arts con efectos de hover y lightbox.
• Sistema de recetas: paso a paso con imágenes e ingredientes interactivos.
• Formulario de contacto validado en front-end, enlazado a redes sociales.

---

📦 Tecnologías

• HTML5 para la estructura semántica.
• CSS3 (Sass opcional) y Bootstrap 5 para estilos y componentes.
• JavaScript (ES6) modular: DOM, eventos y lógica de juego.