📌 Module 1 & 2 — Foundations & HTML Shortcuts (Sessions 1–3)

Topics Covered

• HTML essentials: semantic elements, document structure, meta tags, forms basics
• Accessibility fundamentals: aria roles, alt text, landmarks
• CSS fundamentals:
  • Ways to include CSS in HTML
  • Box model, display, positioning, floats (brief)
  • CSS variables & logical properties
• Flexbox & Grid
• Responsive design & accessibility
• Tailwind CSS basics
  • Utility classes for layout, spacing, typography
  • Building with Tailwind

Practical Sessions

• Build forms:
  • User Register Form
  • Login Form
  • Add Product Form
  • Form with all components
• Style a Profile Page with mobile-first design
• HTML semantic practice

Projects 1,2

1. Portfolio Website (multi-page, hosted)
2. E-commerce UI (Products, Cart, Orders using Tailwind CSS)

Outcome

• Solid foundation in HTML, CSS, and Tailwind CSS
• Ability to design responsive websites from scratch
• Hosting your first portfolio project online