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.5.0.0

Tags:

Best features of full page hotel

Settings

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 that you want.

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.

Settings of the shape divider

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 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.

Layers

This slider is a good example of how useful the default positioning 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.

Animations

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.

Ken Burns effect

The speciality of this slider is the hover effect with the evens. If you hover over the Next or the Previous layer, another image will appear.

Layout

This slider is a full page slider, so fills the available horizontal and vertical space of your browser. The slider has special structure: there are more rows and columns used, which are bundled. In Smart Slider you can put a row into a column, which you can create cool layouts like this. There are 2 main rows under each other.

The top row contains the textual elements and the 4 boxes, and the bottom row is an informative row with a white background and a nice shadow. The top row is stretched, so it fills the available space on the top, and because of that the bottom row will be on the bottom of the slider with the background of a shape divider.

Stretched row

Responsive

The full page hotel slider is fully responsive and looks good on any device. If you check your slider on mobile, you can notice that the texts are smaller, and the bottom white row is hidden. With hiding a layer we can make the slider smaller on mobile.

Hidden row

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 -

Photo App SliderFashion SliderFull Page Particle SliderFlower Shop