Slide 1
Next Generation Plugin

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

Slide 1
Beautiful Options

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Cum sociis natoque penatibus.

Intuitive Backend

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,.

Gorgeous Colors

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Orion Page

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

Description: Orion page is a great example of a one page layout what you can create with Smart Slider. Each section has their own role, which you can customize.

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

Minimum version: 3.5.0.0

Tags:

Settings

The Orion page group is a landing page which stays from 6 blocks and a slider. You can create your whole page using sliders and blocks. If you create a slider group then you can put your sliders together, and it is enough to publish the group, and your sliders will be under each other.

Orion page group

Layers

You can meet with basic layers in this slider group: headings, text layers, images, and button layers. Usually they are in rows and columns which you can use to create a great layout. You can customize each layer in Smart Slider. For that, open the Layer window. Here you can change the content, or the style of the actual layer. Also, you can add a layer animation to the layers in the Animation tab.

Style tab of the layer window

Animations

There are many amazing effects to make the sliders stand out. For example, the parallax effect on the Partner block, which looks really great on any slider. When you scroll up or down, you can see different parts of the background image. We’ve also used the shape divider feature to improve the visual experience. The shape divider is a great separator between sections, also you can animate them.

Layout

In most of the sliders we have put the layers in rows and columns. With using rows and columns we can create good looking and responsive structures. One of the most special structures of this group has the Adventure block. There you can see a heading layer on the top, and there is a row with 3 columns. In the columns the layers are under each other.

Layout of the block

Responsive

We built the slides using default positioning, which grants them great responsive behavior. If you check the page on your tablet or mobile, you can see the text sizes are smaller. You can set the font sizes device specifically with the text scale option what you can find in the layer menu or in the Style tab of the layer window.

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on April 12, 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.8 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0.049
98

Mobile

First Contentful Paint
1 s
Speed Index
1.7 s
Largest Contentful Paint
2.1 s
Time to Interactive
3 s
Total Blocking Time
90 ms
Cumulative Layout Shift
0

Related Post: Add Beautiful Section for your Website with Shape Dividers

Related Post: Use Beautiful Layer Animations in Smart Slider 3 Pro


Similar Sliders -

BakeryCoffeeInteriorBarber