🌟 HTML Practice Projects 🌟

Sharveswar’s journey in web development — simple, fun, and beginner-friendly! 🚀

---

---

👋 Introduction

Hey there! I'm Sharveswar — a student and aspiring web developer, eager to learn and share my progress in HTML.
This repository is a collection of simple, beginner-friendly HTML projects I built while learning the basics of web development.
If you’re starting out or just want to see what you can do with pure HTML, you’re in the right place! 🌱

---

📚 Table of Contents

• Features
• Project List
• Technologies Used
• How to Run
• Screenshots & GIFs
• Future Plans & Roadmap
• Acknowledgements

---

✨ Features

• 🌈 Beginner-Friendly: Easy to follow and well-commented code
• 📄 Pure HTML: No frameworks, no build tools — just HTML and a little CSS
• 🗂️ Mini-Projects: Each file demonstrates a different layout or concept
• 🎓 Learning-Oriented: Designed as stepping stones for web development basics
• 💬 Open for Feedback: Suggestions and improvements are always welcome!

---

📁 Project List

File/Folder	Description
01-portfolio.html	Simple personal portfolio template
02-contact-form.html	Basic contact form with validation
03-landing-page.html	Minimalist product landing page
README.md	This documentation file
screenshots/	Project screenshots and GIFs

You can explore each .html file by opening it in your browser!

---

🛠️ Technologies Used

• HTML5
• CSS3 (inline or <style> tags)

---

🚦 How to Run

1. Clone the Repository

   git clone https://github.com/Sharveswar007/html-practice.git
   cd html-practice

2. Open in Browser
   • Double-click any .html file to view it in your browser.
   • Example:

     html-practice/
       ├── 01-portfolio.html
       ├── 02-contact-form.html
       └── 03-landing-page.html
     

---

🖼️ Screenshots & GIFs

All visuals are in the /screenshots and /gifs folders.

Example Screenshot:

![Portfolio Screenshot](screenshots/portfolio.png)

Demo GIF:

![Contact Form Demo](gifs/contact-form-demo.gif)

Replace with your own images as your projects grow!

---

🗺️ Future Plans & Roadmap

• Add more HTML mini-projects
• Introduce CSS styling and responsive design
• Try JavaScript for interactivity
• Create a portfolio site with all projects
• Deploy projects with GitHub Pages

---

🙏 Acknowledgements

• Inspired by awesome-github-profile-readme
• Thanks to MDN Web Docs, freeCodeCamp, and the open-source community
• Shields.io for badge icons

---

⭐️ Star this repo if you enjoy following my learning journey! ⭐️