HTML Projects Collection

Welcome to my collection of HTML projects! This repository contains various web development experiments and demos showcasing modern HTML, CSS, and JavaScript techniques,and guidance.

Projects Included also

• Main Navigation (navbar.html) - Entry point for all projects
• Interactive Landing Page (index.html)
• About Page (about.html)
• Professional Portfolio Page (portfolio.html)
• Contact Form Page (contact.html)
• Error Page (404.html) - Custom 404 error page
• Responsive Grid Layouts
• Modern UI Components
• CSS Animations and Transitions

Getting Started

To view these projects locally:

Option 1: Using Python Server

1. Navigate to the project directory
2. Run python -m http.server 8000
3. Open your browser to http://localhost:8000

Option 2: Using Node.js Server

1. Make sure you have Node.js installed
2. Navigate to the project directory: cd html-projects
3. Run npm start or node server.js
4. Open your browser to http://localhost:3000

Option 3: Direct File Opening

1. Open any of the .html files directly in your browser

The main entry point is navbar.html which provides navigation to all projects.

Technologies Used

• HTML5
• CSS3 (Flexbox & Grid)
• JavaScript (ES6+)

Features

• Fully responsive design
• Modern UI/UX principles
• Clean, well-commented code
• Cross-browser compatibility