Una página de "Sitio en Construcción" moderna y futurista con cuenta regresiva hasta fecha objetivo (modificable). El diseño es totalmente responsivo y cuenta con animaciones suaves y efectos visuales atractivos.
- ⏳ Cuenta regresiva dinámica hasta la fecha de lanzamiento
- 🎨 Diseño futurista con efectos de resplandor
- 📱 Totalmente responsivo (móvil, tablet, PC)
- ✨ Animaciones suaves
- 🌈 Efectos de degradado modernos
- HTML5
- CSS3
- JavaScript
- Vite (como bundler)
proyecto/
├── css/
│ ├── styles.css
│ └── responsive.css
├── src/
│ └── js
│ └── countdown.js
├── index.html
├── package.json
└── README.md
- Clona el repositorio:
git clone https://github.com/miltonrey/coming-soon-site.git
- Navega al directorio del proyecto:
cd "nombre proyecto"
- Instala las dependencias:
npm install
- Inicia el servidor de desarrollo:
npm run dev
Para trabajar en el proyecto:
- El servidor de desarrollo se iniciará en
http://localhost:5173
- Los archivos principales están organizados en:
index.html
- Estructura principalcss/styles.css
- Estilos principalescss/responsive.css
- Estilos responsivossrc/js/countdown.js
- Lógica de la cuenta regresiva
Para construir el proyecto para producción:
npm run build
Los archivos de producción se generarán en el directorio dist/
.
- La fecha objetivo se puede modificar en
src/js/countdown.js
- Los colores principales se pueden ajustar en las variables CSS en
css/styles.css
- Los breakpoints responsivos se pueden modificar en
css/responsive.css
Diseñado y desarrollado por Milton Rey
Este proyecto está bajo la Licencia MIT. Ver el archivo LICENSE
para más detalles.