1. Blocs 6 Masterclass

    • Buy now
    • Learn more

  2. Module 1. Overview

    • 1-1. Course Intro
    • 1-2. Blocs 6 Overview

  3. Module 2. Website Setup

    • 2-1. Project Planning
    • 2-2. Preparing Assets
    • 2-3. Project Setup
    • 2-4. Typography
    • 2-5. Color Setup

  4. Module 3. Website Build

    • 3-1. Navbar Setup
    • 3-2. Styling the Navbar
    • 3-3. Button Basics
    • 3-4. Column Basics
    • 3-5. Icons Basics
    • 3-6. Flex Basics
    • 3-7. Images
    • 3-8. CSS Grid Basics
    • 3-9. Bento Grid
    • 3-10. Video Modal
    • 3-11. Simple Gallery
    • 3-12. Pricing Table
    • 3-13. FAQ Accordion
    • 3-14. Gradient CTA Section
    • 3-15. Footer
    • 3-16. Basic Optimization
    • 3-17. Sticky Sidebar
    • 3-18. Release Notes Page
    • 3-19. System Pages
    • 3-20. Form Basics

  5. Module 4. Advanced Website Build

    • 4-1. Horizontal Scroll
    • 4-2. Accordion Slider.mp4
    • 4-3. Animations
    • 4-4. Scroll FX
    • 4-5. Section Library
    • 4-6. Custom Interactions
    • 4-7. Custom Pricing Table
    • 4-8. Class Inspector

  6. Module 5. Optimization & Publishing

    • 5-1. Style Optimization
    • 5-2. SEO & Accessibility
    • 5-3. Mobile Optimization
    • 5-4. Link Optimization
    • 5-5. Publishing

  7. Project Assets

    • Blocs 6 Masterclass Project.bloc
  1. Products
  2. Course
  3. Section
  4. Lesson

1-2. Blocs 6 Overview

  1. Blocs 6 Masterclass

    • Buy now
    • Learn more

  2. Module 1. Overview
    • 1-1. Course Intro
    • 1-2. Blocs 6 Overview

  3. Module 2. Website Setup
    • 2-1. Project Planning
    • 2-2. Preparing Assets
    • 2-3. Project Setup
    • 2-4. Typography
    • 2-5. Color Setup

  4. Module 3. Website Build
    • 3-1. Navbar Setup
    • 3-2. Styling the Navbar
    • 3-3. Button Basics
    • 3-4. Column Basics
    • 3-5. Icons Basics
    • 3-6. Flex Basics
    • 3-7. Images
    • 3-8. CSS Grid Basics
    • 3-9. Bento Grid
    • 3-10. Video Modal
    • 3-11. Simple Gallery
    • 3-12. Pricing Table
    • 3-13. FAQ Accordion
    • 3-14. Gradient CTA Section
    • 3-15. Footer
    • 3-16. Basic Optimization
    • 3-17. Sticky Sidebar
    • 3-18. Release Notes Page
    • 3-19. System Pages
    • 3-20. Form Basics

  5. Module 4. Advanced Website Build
    • 4-1. Horizontal Scroll
    • 4-2. Accordion Slider.mp4
    • 4-3. Animations
    • 4-4. Scroll FX
    • 4-5. Section Library
    • 4-6. Custom Interactions
    • 4-7. Custom Pricing Table
    • 4-8. Class Inspector

  6. Module 5. Optimization & Publishing
    • 5-1. Style Optimization
    • 5-2. SEO & Accessibility
    • 5-3. Mobile Optimization
    • 5-4. Link Optimization
    • 5-5. Publishing

  7. Project Assets
    • Blocs 6 Masterclass Project.bloc