Black Friday Super Sale! 🔥 Enjoy a jaw-dropping discount of up to 50% OFF on all Smart Slider plans. Hurry, before the offer ends on November 29th!

Buy Now
Gentleman’s cut and shave

A barber is a person whose occupation is mainly to cut, dress, groom, style and shave men's and boys' hair. A barber's place of work is known as a barber shop or a "barber's".

Gentleman’s cut and shave

On arrival you will immediately appreciate you're in the right place, the ambiance created by the beautifully hand crafted interior which takes its design cues from a era more gentile and then throws a modern twist all over it. Exposed brick work and bespoke joinery, with touches of antiqued brass and cooper.


Once you've got the beard, the question is what to do with hair? One of the best options is to visit us!

Beard trimming

A beard is a combination of a mustache and a beard. If you want to take it to the next level, visit us!


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

Description: On this demo page you can find 3 Blocks and 1 Slider. As you can see with Smart Slider you can build gorgeous one page site. Use the fixed hamburger menu navigation (it's a static slide with layers) or scroll down because every blocks contain something cool. And yes, blocks are made with Smart Slider!

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

Minimum version:



The Barber group stays from 4 sliders. With Smart Slider you can create whole landing pages using sliders and blocks. If you create a slider group, you can put the related sliders in one place. Also, you can publish the sliders together, so instead of publishing your sliders one by one, just publish the group. You can fully customize each slider, and each layer, also you can add more sliders into the group.

Barber group


The landing page uses the 4 basic layers: heading, image, text and button layer. The third slider is special because you can meet with 3 transition layers there. A transition layer can show 2 images. You can see the front image first, and if you hover over this image, the back image fades in. Also, you can change the animation type from fade to vertical or horizontal flip.

Transition layer


There are layers which are coming in with nice layer animation. You can manage the layer animations in the timeline. Here you can copy the animations, set the duration or the delay, also you can see all of the animations in the slider, so you can harmonize them.

Layer animations on the timeline


The first block has a special layout: there is a static slide over the basic slide. This static slide contains a hamburger menu which stays from an image and button layers. If you click on the image, the button layers display, and if you click it again, then disappear. To create this kind of menu, you can use layer animation and events.

Static slide with hamburger menu


The Barber group is fully responsive. If you check it on smaller views, like on your phone, you can see the texts are smaller, the rows wrap after more columns, and there are layers which are hidden, so the visitors can focus on the content.

Related Post: How to Create Beautiful WordPress Landing Pages That Convert

Related Post: 12 Stunning One Page Examples Which You Should Check

Similar Sliders
BloggerPoliticianInteriorGreen Energy