This project displays an analog watch using HTML, CSS, and JavaScript.
A live demo of the analog watch.
aa01f86c-cfdb-4d3b-9847-16249846d1cb.mp4
The project is structured as follows:
analog-watch/
├── exodar_woff/
│ ├── Exodar-Outline.woff
│ └── style.css
├── aw.html
├── aw.css
└── aw.js
exodar_woff/
: Contains the custom font files.aw.html
: The main HTML file.aw.css
: The CSS file for styling the watch.aw.js
: The JavaScript file to handle the watch's functionality.
To set up the project, follow these steps:
-
Clone the repository:
git clone https://github.com/AzkaSahar/analog-watch.git cd analog-watch
-
Ensure your project structure looks like the one in the Project Structure section.
-
Open
aw.html
in your preferred web browser:open aw.html
-
The analog watch should be displayed and running in your browser.