Block
5-6 July, 2022
Dance Festival

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna.

The festival opening in
59
Days
10
Hours
14
Minutes
21
Seconds

Dance Festival

💻 Settings | 🎓 Layers | 🎉 Animations | 🏗️ Layout | 📱 Responsive | Speed

Description: A template like the Dance Festival is an excellent way to count down to an event. It's got everything you need: cool animations, a background video and a CTA.

Premium: Gain access to all slider templates with a single purchase.

Minimum version: 3.5.1.3

Tags:

Slider Settings

The Dance Festival block is not an actual slider. It uses a special slider type called Block. What makes Blocks different from sliders is that they can display one slide only. So, they can’t actually slide, but they let you use Smart Slider’s amazing features.

The Dance Festival template is full page, which means it fills the screen both vertically and horizontally. This makes it perfect to use as a hero header.

Layers

The most important layer on the Dance Festival template is obviously the countdown layer. The Countdown layer is a new addition to Smart Slider, and it lets you create a countdown to a date you’re looking for. This date can be the start of a festival, the opening of a website or anything else.

Other notable layers are the heading and text layers. They help build the content of the template and describe the purpose of the block. Additionally, there’s a CTA button which urges visitors to buy their ticket to the festival.

Animations

The most obvious movement on the Dance Festival template is actually coming from a video. In Smart Slider Pro you can use an MP4 video as the background of the slider, and we used that at this template. The background video brings life to the slide with its continuous movement, and makes the block look great.

Slider Background Video
Slider Background Video

The other animation you can find on the template is the layer animation. It’s added to many layers, which appear with a nice movement.

Layout

The Dance Festival template’s layout is built with rows. There’s a 3 column row at the top and a 1 column row at the bottom. In the middle there’s another 1 column row, which is stretched so it pushes the other two rows to the top and bottom respectively.

Stretched row (left) and not stretched row (right)
Stretched row (left) and not stretched row (right)

Responsive

Smart Slider is a responsive slider for WordPress and Joomla. Thus, it has many options to fine-tune your sliders for small screens. For example, at the layers which contain text you can reduce the font size for small screens.

When you optimize your slider for mobile, we recommend making sure your slider is smaller than 600px. This way it will nicely fit into the smallest mobile screens.

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on December 7, 2021. For the latest result analyze now!

99

Desktop

First Contentful Paint
0.8 s
Speed Index
0.8 s
Largest Contentful Paint
0.8 s
Time to Interactive
0 s
Total Blocking Time
0.8 ms
Cumulative Layout Shift
0
95

Mobile

First Contentful Paint
1 s
Speed Index
1 s
Largest Contentful Paint
1.5 s
Time to Interactive
0 s
Total Blocking Time
2.9 ms
Cumulative Layout Shift
0

Related Post: Why do You Need a Video Slider on Your Website?

Related Post: Introducing Countdown Layer


Similar Sliders -

Coming SoonBonsai