A simple "Coming Soon" landing page with a live countdown timer, built using HTML, CSS, and JavaScript.
- Real-time countdown to a specific date
- Responsive landing page layout
- Animated rocket using CSS keyframes
- Clean typography and modern styling
- Interactive hover effects on buttons
- HTML5
- CSS3 (Flexbox, Keyframes, Transitions)
- Vanilla JavaScript (Date, setInterval, DOM Manipulation)
-
Clone this repository: git clone https://github.com/phantekzy/js-date-countdown.git
-
Open the project folder: cd js-date-countdown
-
Open
index.html
in your browser to view the project.
-
To change the countdown target date, edit the line in
script.js
: const countDownDate = new Date("Sep 08, 2026 00:00:00").getTime(); -
Replace
img/background.png
andimg/rocket.png
with your own images if desired.
This project is open-source and free to use for learning or personal projects.