▶
📚 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
01HTML5 — Complete Reference
▾
🎬
HTML Boilerplate & Document StructureVideo · 18:00
FREE
🎬
Text, Links, Images & MediaVideo · 22:00
FREE
🎬
Lists, Tables & DataVideo · 20:00
FREE
🎬
Forms — All Input TypesVideo · 25:00
🎬
Semantic HTML5 & AccessibilityVideo · 20:00
🛠️
Project 1 — Full HTML WebsiteProject · 35:00
02CSS3 Fundamentals
▾
🎬
Selectors, Specificity & CascadeVideo · 25:00
🎬
Box Model, Display & PositioningVideo · 28:00
🎬
Typography & Google FontsVideo · 18:00
📝
CSS Fundamentals Quiz — 20 QuestionsQuiz · 15:00
03Flexbox — Complete Mastery
▾
🎬
Flex Container — All PropertiesVideo · 25:00
🎬
Flex Items — grow, shrink, basisVideo · 22:00
🛠️
Project 2 — Flexbox Nav & CardsProject · 40:00
04CSS Grid — 2D Layouts
▾
🎬
Grid Container — rows, columns, gapsVideo · 28:00
🎬
Grid Template AreasVideo · 22:00
05Responsive Design & Advanced CSS
▾
🎬
Mobile-First & Media QueriesVideo · 25:00
🎬
CSS Custom Properties (Variables)Video · 20:00
🎬
CSS Animations & TransitionsVideo · 25:00
🛠️
Project 4 — Dark Mode ToggleProject · 35:00
🛠️
Final Project — Complete Portfolio WebsiteProject · 90:00