🌐 Web Development Projects Collection

Welcome to my beginner-friendly web development projects repository!
This repo contains three complete projects that demonstrate the fundamentals of HTML, CSS, and JavaScript, each with a unique purpose and design.

---

📁 Projects Overview

1️⃣ Basic Calculator

A simple yet functional calculator built using HTML, CSS, and JavaScript.
Features:

• ➕ Addition

• ➖ Subtraction

• ✖ Multiplication

• ➗ Division

• 🖥 Display screen to show inputs & results

• 🎯 CSS Grid layout for neatly aligned buttons

• ⚡ Interactive event listeners for instant calculation

Key Learnings:

• Handling user input with event listeners
• Using if-else statements & operators for logic
• Designing with CSS Grid for perfect alignment

---

2️⃣ Landing Page

An elegant single-page design showcasing layout skills with HTML and CSS.
Features:

• 📐 Multiple columns & sections

• 🎨 Attractive color palette

• 📦 Neatly arranged boxes, headers, and footers

• 🖌 Focus on alignment, padding, and spacing

• 

Key Learnings:

• Creating visually appealing layouts with only HTML & CSS
• Avoiding element overlaps using proper CSS styling
• Developing creativity while maintaining usability

---

3️⃣ Personal Portfolio

A professional portfolio website to showcase your skills and work. Built with HTML & CSS.

Structure:

• Header: Your name/logo with an optional tagline

• About: Your photo & a short bio

• Skills: List of key skills & expertise

• Projects: Work samples with titles, descriptions & images

• Resume: Downloadable PDF link

• Contact: Email, phone & other details

• Footer: Copyright notice

• 

Key Learnings:

• Organizing a website into meaningful sections
• Combining text, images, and links for professional presentation
• Crafting a personal brand online

---

🛠 Technologies Used

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

---

🚀 How to Run Locally

1. Clone this repository:

   git clone https://github.com/yourusername/your-repo-name.git