Learn how to make blazing fast websites with Blocs 5.

High-quality tutorials, premium templates, design resources, private community, and a real human support to help you master your web design skills with Blocs website builder.

Join Now
Beginner

Getting Started with Blocs 5

Understand the fundamentals and basic workflows of using the Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 1 2 mins

Overview

Watch the overview of the Getting Started with Blocs 5 course.

Free

Making%20a%20Website%20in%20Blocs%205

Lesson 2 10 mins

User Interface

Explore the brand-new user interface of Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 3 12 mins

Settings

Explore various types of project and page settings in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 4 6 mins

Site Structure

Learn how to properly structure web pages and sections in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 5 12 mins

Visual Design

Understand the basic visual design workflows in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 6 10 mins

Classes

Learn the basics about various types of classes in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 7 12 mins

Class Editor

Explore into the various features of the Class Editor in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 8 18 mins

Typography

Understand the basics of working with typography in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 9 9 mins

Colors

Understand the basics of working with colors in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 10 7 mins

Project Assets

Learn how to import and manage project assets in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 11 7 mins

Menus

Learn how to setup and manage the navigation menus in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 12 10 mins

Animations

Learn how to add animations and scroll effects in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 13 5 mins

Publishing

Learn how to export and publish a website in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 14 2 mins

Review

Watch the summary overview and discover what's next.

Intermediate

Making a Website in Blocs 5

Learn how to make a modern website in Blocs 5 with step-by-step video tutorials.

Making%20a%20Website%20in%20Blocs%205

Lesson 1 TXT

Overview

Read the overview of the Making a Website in Blocs 5 course.

Making%20a%20Website%20in%20Blocs%205

Lesson 2 TXT

Planning

Learn how to plan and prepare for a successful and efficient website design.

Making%20a%20Website%20in%20Blocs%205

Lesson 3 6 mins

Project Setup

Learn how to setup a new project and pages in Blocs 5 website builder.

Making%20a%20Website%20in%20Blocs%205

Lesson 4 9 mins

Typography Setup

Learn how to setup multiple typography styles for efficient website design.

Making%20a%20Website%20in%20Blocs%205

Lesson 5 4 mins

Colors Setup

Learn how to setup color palette for consistent website design process.

Making%20a%20Website%20in%20Blocs%205

Lesson 6 12 mins

Menu Setup

Learn how to setup and manage navigation menus for a website in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 7 8 mins

Buttons Setup

Create multiple styles of buttons to use across the project.

Making%20a%20Website%20in%20Blocs%205

Lesson 8 6 mins

Preparing Images

Learn how to prepare and optimize images for your website.

Making%20a%20Website%20in%20Blocs%205

Lesson 9 12 mins

Landing Page

Add a beautiful hero section to the website's landing page.

Making%20a%20Website%20in%20Blocs%205

Lesson 10 9 mins

Card Design

Design beautiful card designs to use across the project.

Making%20a%20Website%20in%20Blocs%205

Lesson 11 6 mins

Call to Action Section

Create a clear call to action section for the footer.

Free

Making%20a%20Website%20in%20Blocs%205

Lesson 12 3 mins

Gradient Text

Learn how to add gradient color styles to typography in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 13 3 mins

About Page

Create a clear and modern about page for your website.

Making%20a%20Website%20in%20Blocs%205

Lesson 14 6 mins

Projects Grid

Design a project grid using the CSS Grid bric of Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 15 12 mins

Project Page

Make an individual project item page template for your project.

Making%20a%20Website%20in%20Blocs%205

Lesson 16 10 mins

Contact Page

Create an efficient contact page for your website.

Making%20a%20Website%20in%20Blocs%205

Lesson 17 9 mins

Footer

Design a simple and effective footer with CTA and social links.

Making%20a%20Website%20in%20Blocs%205

Lesson 18 14 mins

Animations

Discover how to add and customize smooth animations to your website.

Making%20a%20Website%20in%20Blocs%205

Lesson 19 13 mins

On-Site SEO

Learn the basics of search engine optimization (SEO) in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 20 12 mins

Optimization

Learn how to optimize your website to look great on all types of devices.

Making%20a%20Website%20in%20Blocs%205

Lesson 21 4 mins

Publishing

Learn how to setup an efficient workflow for publishing your website with one click.

Making%20a%20Website%20in%20Blocs%205

Lesson 22 TXT

Review

Review of the Making a Website in Blocs 5 course, and what’s next.

Advanced

Blocs 5 Masterclass Series

Learn how to use advanced features of the Blocs website builder.

Free

Making%20a%20Website%20in%20Blocs%205

Lesson 1 26 mins

Offcanvas

Discover how to utilize Bootstrap 5's offcanvas functionality to craft stunning sidebars and menus.

Making%20a%20Website%20in%20Blocs%205

Lesson 2 22 mins

CSS Grid

Gain an understanding of the fundamental concepts of utilizing the CSS Grid brick in Blocs 5.

Making%20a%20Website%20in%20Blocs%205

Lesson 3 20 mins

Modals

Discover the art of crafting captivating modals with the Blocs 5 website builder.

Making%20a%20Website%20in%20Blocs%205

Lesson 4 10 mins

Bloc Masks

Discover the Bloc Masks and learn how to incorporate it into your website design.

Making%20a%20Website%20in%20Blocs%205

Lesson 5 11 mins

Bloc Edge Dividers

Discover the Bloc Edge Dividers in Blocs 5 and how to utilize them for stunning website design.

customizing a sticky navbar

Lesson 6 22 mins

Customizing a Sticky Navbar

Learn how to customize a sticky navigation bar in Blocs 5 to make it unique and stylish.

customizing a sticky navbar

Lesson 7 29 mins

Forms

Learn how to customize the layout, structure, and style of forms in Blocs 5.

customizing a sticky navbar

Lesson 8 14 mins

Stretched Link

Learn how to use ‘stretched-link’ class to make any element or area in Blocs 5 clicable.

customizing a sticky navbar

Lesson 9 14 mins

Default Button Styles

Learn how you can customize the default styles for button bric in Blocs 5.

Intermediate

Blocs 5 Blogging

Learn how to blog in Blocs 5 without using any third-party CMS platforms.

Free

blogging in blocs 5 without cms platform

Lesson 1 2 mins

Overview

Watch an overview video about this course.

blogging in blocs 5 without cms platform

Lesson 2 8 mins

Pros and Cons

Learn whaterver blogging in Blocs 5 without CMS platforms is a good method for you.

blogging in blocs 5 without cms platform

Lesson 3 4 mins

Core Elements

Learn what makes a website a Blog.

blogging in blocs 5 without cms platform

Lesson 4 9 mins

Main Page

Learn how to setup the main blog page with a list of latest / featured post and sidebar.

blogging in blocs 5 without cms platform

Lesson 5 4 mins

Post Page

Learn how to create the perfect article page template for your futute blog posts.

blogging in blocs 5 without cms platform

Lesson 6 12 mins

Categories

Learn how to efficienly setup and manage the categories / topics for your blog.

blogging in blocs 5 without cms platform

Lesson 7 8 mins

Archive

Learn how to create and manage the Archive page for your blog.

blogging in blocs 5 without cms platform

Lesson 8 6 mins

SEO

Learn how to optimize your article pages for Search Engine Optimization.

blogging in blocs 5 without cms platform

Lesson 9 12 mins

Sharing

Learn how to make it super simple for the visitors of your blog to share it online.

blogging in blocs 5 without cms platform

Lesson 10 9 mins

Search

Learn how to use the Site Search bric to setup the search for your blog

blogging in blocs 5 without cms platform

Lesson 11 6 mins

Newsletter

Learn how to use the default form bric to collect email addresses from your blog visitors.

blogging in blocs 5 without cms platform

Lesson 12 3 mins

Workflow

Watch the whole process of publishing the new blog post to your blog.

In-depth Courses

Explore the comprehensive, topic-focused courses for Blocs.

Free

Making%20a%20Website%20in%20Blocs%205

11 lessons 1 hour

Free SEO Guide

Essential and straightforward Search Engine Optimization (SEO) strategies to implement.

Making%20a%20Website%20in%20Blocs%205

36 lessons 4+ hours

Commerce Course

Learn how to to make a fully functional e-commerce website in Blocs app.

Making%20a%20Website%20in%20Blocs%205

24 lessons 3.5+ hours

Blogging Course

Learn how to make a fully functional blogging website with Blocs app and Volt CMS.

Making%20a%20Website%20in%20Blocs%205

74 lessons 9+ hours

Blocs 4 Course

The step-by-step course covering everything you need to know to make a website in the Blocs 4.

Watch on  

yt_logo_rgb_dark

Free

Making%20a%20Website%20in%20Blocs%205

Tutorial 11 mins

Lighting Up Effect

Learn how to use Scroll FX to bring cards and other elements to life.

Free

Making%20a%20Website%20in%20Blocs%205

Tutorial 26 mins

Animated Timeline

Learn how to build an animated timeline without writing any code.

Free

Making%20a%20Website%20in%20Blocs%205

Tutorial 23 mins

Scrolling Cards

Learn how to create a carousel of horizontally scrolling cards.

Free

Making%20a%20Website%20in%20Blocs%205

Tutorial 28 mins

Custom Cards

Learn how to create beautiful and animated custom cards.

Free

Making%20a%20Website%20in%20Blocs%205

Tutorial 17 mins

Animated Button

Learn how to create animated buttons with unique desings.

Free

Making%20a%20Website%20in%20Blocs%205

Tutorial 22 mins

Vertical Tabs

Learn how to customize Tabbed Content bric to have vertical tabs.

Free

Making%20a%20Website%20in%20Blocs%205

100s of tutorials Free

Many More on YouTube

Explore our YouTube channel for access to hundreds of high-quality tutorials for the Blocs app, all available for free.

Over 1200 beautiful custom designs!

The magically fast way to create websites in Blocs

Supercharge your web design workflow in Blocs 5.

blocs library-hero

What Blocs users say about Blocs Master

Read a testimonial letter from Frank.

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

The best website to learn how to use Blocs. Eldar cares to help you if you have problems with the templates.

If you subscribe you will not regret it. It includes a large number of sample templates. 100% recommended

- Wardiam

The best place to learn virtually all there is to know about Blocs for beginners. And what better teacher than Eldar himself who spares nothing to make sure you are on the right track from step one through to intermediate.

- Sabina

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.

- Lee

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

- Ive

If you are looking for an in-depth course on how to get the most out of Blocs, I highly recommend Blocs Master Course. 

- Arno