Module 1

HTML Fundamentals

Learn the building blocks of every web page - headings, paragraphs, links, images, and more

1

✏️

Module 2

HTML Forms and Semantic HTML

Build interactive forms, tables, and use semantic elements for accessible pages

1

✏️

HTML Forms & Inputs

exercise+20

2

✏️

Buttons & Submit

exercise+15

3

✏️

Select & Textarea

exercise+15

Module 3

CSS Fundamentals

Style your pages with colors, fonts, the box model, and powerful selectors

1

✏️

Intro to CSS

exercise+10

2

✏️

Colors & Backgrounds

exercise+15

3

✏️

Typography and Fonts

exercise+15

Module 4

CSS Layout

Master modern layout techniques - Flexbox, Grid, positioning, and responsive design

1

✏️

Display and Positioning

exercise+20

2

✏️

Flexbox Basics

exercise+20

3

✏️

Flexbox Layouts

exercise+20

Module 5

Capstone Projects

Build real web pages from scratch

1

🎯

Build a Personal Page

project+50

2

🎯

Build a Landing Page

project+50

HTML & CSS

HTML Fundamentals

Your First Web Page

Headings & Paragraphs

Links & Images

Lists (Ordered & Unordered)

HTML Structure & Comments

Module 1 Quiz — HTML Fundamentals

HTML Forms and Semantic HTML

HTML Forms & Inputs

Buttons & Submit

Select & Textarea

CSS Fundamentals

Intro to CSS

Colors & Backgrounds

Typography and Fonts

CSS Layout

Display and Positioning

Flexbox Basics

Flexbox Layouts

Capstone Projects

Build a Personal Page

Build a Landing Page

HTML Tables

Semantic HTML

Module 2 Quiz — HTML Forms & Semantic HTML

The Box Model

Margin, Padding and Borders

CSS Selectors

Module 3 Quiz - CSS Fundamentals

CSS Grid Intro

Responsive Design and Media Queries

Module 4 Quiz - CSS Layout