Slide 1
Santa Marina Hotel

Santa Marina is an uber-luxe retreat for explorers and collectors of the world’s island idyll experiences. Set overlooking the exquisite and iconic Ornos Bay,

Santa Marina is an uber-luxe retreat for explorers and collectors of the world’s island idyll experiences. Set overlooking the exquisite and iconic Ornos Bay, Santa Marina crucially commands the only private beach on Mykonos.

Naga Resort

Next

Hotel Riviera

Previous
Things you’ll love
Restaurant
Air Condition
Bar
Free Wi-Fi
Price From
$500
Slide 2
The Naga Resort

Santa Marina is an uber-luxe retreat for explorers and collectors of the world’s island idyll experiences. Set overlooking the exquisite and iconic Ornos Bay,

The Naga Resort is a 10-minute ride from the white sands of Patong Beach and various entertainment options. Offering unique-designed villas with private balconies, the property also boasts an outdoor pool and a restaurant.

St. Regis Resort

Next

Santa Marina Hotel

Previous
Things you’ll love
24h Reception
Restaurant
Airport Transfer
Near Beach
Price From
$500
Slide 3
Luxury Suites & Spa

Santa Marina is an uber-luxe retreat for explorers and collectors of the world’s island idyll experiences. Set overlooking the exquisite and iconic Ornos Bay,

Located 10 minutes walking distance from the excavations of ancient Akrotiri and 150 meters from the nearest beach, Neptune Luxury Spa Suites is a new built complex offering uninterrupted views of the Volcano, Caldera and Aegean Sea.

Hotel Riviera

Next

Naga Resort

Previous
Things you’ll love
Airport Transfer
Near Beach
Near Beach
Sauna
Price From
$500

Full Page Hotel

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

Description: Nowadays it is a common approach to fill in the intro section of a website with a full size and full page slideshow. You can create gorgeous presentations with images, videos and animations.

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

Minimum version: 3.4.1.6

Tags:

Full page sliders are popular in web design, they fill the whole screen and catch the visitors’ attention. With Smart Slider 3 Pro you can easily create a full page slider and you can import this sample from the Template Library. After that you can customize it, change the background and the texts, insert another layer or delete a layer so actually you can change everything what you want.

This slider is a good example of how useful the content mode and using a structure can be. You can see a lot of different layer types on this slider: heading layer, text layer, button layer – with a nice hover effect, image layer and a counter layer which shows the price with a nice counter animation. As you can see the background is moving a bit, this zooming effect is the ken burns effect. This effect is simple, elegant and works on any kind of images, but you can customize its speed, strength and the animation as well.

At the bottom of the slider you can see a rectangle shape divider which makes the illusion that the white row at the bottom is outside of the slider. But it isn’t, the shape divider makes you feel that way which can be a useful option. You can navigate to other slides with a mouse drag or with the actions on the previous and next layers. Besides that, there is the slider autoplay mode turned on which can be seen because of the autoplay indicator at the top right corner, so without doing anything, the slides will automatically switch, too.

The speciality of this slider is the hover effect with the evens. If you hover over the Next or the Previous layer, another images will appear. If you want to create a similar animation, check our documentation, and it will probably help you to achieve that.

Core Web Vitals

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

97

Desktop

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

Mobile

First Contentful Paint
1.1 s
Speed Index
2 s
Largest Contentful Paint
3.2 s
Time to Interactive
2.9 s
Total Blocking Time
220 ms
Cumulative Layout Shift
0

Related Post: Use the Popular Ken Burns Effect on your Slider

Related Post: What is a Full Page Slider and How to Use it?

Related Post: Configure Slider Autoplay and Create Automatically Rotating Slider


Similar Sliders -

Static SliderFullpage Video BlockFull Page PortfolioProduct showcase landing page – Mobile app