🌐 My First HTML Project

🎓 My first web development project created during Class 12 to learn the fundamentals of HTML and basic website development.

🔗 Live Demo

👉 View the Website

---

📖 About

This repository contains my first HTML project, created while I was learning web development during Class 12.

The main purpose of this project was to understand how a basic website is structured and how different HTML pages, images, links, forms and other elements work together.

This project represents my starting point in web development and serves as a record of my early learning journey.

---

🎯 Objectives

The project was created to learn and practice:

• HTML document structure
• Headings and paragraphs
• Links and navigation
• Images
• Forms
• Tables
• Lists
• Multiple HTML pages
• Basic website organization
• Working with local assets
• Hosting a website using GitHub Pages

---

🛠️ Technologies Used

Technology	Purpose
HTML5	Website structure
Git	Version control
GitHub	Source-code hosting
GitHub Pages	Website deployment

---

📂 Project Structure

MyFirst-HTML-project/
│
├── index.html
├── add.html
│
├── README.md
│
├── 0b.jpg
├── 0b1.jpg
├── 0b2.jpg
├── ...
│
└── other image assets

---

✨ Features

• 📄 Multiple HTML pages
• 🖼️ Image-based content
• 🔗 Page navigation
• 📝 HTML forms
• 📚 Educational content
• 🌐 Hosted using GitHub Pages
• 💻 Simple beginner-friendly HTML implementation

---

🧠 What I Learned

This project helped me understand the fundamentals of building a webpage from scratch.

HTML

I practiced:

• HTML elements
• Attributes
• Links
• Images
• Lists
• Tables
• Forms
• Page structure
• File paths
• Basic navigation

Git & GitHub

I also started learning:

• Creating repositories
• Committing code
• Pushing changes
• Managing project files
• Publishing a website with GitHub Pages

---

🚀 Running the Project Locally

No framework or installation is required.

1. Clone the repository

git clone https://github.com/Muneeb-PT/MyFirst-HTML-project.git

2. Open the project

Open the project folder and launch:

index.html

in a web browser.

---

🌍 Live Website

The project is deployed using GitHub Pages:

👉 https://muneeb-pt.github.io/MyFirst-HTML-project/

---

📸 Screenshots

Screenshots can be added here to show the website and important pages.

Example:

![Homepage](./screenshots/homepage.png)

---

📈 Project Status

Completed — First HTML Learning Project

This project is preserved as part of my early programming and web-development journey.

---

🔮 Future Improvements

If I revisit this project, I would like to:

• Add CSS styling
• Improve responsive design
• Improve accessibility
• Organize image assets
• Improve semantic HTML
• Add JavaScript interactions
• Improve navigation
• Optimize images
• Improve mobile experience

---

👨‍💻 Author

Muneeb PT

GitHub: https://github.com/Muneeb-PT

---

📜 Note

This project was created as a learning project during Class 12.

It is intentionally preserved as a representation of my early stage of learning web development.

Every developer has a first project. This is mine. 🚀