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 Master News

freedom-home

Advanced Template for Blocs

Introducing the new Freedom template for Blocs, the newest template with many cool features and advanced customizations, which is perfect for any project or for learning web design with Blocs app.

freedom-home

The first thing I want to share today is the Freedom Template, a Blocs 4 template with many cool features and advanced customizations. Usually, I don’t like to add custom code or complex structures to my templates, but with the Freedom, I am making an exception.

I will create multiple tutorials explaining how to do everything in the list below, and share these tutorials with Blocs Master members in the coming weeks. I will also keep adding new advanced features to this template with updates.

Keep in mind that this is the first Bootstrap 5 template, and it comes with a folder of local fonts (which you need to install using the Font Manager in Blocs before opening the project).

Features included in the version 1.0:

  • The height of the sticky header bloc smoothly shrinks on scroll
  • The color of this sticky header also changes on scroll
  • The logo image file changes on scroll
  • The size of the logo image also becomes smaller on scroll
  • The hamburger menu icon changes color on scroll
  • The navigation menu links change color on scroll
  • Offcanvas sidebar linked to the button in the first bloc
  • Smooth darken overlay effect for cards on hover
  • Smooth image zoom effects for cards on hover
  • The whole card acts as a link (stretched-link class)
  • Animated timeline bloc with vertical timeline
  • Toggle Class interaction example with overlay window (horizontally scrolling content, like iPhone 14 Pro website)
  • Black and White SVG social icons
  • Horizontally scrolling cards carousel (like Apple Store page)
  • Highly customized Tabbed Content Bric
  • Customized modal with video player
  • Three types of fully customized testimonial cards

Preview the demo

Sign up to get access

(template and tutorials are also available to all existing customers)

Above is the video overview of the Freedom template with a detailed tutorial explaining how to add a custom sidebar or a mega menu to any Blocs project using the Offcanvas feature.

You can also watch it on YouTube (and use chapters to navigate between the different sections of this very long video).

1 / 122
Next Post

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

Get a Fully Managed Blocs Website for Your Business

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 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

Unlimited access for just $79/year