Digital Clock 2

A simple, elegant neon-style digital clock built with HTML, CSS, and JavaScript.

Description

This project creates a digital clock that displays the current time in a 12-hour format with AM/PM indicator. The clock features a sleek neon design with a dark background and cyan text, giving it a futuristic look. The time updates automatically every second using JavaScript.

Features

• Real-time clock display
• 12-hour format with AM/PM indicator
• Neon-style aesthetic with glowing effects
• Responsive and centered layout
• Minimalist design using Orbitron font

Demo

View a live demo of the digital clock hosted on GitHub Pages: https://binaryvortex.github.io/Digital-Clock-2/

Technologies Used

• HTML5: Structure of the clock display
• CSS3: Styling, including Google Fonts (Orbitron) and box-shadow effects for neon glow
• JavaScript (ES6): Logic for updating the time every second

Usage

1. Clone the repository:

   git clone https://github.com/BinaryVortex/Digital-Clock-2.git

2. Navigate to the project directory:

   cd Digital-Clock-2

3. Open index.html in your preferred web browser.

The clock will start displaying the current time and update automatically.

Screenshots

Project Structure

• index.html: Main HTML file containing the clock structure and JavaScript
• style.css: CSS file for the neon styling and layout
• README.md: This file
• DigitalClock.png: Additional image asset
• Screenshot 2024-04-25 094352.png: Screenshot of the clock

Credits

Inspired by tutorials from CodingNepal.

Contributing

Feel free to fork the repository and submit pull requests for improvements or additional features.