Bienvenido a la documentación de Licorería Santo Pecado, un sitio web moderno y responsivo diseñado para la promoción de productos de licorería. El proyecto demuestra técnicas avanzadas de CSS3 —animaciones, transiciones y efectos visuales— integradas con el sistema de componentes de Bootstrap 5 para lograr una experiencia de usuario elegante y completamente adaptable a dispositivos móviles.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/marvinalban30/CSS3-avanzado-y-Bootstrap-5/llms.txt
Use this file to discover all available pages before exploring further.
Introducción
Conoce el proyecto, sus objetivos y las tecnologías utilizadas.
Estructura del Proyecto
Explora la organización de archivos y directorios del sitio.
Técnicas CSS3
Descubre las animaciones, transiciones y efectos visuales implementados.
Componentes Bootstrap 5
Revisa los componentes de Bootstrap 5 utilizados: navbar, cards, formularios y más.
Paleta de Colores
Consulta los colores, gradientes y variables visuales del diseño.
Guía de Inicio
Pon en marcha el proyecto localmente en pocos minutos.
Inicio Rápido
Abre el sitio en tu navegador
No se requiere servidor ni herramienta de compilación. Abre
index.html directamente.Personaliza los estilos
Edita
styles.css para modificar colores, tipografía y efectos visuales según tus necesidades.¿Qué incluye este proyecto?
Diseño Responsivo
Grid system de Bootstrap 5 que adapta el layout a cualquier tamaño de pantalla.
Animaciones CSS3
Transiciones suaves con
transition y efectos transform: scale() en cards y botones.Navbar Sticky
Barra de navegación oscura y fija con colapso automático en móviles.
Cards de Productos
Tarjetas con imagen, descripción y efecto de resplandor rojo al pasar el cursor.
Formulario de Contacto
Formulario estilizado con inputs oscuros y efectos de foco en color dorado/rojo.
Sección Colapsable
Promociones ocultas que se revelan con el componente Collapse de Bootstrap.