shida darkshida light

Freedom Template

Beautiful Blocs 5 template with lots of cool features and advanced customizations, perfect for learning web design with Blocs.

Purchase

Shopping Cart

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Buy now

Custom Cards with Hover Effects

These cards come with darken overlay color, as well as zooming images on hover. By adjusting the transition speed, we have made the hover effect appear smooth and beautiful.

Card Title

The whole card is linked. To change the distanation of the link, select the card title and adjust the interaction.

Card Title

The whole card is linked. To change the distanation of the link, select the card title and adjust the interaction.

Card Title

The whole card is linked. To change the distanation of the link, select the card title and adjust the interaction.

Card Title

The whole card is linked. To change the distanation of the link, select the card title and adjust the interaction.

Card Title

The whole card is linked. To change the distanation of the link, select the card title and adjust the interaction.

Card Title

The whole card is linked. To change the distanation of the link, select the card title and adjust the interaction.

Animated Timeline

There are million ways of creating a beautiful timeline blocs in Blocs. Below is one example of the vertical timeline with beautiful scroll effects.

September 1988

coffee%20banner
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ainean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
coffee%20banner
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

February 2004

December 2015

coffee%20banner

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

coffee%20banner

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

June 2016

June 2017

coffee%20banner

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

coffee%20banner

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

May 2022

Overlay Window with Horizontal Scroll

Apple is using this technique quite a lot on it’s official webiste. Check the iPhone 14 Pro landing page, and you will find the similar modal windows in almost every part of the page.
coffee%20banner

See more of what Toggle Class Interaction can do 

Scroll to the right

This section is using the Toggle Class interaction to make a super advanced overlay window.

coffee%20banner
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

You can place text, images, or pretty much anything you want in this area.

To make it easier to edit, set the flex child wrap setting to ‘Wrap’ when entering the content, and when you are done, just switch back to ‘No Wrap’ to switch back to the horizontal scrolling design.

You can use this for statistics

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

You can use this for values

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

This design is not for every website, and it is a bit too complex for some designers. It’s your choice whatever to use it or not.

Black SVG Icons

Horizontally Scrolling Cards

Simple and beautiful cards for any type of content, smoothly scrolling horizontally. Something you can find on many of Apple website pages.
coffee%20banner

Card Title Here

September 28, 2028

Introducing the Freedom template for Blocs. It comes with lots of features and customizations, making it the perfect template for learning.

Learn More »

Become a Blocs Master »

coffee%20banner

Card Title Here

September 28, 2028

Introducing the Freedom template for Blocs. It comes with lots of features and customizations, making it the perfect template for learning.

Learn More »

Become a Blocs Master »

coffee%20banner

Card Title Here

September 28, 2028

Introducing the Freedom template for Blocs. It comes with lots of features and customizations, making it the perfect template for learning.

Learn More »

Become a Blocs Master »

coffee%20banner

Card Title Here

September 28, 2028

Introducing the Freedom template for Blocs. It comes with lots of features and customizations, making it the perfect template for learning.

Learn More »

Become a Blocs Master »

coffee%20banner

Card Title Here

September 28, 2028

Introducing the Freedom template for Blocs. It comes with lots of features and customizations, making it the perfect template for learning.

Learn More »

Become a Blocs Master »

coffee%20banner

Card Title Here

September 28, 2028

Introducing the Freedom template for Blocs. It comes with lots of features and customizations, making it the perfect template for learning.

Learn More »

Become a Blocs Master »

coffee%20banner

Card Title Here

September 28, 2028

Introducing the Freedom template for Blocs. It comes with lots of features and customizations, making it the perfect template for learning.

Learn More »

Become a Blocs Master »

coffee%20banner

Card Title Here

September 28, 2028

Introducing the Freedom template for Blocs. It comes with lots of features and customizations, making it the perfect template for learning.

Learn More »

Become a Blocs Master »

coffee%20banner

Card Title Here

September 28, 2028

Introducing the Freedom template for Blocs. It comes with lots of features and customizations, making it the perfect template for learning.

Learn More »

Become a Blocs Master »

coffee%20banner

Card Title Here

September 28, 2028

Introducing the Freedom template for Blocs. It comes with lots of features and customizations, making it the perfect template for learning.

Learn More »

Become a Blocs Master »

Tabbed Content

Check these highly customized tas of the Tabbed Content Bric. We have placed the simple images below, but you can place any type of content in the content areas for each of the tabs.

Modal with Video Player

Check the beatiful custom overlay video player, perfect for any type of promotional video. You can customize the button to be any shape or style, while the video will stop when you close the modal.
Watch Now

Testimonial Cards

Check these three different types of testimonial cards, beautifullly designed and optimized for mobile.
quote left-solid

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

quote left-solid

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

quote left-solid

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

eldar roundquote left-solid

Eldar Gezalov

All-Access Pass

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cellen tesque eu, pretium quis.

eldar roundquote left-solid

Eldar Gezalov

All-Access Pass

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cellen tesque eu, pretium quis.

eldar roundquote left-solid

Eldar Gezalov

All-Access Pass

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cellen tesque eu, pretium quis.

Eldar
Gezalov

Founder
facebooktwitterlinkedin in
eldar square

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis montes, nascetur ridiculus mus.

Eldar
Gezalov

Founder
facebooktwitterlinkedin in
eldar square

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis montes, nascetur ridiculus mus.

Eldar
Gezalov

Founder
facebooktwitterlinkedin in
eldar square

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis montes, nascetur ridiculus mus.

Eldar
Gezalov

Founder
facebooktwitterlinkedin in
eldar square

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus et magnis montes, nascetur ridiculus mus.

White SVG Icons