Barber
Gentleman’s cut and shave
Barbershop

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

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

haircut

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!

Barbers
Barbers
Frank Triana
Make an appoinment
Victor murphy
Make an appoinment
jimmy butler
Make an appoinment

Barber

💻 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: 3.5.0.8

Tags:

Settings

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

Layers

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

Animations

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

Layout

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

Responsive

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.

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.3 s
Speed Index
0.8 s
Largest Contentful Paint
0.8 s
Time to Interactive
1 s
Total Blocking Time
50 ms
Cumulative Layout Shift
0.026
94

Mobile

First Contentful Paint
1 s
Speed Index
1.6 s
Largest Contentful Paint
3.1 s
Time to Interactive
3.1 s
Total Blocking Time
140 ms
Cumulative Layout Shift
0.006

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

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


Similar Sliders -

Iceland Adventure GroupInterior SliderHealthcareVlogger