✅ Assignment 1: Personal Portfolio Website
Level: Beginner
Task:
Create a simple portfolio webpage with:
- Your name & image
- About section
- Skills section
- Contact form
Use HTML for structure and CSS for layout & colors.
✅ Assignment 2: Responsive Navigation Menu
Level: Beginner–Intermediate
Task:
Create a navigation bar with:
- Home, About, Services, Contact
- Hover effects
- Responsive design (menu becomes vertical on small screens)
Use media queries in CSS.
✅ Assignment 3: Product Card UI (E-Commerce Style)
Level: Beginner
Task:
Design a product card that includes:
- Product image
- Product title
- Price
- Add to Cart button
Use CSS box-shadow, border-radius, and hover effects.
✅ Assignment 4: Login & Signup Form Design
Level: Beginner–Intermediate
Task:
Create a beautiful login form using HTML & CSS:
- Inputs for email & password
- Login button
- Center the form using Flexbox
- Add field focus effects
Bonus: Create a Signup version too.
✅ Assignment 5: Full Web Page Layout using CSS Grid or Flexbox
Level: Intermediate
Task:
Create a webpage with:
- Header
- Sidebar
- Main content area
- Footer
Use CSS Grid or Flexbox to design the complete layout.