web design-icon
Blocs Website

Get a Blocs website without upfront fees.

web design-icon
1-on-1 Training

1-on-1 training sessions with Blocs Master.

web design-icon
Website Hosting

Premium unlimited hosting for your website.

web design-icon
Custom template

Get a Blocs website with one-time payment.

74 LESSONS

Website Course

Learn how to make a multi-page website in Blocs 4.

36 LESSONS

Commerce Course

Learn how to make an e-commerce website in Blocs.

24 LESSONS

Blogging Course

Learn how to make a blog with Blocs and Volt CMS.

8 LESSONS

Introduction to Blocs 4

Learn the basic features and workflows of Blocs 4.

Blocs 4 Website Course

The ultimate step by step video course covering everything you need to know to plan, design, optimize, and publish a beautiful multi-page website in Blocs 4 website builder.

The Ultimate Course for Blocs 4

Blocs 4 Website Course is the best video course for Blocs app we have ever created. It includes over 74 quality lessons, 9+ hours of tutorials packed with valuable information, and a premium template.

🎥

74+ Video Lessons

High-quality detailed tutorials available in crispy 4K resolution.

9+ Hours of Material

There are over 450 minutes of value packed video materials.

🖥

Premium Template

Great looking premium Blocs 4 template in two variations.

📦

Project Assets

An archive with all project assets used in the course for practice.

🔄

Free Updates

If we update the course, you will get all updates for free.

📧

Email Support

If you will have any questions, we are always happy to help.

Blocs 4 Website Course

The Curriculum

Check the list of video tutorials included in the course below, or download the detailed version in PDF file format here.

Overview

Blocs 4 Website Course Overview

3 mins

Barista - B4 Ver 1.0

35 MB

Course Resources

252 MB

Course Curriculum

406 KB

PART 1. Introduction

1-1. Exploring Blocs 4 User Interface

5 mins

1-2. Project & Page Settings

7 mins

1-3. Blocs Website Structure

8 mins

1-4. Visual Web Design Basics

10 mins

1-5. Classes Basics

10 mins

1-6. Managing Menus

5 mins

1-7. Image Editor & SEO Helper

4 mins

1-8. Next Steps

2 mins

PART 2. Preparation

2-1. Overview of the Part 2

5 mins

2-2. Planning a Website Project

6 mins

2-3. Setting Up a Project

11 mins

2-4. Creating Pages & Site Structure

5 mins

2-5. Installing Custom Google Fonts

8 mins

2-6. Default Typography Settings

7 mins

2-7. Preparing Images

12 mins

2-8. Preparing Videos

6 mins

2-9. Review of the Part 2

2 mins

PART 3. Design

3-1. Creating a Custom Menu

11 mins

3-2. Adjusting the Style of Menu

9 mins

3-3. Setting the Color Scheme

9 mins

3-4. Optimizing the Mobile Menu

6 mins

3-5. Completing the Custom Menu

3 mins

3-6. Creating Banners with Responsive Headers

11 mins

3-7. Responsive Padding

9 mins

3-8. Applying Gradients to Text

6 mins

3-9. Bloc Edge Shape Dividers

7 mins

3-10. Building Responsive Column Grids

13 mins

3-11. Applying CSS Filter Effects

7 mins

3-12. Class Library Manager

5 mins

3-13. Custom Button Styles

7 mins

3-14. Building Website Footer

8 mins

3-15. Social Links & Footer Optimization

8 mins

3-16. Writer Mode & Text Editing Options

8 mins

3-17. Multi-layer Parallax Effect

10 mins

3-18. Building a Grid of Icons with Text

10 mins

3-19. Edge to Edge Feature Blocs

14 mins

3-20. Gradient Background & Wire Button

4 mins

3-21. Installing 3rd Party Brics

4 mins

3-22. Creating a Shop Page

7 mins

3-23. Using Toggle Visibility

9 mins

3-24. Setting Up a Product Page

8 mins

3-25. Setting Up a Tabbed Content Bric

8 mins

3-26. Adding Content to Tabs

7 mins

3-27. Using Toggle Class Interaction

8 mins

3-28. Completing the Product Page

5 mins

3-29. Setting Up a Gallery Page

5 mins

3-30. Setting Up a Contact Page

8 mins

3-31. Adding & Editing the Form

11 mins

3-32. Embedding Google Maps

3 mins

3-33. Adjusting the Style of Alert Messages

5 mins

3-34. Adjusting the 'Scroll to Top' Button

3 mins

PART 4. Optimization

4-1. Website Design Optimization

18 mins

4-2. Local Host Preview

4 mins

4-3. Troubleshooting Links

7 mins

4-4. Adjusting Page Settings

8 mins

4-5. Adding Social Cards

5 mins

4-6. Search Engine Optimization

9 mins

PART 5. Publishing

5-1. Exporting & Publishing a Website

6 mins

5-2. Analyzing Website Performance

6 mins

5-3. Creating & Editing .htaccess File

5 mins

5-4. Preparing Project Files for Transfer

5 mins

Review

Course Review

4 mins

PART 6. Bonus Videos

6-1. DIV Container Bric

10 mins

6-2. Styling Dropdown Menus

10 mins

6-3. Class Editor - Flex

10 mins

6-4. Class Editor - Positioning

6 mins

6-5. Vertical Menu - Part 1 - Flex & Position

10 mins

6-6. Vertical Menu - Part 2 - Body Classes

8 mins

6-7. Continuous Scroll FX

7 mins

6-8. Class Editor - Filters

5 mins

6-9. Class Editor - SVG

6 mins

6-10. Carousel Bric

10 mins

6-11. Class Editor - Shadows

7 mins

Everything You Need to Become a

BLOCS MASTER

layouts

Learning Materials

A series of detailed video courses and 100s of tutorials to help you learn.

layouts

Design Resources

A wide collection of premium website templates and custom blocs packs.

layouts

Quality Services

Quality services to help you succeed with your next web design project.

Get the Blocs App

Blocs app is a modern website builder for Mac, which allows us to build beautiful websites without writing a line of code.

Get Free Trial

Website Membership

For one small mountly fee, we can build and manage a very fast and beautiful website for you or your business. There are no design, hosting, or any hidden fees.
Learn More

Blocs Master News

Visit the Blocs Master blog page to read the latest news and updates about our products and services.
Visit the Blog

BLOCS TEMPLATES

A collection of fully customizable high-quality templates for Blocs app to help you speed up your web design workflow.

Learn More
macbook left-content

What Blocs users say about Blocs Master

We are amazed by the overwhelming support of our students and customers. Thank you!

Eldar's work speaks for itself; his beautiful templates are well thought out and easy to use.

What sets Eldar apart from other developers is his amazing customer service, attention to detail and his genuinely positive way of interacting with his customers.

He is prompt, reliable and thorough. 'Highly recommended' is an understatement!

If you have web development needs, consulting Eldar is a wise investment.

- Lee Lusk

I took the plunge with Blocs about a year ago and just love it. I like many asked a few idiot questions when I started, but the real solution to my true understanding of this software masterpiece was Eldar Gezalov!

This wonderful guy has created a series of videos (many free) which cover every aspect of Blocs in simple to understand examples.

I promise he’s not paying me to write this, but I like many are indebted to him for the hours he has spent helping others.

- David

I think the Blocs 4 Website Course is one of the best online courses for the Blocs app, very well explained, clear and full of valuable information. Learned a lot from it. Good job !

It is definitely worth the money if you want to learn Blocs 4 quickly and efficiently, not to mention the many tips and tricks that Eldar has built into his lessons.

You will learn to build a website in Blocs in no time.

Keep up the good work!

- Ive

Become a Blocs Master

All-Access Pass for only $79/year.