Esta es una landing page sencilla con contador hecho con HTML, CSS y Javascript. El proyecto número 72 parte del proyecto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Countdown
DESAFÍOS
Basado en el proyecto de Brad Traversy Responsive Coming Soon Landing Page With Countodown. Definitivamente aún es un reto para mi el uso de javascript, pero hacer estos ejercicios me ha ayudado a irme metiendo más detalle a Javascript y así irle perdiendo el miedo al uso de este lenguaje web.
En este ejercicio el propósito es hacer un contador sencillo hasta el día nuevo, maquetado con HTML, estilizado con CSS y con scripts para el funcionamiento del cronómetro con Javascript.
PROCESO
Paleta de colores y estilos
Paleta de colores: 333333 4CCBEF E978E4
Tipografía: Montserrat de Google Fonts
HTML y CSS
Esta es la vista del sitio, maquetado exclusivamente en HTML
Una vez que los estilos y el script entran en juego, es así como queda el sitio final.
Sitio web responsivo
Esta es la vista del sitio de manera responsiva, en este caso sólo mostrando los días del contador.
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Countdow
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS
- JavaScript
- Sitio responsivo
- Github
- Netlify
Recursos
Unsplash
Deja tus comentarios y sugerencias para esta landing page sencilla con contador hecho con HTML, CSS y Javascript
