Responsive Coming Soon Page with Awesome Countdown Timer in HTML, CSS & JavaScript

In Today’s video we learn how to create a responsive landing page with a coming soon countdown timer in HTML, CSS and JavaScript. We utilise the power of SASS to create a mixing that handles our media queries to make the website responsive. We use Javascript to power the countdown timer and CSS to style the landing page.

A CSS & JS Project

Day 23 #31Days31Videos

// GET INVOLVED!

// JOIN THE DISCORD!!

// FOLLOW ME ON TWITTER!!!

// DO THESE SIMPLE STEPS!!!!
LIKE, SUBSCRIBE & SHARE

[koladebadmus]

I didn't watch the Video, but I went through the code. Really Nice and concise

[WallStreetvsDefi-dqtz]

Hello family, what program do you use to code such a masterpiece. I am new to coding and would love to recreate this for a project. how would i go about doing that with no coding experience? please do let me know. thank you and amazing amazing job

[shopmojic]

nice i just wish it didnt restart the clock each time you refresh the page

[crpvnum]

If you compare the source code, that you can download from the description, to the video, you can see that the video is not complete. Bits and pieces are missing. Plus, using the source code, the countdown does not work. It is always at 00:00:00:00 even if you change the launch date in the JS file to a time in the future.

[roybudianto]

hey sir thanks for the great tutorial,
but if the user changed device time manually the countdown also changed, any suggestion to ignore device time?

[diego-is-me]

Hi, how can i make something happen at the end of the countdown?

[piyushdhorey]

I don't know why but this ain't working for me??

[HeyItssCy]

just to clarify what was u using for the live view