Black Friday Sale! We are excited to offer a discount of 30% on every Smart Slider plans. Get yours until 29th November!

Buy Now
Header #3
Good to know
Sky is the limit

We help you dream big with your business

Risus lacus orci suspendisse enim integer sapien id posuere. Purus imperdiet et id ultricies tempus. Urna duis sed vitae fermentum tellus vivamus id consequat ut.

Watch video

Nala Page - Light

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

Description: The Nala Light Page was created from the new Slide Library theme, Nala. It's a modern kit that helps you create gorgeous slides in no time.

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

Minimum version: 3.5.1.11

Tags:

Slider Settings

The Nala Light page is a special kind of template. That’s because it contains multiple sliders. When you have several similar sliders, you can place them into a Slider Group. This helps you organize your sliders better. Additionally, you can publish the sliders that are in the same group at once.

Layers

You can find the most popular layers in the Nala Light page. You can find several heading, text, image and button layers. They’re the most common layers that many people use to build their sliders. Why? To simply put, they allow adding content the easiest way.

Animations

The Nala Light page features several layer animations. Layer animations are most commonly used to introduce layers. As a result, the slider looks more interesting and captivating.

The other effect you’ll find in the template is the animated Shape Divider. This animation acts as a separator between two sliders, and it’s a great way to make the intersection of the sliders more interesting.

Layout

The layouts are super simple, but there are some interesting solutions. For example, in the first slider you can see a custom button created using a two column row. The left column contains the image and the right column contains a heading layer. Then their container, the row has a background color and a lightbox that opens a video.

Button structure in the Layer List

Responsive

Smart Slider helps you create gorgeous responsive sliders for our website. Moreover, it offers many tools to ensure your content looks great on small screens, too. The most popular tool that helps you optimize your slider for mobiles is the Font Resizer. It lets you reduce (or increase) the font size without affecting any other device views.

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on November 8, 2022. For the latest result analyze now!

100

Desktop

First Contentful Paint
0.3 s
Speed Index
1.1 s
Largest Contentful Paint
0.5 s
Time to Interactive
0.3 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0
99

Mobile

First Contentful Paint
1.2 s
Speed Index
2.1 s
Largest Contentful Paint
2.2 s
Time to Interactive
1.2 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0

Related Documentation: Layer animation

Related Post: 15 Beautiful Full Width Slider Examples


Similar Sliders -

ConferenceBarberOrion PageInterior