Basic Course

  1. Getting Started

Available in days

days after you enroll

• Welcome! How to use this course (1:07) Start
• Resources & Tools Start
• Setting up VS Code (7:42) Start
• Setting up project files (11:45) Start
• Figma basics (13:41) Start

  2. Global styles

Available in days

days after you enroll

• Colors (10:02) Start
• Wrapper styles (8:56) Start
• Typography (23:44) Start
• Organizing styles (7:46) Start

  3. Top Navigation

Available in days

days after you enroll

• Design (4:47) Start
• Skip Link (7:32) Start
• HTML Markup (10:48) Start
• Styling the navigation links (15:30) Start
• Layout (17:30) Start
• CSS Flow (18:39) Start
• Hover States (8:35) Start

  4. Hero

Available in days

days after you enroll

• Prep & HTML (13:59) Start
• Adding styles (5:56) Start
• Basic Styles (23:18) Start
• Button styles (8:32) Start
• Button sizing (10:49) Start
• Button spacing (4:27) Start
• Button hover states (14:58) Start
• Mobile layout (4:35) Start
• Desktop layout (20:09) Start

  5. 3-Column Features

Available in days

days after you enroll

• HTML markup (8:19) Start
• Adding styles (13:57) Start
• Layout (21:02) Start

  6. Full-width Feature

Available in days

days after you enroll

• HTML markup (5:53) Start
• Adding styles (7:53) Start
• Text & image styles (6:13) Start

  7. Testimonial

Available in days

days after you enroll

• Device Pixel Ratio (8:53) Start
• HTML Markup (16:02) Start
• Basic Styles (15:09) Start
• Layout (9:46) Start

  8. CTA (Call To Action)

Available in days

days after you enroll

• HTML Markup (4:55) Start
• Linear-gradient (16:52) Start
• Helper Classes (7:46) Start
• Button styles (6:26) Start

  9. Footer

Available in days

days after you enroll

• Prep & HTML Markup (15:49) Start
• Basic Styles (12:12) Start
• Hover States (9:32) Start
• Footer columns (16:39) Start
• Layout (16:34) Start

  10. Deployment & Finish!

Available in days

days after you enroll

• Deploying to Netlify (3:16) Start
• Congratulations! (0:30) Start