Hosting a Static Website with GitHub Pages

This documentation explains how to deploy a static website using GitHub Pages. The project includes a simple HTML, CSS, and JavaScript website that displays a real-time digital clock.

---

🎯 Objective

• Create a static website using HTML, CSS, and JavaScript.

• Host the site for free using GitHub Pages.

• Verify deployment with screenshots of key steps.

---

🛠 Tools Used

• GitHub – version control and hosting

• GitHub Pages – free static site hosting

• HTML, CSS, JavaScript – web development stack

---

📂 Project Structure

├── index.html      # Homepage with clock container
├── style.css       # Stylesheet for layout and design
└── script.js       # Script to update the digital clock

---

🚀 Step-by-Step Process

1️⃣ Create the Website Files

• index.html contains the structure of the page.

• style.css adds styling.

• script.js handles clock functionality.

---

2️⃣ Push Files to GitHub

• Initialize Git in your local project folder.

• Connect your GitHub repository.

• Push the files to the main branch.

---

3️⃣ Enable GitHub Pages

• Open your repository on GitHub.

• Navigate to Settings → Pages.

• Select the main branch and root folder.

• Save changes.

---

4️⃣ Access Your Live Website

• GitHub generates a link in this format:

    https://<username>.github.io/<repo-name>/
  

---

✨ Features of the Website

• Displays a real-time digital clock that updates every second.

• Simple, modern design with responsive layout.

• Hosted 100% free on GitHub Pages.

---

🔮 Future Enhancements

• Add dark/light mode toggle.

• Display the current date along with time.

• Improve styling with animations.