This is a simple webpage of a countdown until an specific day. Made with a tutorial.

Languages

For that project, I have used HTML5 for the structure, CSS3 for the styles and JS for the functionality of the countdown.

Structure

That's the structure of the project:

coundown
├── index.html
├── main.js
└── styles.css

Design

The main circle colour can be variable and it's indicated with the variable --circle-color and the background colour is originally #1c1c1c.

The fonts are Rubik (for the main text) and Bricolage Grotesque for the timer numbers. Extracted from Google Fonts.

Adapt the app

You can adapt:

• Color (variable --circle-color at styles.css)
• Final date (variable objectiu at main.js)
• Ending message (line 41 at main.js)

View the work

To save it localy, you can download the last version at GitHub.

Originally created by Capri Coder. The tutorial that I have used is "Cuenta regresiva con HTML, CSS y JS ⏱️" in YouTube.