-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1 from btwGaurav/main
Merged Pull Request #1
- Loading branch information
Showing
1 changed file
with
38 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,38 @@ | ||
# Analog and Digital Clock | ||
In This Project I Have Created a Digital and Analog Clock Using Pure HTML , CSS , JavaScript and It Also Include Light and Dark Mode | ||
# Analog and Digital Clock with Dark Mode | ||
|
||
Welcome to **Clockify**, a stylish and functional Analog and Digital Clock web application with built-in dark mode. This project demonstrates the use of HTML, CSS, and JavaScript to create an interactive and visually appealing clock interface. | ||
|
||
## Table of Contents | ||
1. [About](#about) | ||
2. [Features](#features) | ||
3. [Technologies Used](#technologies-used) | ||
4. [Setup Instructions](#setup-instructions) | ||
5. [Future Plans](#future-plans) | ||
6. [Contact](#contact) | ||
|
||
--- | ||
|
||
## About | ||
|
||
**Clockify** is a modern web-based clock application that combines analog and digital clock displays. It features a toggleable dark mode for a user-friendly experience in different lighting conditions. | ||
|
||
## Features | ||
|
||
- **Analog Clock:** A traditional clock with hour, minute, and second hands. | ||
- **Digital Clock:** A real-time digital display showing hours, minutes, and seconds. | ||
- **Dark Mode:** Easily switch between light and dark themes. | ||
- **Responsive Design:** Optimized for devices of all sizes, from desktops to smartphones. | ||
- **Dynamic Updates:** Both clocks update in real-time without refreshing the page. | ||
|
||
## Technologies Used | ||
|
||
- **HTML:** Provides the structure for the clock elements. | ||
- **CSS:** Handles the styling for the analog and digital clocks, as well as dark mode. | ||
- **JavaScript:** Powers the functionality, including real-time clock updates and theme switching. | ||
|
||
## Setup Instructions | ||
|
||
1. Clone the repository: | ||
```bash | ||
git clone https://github.com/yourusername/analog-digital-clock.git | ||
|