Personal Portfolio Website

• A multi-page HTML/CSS website showcasing your bio, skills, projects, and contact form.
• Helps you practice layout structuring, navigation, and responsiveness.

To-Do List App

• A simple app using HTML, CSS, and JavaScript to add, delete, and check tasks.
• Great for learning DOM manipulation, event handling, and local storage.

News Website UI (Static)

• Clone of a news website like BBC or CNN using only HTML & CSS.
• Focuses on grid layouts, headers, footers, and content sections.

Product Landing Page

• A static marketing page for a fictional product.
• Helps practice forms, responsive design, and call-to-action sections.

Calculator

• Functional calculator using JavaScript for basic operations.
• Excellent for handling input, conditionals, and UI logic.

Image Gallery with Modal

• A grid-based gallery that opens full images in a modal popup.
• Sharpens your JavaScript skills with event delegation and dynamic rendering.

Live Search Filter

• A dynamic search box that filters items (e.g., names or products) as you type.
• Useful for understanding real-time input handling and array filtering.

Responsive Pricing Table

• A UI section showing different subscription plans.
• Helps in practicing Flexbox, media queries, and UI consistency.