Landing page con contador hecho con HTML, CSS y Javascript

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

Font Awesome License

Unsplash

Deja tus comentarios y sugerencias para esta landing page sencilla con contador hecho con HTML, CSS y Javascript

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado