Página web moderna y elegante para BunStack, empresa chilena de desarrollo web especializada en crear soluciones digitales para PYMES y emprendedores.
- Estilo Cibernético: Gradientes neón, efectos de glow y animaciones futuristas
- Responsive Design: Optimizado para todos los dispositivos (móvil, tablet, desktop)
- Animaciones Interactivas: Partículas de fondo, efectos hover y scroll animations
- Tipografías: Orbitron (títulos) e Inter (contenido) para un look profesional
- Navegación Suave: Scroll suave entre secciones
- Menú Móvil: Hamburger menu para dispositivos móviles
- Formulario de Contacto: Con validación y feedback visual
- Estadísticas Animadas: Contadores que se animan al hacer scroll
- Portfolio Interactivo: Tarjetas con efectos hover
- Partículas de Fondo: Sistema de partículas interactivo
- Hero: Presentación principal con call-to-action
- Estadísticas: Números clave de la empresa
- Servicios: Páginas web, tiendas online, landing pages
- Sobre Nosotros: Información de la empresa y tecnologías
- Portfolio: Proyectos destacados
- Proceso: Metodología de trabajo
- Testimonios: Reseñas de clientes
- Contacto: Formulario y información de contacto
/
├── index.html # Estructura HTML principal
├── styles.css # Estilos CSS con diseño responsive
├── script.js # JavaScript interactivo
└── README.md # Este archivo
- HTML5: Estructura semántica y accesible
- CSS3: Flexbox, Grid, animaciones y gradientes
- JavaScript ES6+: Interactividad y efectos dinámicos
- Particles.js: Sistema de partículas de fondo
- Google Fonts: Orbitron e Inter
- Menú hamburger
- Stack vertical de elementos
- Botones optimizados para touch
- Texto y espaciado ajustados
- Grid adaptativo
- Navegación colapsable
- Imágenes responsive
- Grid completo
- Efectos hover avanzados
- Cursor personalizado
- Animaciones complejas
- Lazy Loading: Carga diferida de imágenes
- CSS Optimizado: Selectores eficientes
- JavaScript Modular: Código organizado y optimizado
- Fonts Preload: Carga rápida de tipografías
- Meta Tags: Descripción y palabras clave
- Estructura Semántica: HTML5 tags apropiados
- Alt Text: Descripciones de imágenes
- Schema Markup Ready: Preparado para datos estructurados
--primary-cyan: #00ffff
--primary-magenta: #ff00ff
--background: #0a0a0a
--text-primary: #ffffff
--text-secondary: #b0b0b0- Títulos: Orbitron (Google Fonts)
- Texto: Inter (Google Fonts)
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
- Clonar o descargar los archivos en una carpeta
- Abrir index.html en cualquier navegador moderno
- Personalizar contenido según necesidades específicas
# Servidor local simple con Python
python -m http.server 8000
# O con Node.js
npx serve .
# Luego abrir http://localhost:8000Editar en index.html:
<div class="contact-item">
<div class="contact-icon">📧</div>
<div>
<h4>Email</h4>
<p>tu-email@bunstack.cl</p>
</div>
</div>Actualizar precios y descripciones en la sección .services:
<div class="service-price">Desde $XXX.XXX</div>En styles.css, modificar las variables CSS o los gradientes:
background: linear-gradient(135deg, #tu-color-1, #tu-color-2);- Particles.js: Fondo animado interactivo
- Intersection Observer: Animaciones on scroll
- Smooth Scrolling: Navegación suave
- Form Validation: Validación de formularios
- Counter Animation: Animación de estadísticas
- Mobile Menu: Navegación móvil
- Scroll events para navbar y animaciones
- Click events para navegación
- Hover effects para interactividad
- Form submission handling
- Integración con CMS
- Sistema de blog
- Chat en vivo
- Formularios avanzados
- Analytics integration
- PWA capabilities
Para consultas sobre customización o desarrollo:
- Email: hola@bunstack.cl
- WhatsApp: +56 9 1234 5678
- Ubicación: Santiago, Chile
© 2024 BunStack. Todos los derechos reservados.
Desarrollado con ❤️ en Chile por BunStack