📚 What you'll learn
✓HTML5 complete — all tags & attributes
✓CSS3 selectors and specificity
✓Flexbox layouts mastered
✓CSS Grid — 2D layouts
✓Responsive design & media queries
✓CSS variables & custom properties
✓CSS animations and transitions
✓5 projects for your portfolio
Course Curriculum
5 sections · 20 lessons · 18 hrs
01HTML5 — Complete Reference
6 lessons · 5h 00m▾
📄
HTML Boilerplate & Document StructureLesson
FREE
📄
Text, Links, Images & MediaLesson
FREE
📄
Lists, Tables & DataLesson
FREE
📄
Forms — All Input TypesLesson
📄
Semantic HTML5 & AccessibilityLesson
🛠️
Project 1 — Full HTML WebsiteProject
02CSS3 Fundamentals
4 lessons · 4h 30m▾
📄
Selectors, Specificity & CascadeLesson
📄
Box Model, Display & PositioningLesson
📄
Typography & Google FontsLesson
📝
CSS Fundamentals Quiz — 12 QuestionsQuiz
03Flexbox — Complete Mastery
3 lessons · 3h 00m▾
📄
Flex Container — All PropertiesLesson
📄
Flex Items — grow, shrink, basisLesson
🛠️
Project 2 — Flexbox Nav & CardsProject
04CSS Grid — 2D Layouts
2 lessons · 2h 30m▾
📄
Grid Container — rows, columns, gapsLesson
📄
Grid Template AreasLesson
05Responsive Design & Advanced CSS
5 lessons · 3h 00m▾
📄
Mobile-First & Media QueriesLesson
📄
CSS Custom Properties (Variables)Lesson
📄
CSS Animations & TransitionsLesson
🛠️
Project 4 — Dark Mode ToggleProject
🛠️
Final Project — Complete Portfolio WebsiteProject