https://github.com/jcgadeadev/cafeteria
Landing Page de Cafeteria - HTML, CSS, JQUERY, JAVASCRIPT
https://github.com/jcgadeadev/cafeteria
bootstrap css html-css-javascript javascript jquery
Last synced: 2 months ago
JSON representation
Landing Page de Cafeteria - HTML, CSS, JQUERY, JAVASCRIPT
- Host: GitHub
- URL: https://github.com/jcgadeadev/cafeteria
- Owner: JCGadeaDev
- Created: 2021-11-19T17:19:24.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2025-07-24T16:20:50.000Z (11 months ago)
- Last Synced: 2025-07-24T21:55:30.433Z (11 months ago)
- Topics: bootstrap, css, html-css-javascript, javascript, jquery
- Language: CSS
- Homepage:
- Size: 933 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# El Dulce Paladar Café - Landing Page 🍰
Una elegante landing page para una cafetería nicaragüense, diseñada con un enfoque moderno y responsive.
## ✨ Características
- Diseño responsivo para todos los dispositivos
- Efectos de parallax
- Animaciones suaves
- Navegación fluida
- Galería de imágenes interactiva
- Integración con Google Maps
## 🛠️ Tecnologías Utilizadas
- HTML5
- CSS3
- JavaScript
- jQuery
- Google Maps API
- Google Fonts (Roboto)
## 📱 Secciones Principales
### Header
- Banner principal con efecto parallax
- Menú de navegación animado
- Texto principal con animaciones
### Acerca de
- Misión de la cafetería
- Información sobre impacto social
- Diseño con superposición de elementos
### Menú
- Categorías de productos
- Precios actualizados
- Descripciones detalladas de productos
### Galería
- Imágenes de productos y local
- Efectos de hover
- Diseño en cuadrícula responsiva
### Ubicación
- Mapa interactivo de Google Maps
- Horarios de atención
- Información de contacto
## 💻 Características Técnicas
### CSS
- Media queries para diseño responsivo
- Animaciones y transiciones
- Flexbox y posicionamiento avanzado
- Variables CSS para consistencia
### JavaScript
- Efectos de scroll suave
- Animaciones del menú
- Parallax personalizado
- Manipulación del DOM con jQuery
## 📱 Responsive Design
### Puntos de quiebre
- Desktop: > 800px
- Tablet: 400px - 800px
- Mobile: < 400px
### Optimizaciones móviles
- Menú adaptativo
- Imágenes optimizadas
- Layouts rediseñados
- Efectos simplificados
## 🚀 Instalación
1. Clona el repositorio:
```bash
git clone https://github.com/JCGadeaDev/cafeteria.git
```
2. Abre el archivo index.html en tu navegador:
```bash
cd cafeteria
open index.html # Para Mac
# o
start index.html # Para Windows
```
## 🔧 Estructura del Proyecto
```
cafeteria/
├── css/
│ └── estilos.css
├── js/
│ ├── efectos.js
│ ├── jquery.min.js
│ └── parallax.js
├── img/
├── index.html
└── README.md
```
## 🌐 Demo
Visita la página en vivo: [El Dulce Paladar Café](https://jcgadeadev.github.io/cafeteria/)
## ✨ Autor
**Juan Carlos Gadea** - [JCGadeaDev](https://github.com/JCGadeaDev)
---
⭐️ Si te gustó este proyecto, ¡no olvides darle una estrella en GitHub!