456543746767

Thank you for using Layouts Cloud

ADD THE FOLLOWING CODE TO YOUR THEME ↓

Give me the css

@import url(«https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css»);

.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider{z-index:999!important;position:relative;}
p a.et_pb_promo_button.et_pb_button {
color: #ff3233;
font-family: ‘Raleway’,Helvetica,Arial,Lucida,sans-serif;
font-weight: 300;
font-size: 22px;
line-height: inherit;
vertical-align: middle;
position: relative;
z-index: 11;
border: 2px solid #ff3233;
width: 100%;
max-width:400px;
}
p a.et_pb_promo_button.et_pb_button:hover {border:2px solid #ff3233!important;color:#fff!important;font-weight:500;background-color:#ff3233!important;}
div.et_pb_section.et_pb_section.et_section_regular div.test.et_pb_row.et_pb_row_fullwidth div div div div.et_pb_tab.clearfix p{
font-size:1.5em!important;
margin:10px auto!important;
padding:0 10px!important;
text-transform:uppercase;
}

.test.et_pb_row div div ul li.et_pb_tab_active a {
color: #fff!important;
}

ul.et_pb_tabs_controls li a:hover {
color: #fff!important;
}
div.et_pb_main_blurb_image span span {
color: #FC4546!important;
margin: 0;
padding: 0;
}
div.et_pb_blurb_description p {
line-height: 1em;
padding: 1% 3%;
}
.mytabs .et_pb_tabs_controls li:hover {
background-color: #FF3233;
transition: all 0.5s ease 0s;
}
.mytabs .et_pb_tabs_controls li a:hover {
color: #fff;
}
.mytabs .et_pb_tabs_controls li.et_pb_tab_active {
background-color: #FF3233!important;
color: #fff!important;
}
.et_pb_tab_active {
background-color: #FF3233!important;
color: #fff!important;
}
.mytabs ul.et_pb_tabs_controls {
text-align: center;
}
.mytabs .et_pb_tabs_controls li a {
display: block!important;
}
.mytabs ul.et_pb_tabs_controls:after {
border-top: none!important;
}
.mytabs .et_pb_tab_active a {
color: #fff!important;
}
.cusicons {
font-size: 28px;
color: #ff3233!important;
}
.shake img {
-webkit-animation-name: spaceboots;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin: 50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes spaceboots {
0% {
-webkit-transform: translate(2px, 1px) rotate(0deg);
}
10% {
-webkit-transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
-webkit-transform: translate(-3px, 0px) rotate(1deg);
}
30% {
-webkit-transform: translate(0px, 2px) rotate(0deg);
}
40% {
-webkit-transform: translate(1px, -1px) rotate(1deg);
}
50% {
-webkit-transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
-webkit-transform: translate(-3px, 1px) rotate(0deg);
}
70% {
-webkit-transform: translate(2px, 1px) rotate(-1deg);
}
80% {
-webkit-transform: translate(-1px, -1px) rotate(1deg);
}
90% {
-webkit-transform: translate(2px, 2px) rotate(0deg);
}
100% {
-webkit-transform: translate(1px, -2px) rotate(-1deg);
}
}
.blink_me {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@-webkit-keyframes blinker {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@keyframes blinker {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
.second {
animation: example 60s steps(60) infinite;
-webkit-animation: example 60s steps(60) infinite;
-o-animation: example 60s steps(60) infinite;
-ms-animation: example 60s steps(60) infinite;
-moz-animation: example 60s steps(60) infinite;
}
@keyframes example {
from {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
to {
transform: rotate(450deg);
-webkit-transform: rotate(450deg);
-ms-transform: rotate(450deg);
-o-transform: rotate(450deg);
-moz-transform: rotate(450deg);
}
}
@-webkit-keyframes example {
from {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
to {
transform: rotate(450deg);
-webkit-transform: rotate(450deg);
-ms-transform: rotate(450deg);
-o-transform: rotate(450deg);
-moz-transform: rotate(450deg);
}
}
@keyframes example {
from {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
to {
transform: rotate(450deg);
-webkit-transform: rotate(450deg);
-ms-transform: rotate(450deg);
-o-transform: rotate(450deg);
-moz-transform: rotate(450deg);
}
}
@-o-keyframes example {
from {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
to {
transform: rotate(450deg);
-webkit-transform: rotate(450deg);
-ms-transform: rotate(450deg);
-o-transform: rotate(450deg);
-moz-transform: rotate(450deg);
}
}
@-moz-keyframes example {
from {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
to {
transform: rotate(450deg);
-webkit-transform: rotate(450deg);
-ms-transform: rotate(450deg);
-o-transform: rotate(450deg);
-moz-transform: rotate(450deg);
}
}
.scrollme:hover {
-webkit-transition: background-position 4s linear 0s;
-moz-transition: background-position 4s linear 0s;
transition: background-position 4s linear 0s;
background-position: center bottom;
/*The 4s is the time it takes for the image to scroll from start to finish, which is why the longer screenshots scroll faster*/
}
.scrollme {
min-height: 460px;
display: block;
box-shadow: 0px 1px 36px -3px rgba(0,0,0,0.4);
-webkit-transition: background-position 1.5s ease-out 0.5s;
-moz-transition: background-position 1.5s ease-out 0.5s;
transition: background-position 1.5s ease-out 0.5s;
/*The ease-out 0.5s is the delay before the scroll return to the original position*/
}
.scrollme1 {
background:url(https://layoutscloud.com/wp-content/uploads/M2L5.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme2 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-ricochild-flywheelsites-divi-united-mahesh-barber-1492053630596-min.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme3 {
background:url(https://layoutscloud.com/wp-content/uploads/Barber.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme4 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-ricochild-flywheelsites-bakery-layout-1492053341230-min.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme5 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-1divi-3p-divi-pizza-1493214046193-compressor.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme6 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-ricochild-flywheelsites-fudi-layout-dave-1492053602166-min.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme7 {
background:url(https://layoutscloud.com/wp-content/uploads/M2L14.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme8 {
background:url(https://layoutscloud.com/wp-content/uploads/Fitness-Layout.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme9 {
background:url(https://layoutscloud.com/wp-content/uploads/Sports-Fitness.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme10 {
background:url(https://layoutscloud.com/wp-content/uploads/personal-trainerscreenshot-compressor.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme11 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-1divi-sport-shop-1496321775036-1.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme12 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-ricochild-flywheelsites-divi-united-munir-2-1492091489638-min.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme13 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-1divi-medical-services-1496253425832-compressor.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme14 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-1divi-medical-homepage-1496251563775-compressor.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme15 {
background:url(https://layoutscloud.com/wp-content/uploads/Gym-with-Hero-Image.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme16 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-1divi-spa-home-1496270427526-1-1.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme17 {
background:url(https://layoutscloud.com/wp-content/uploads/M2L8.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme18 {
background:url(https://layoutscloud.com/wp-content/uploads/DU-Minimal.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme19 {
background:url(https://layoutscloud.com/wp-content/uploads/M2L12.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme20 {
background:url(https://layoutscloud.com/wp-content/uploads/Creative-One.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme21 {
background:url(https://layoutscloud.com/wp-content/uploads/Corporate-Layout-Dave.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme22 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-1divi-digisoft-layout-dave-1493660058142-compressor.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme23 {
background:url(https://layoutscloud.com/wp-content/uploads/M2L11.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme24 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-ricochild-flywheelsites-divi-united-munir-1-1492091505110-min.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme25 {
background:url(https://layoutscloud.com/wp-content/uploads/Ebook.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme26 {
background:url(https://layoutscloud.com/wp-content/uploads/DU-Jewellery.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme27 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-ricochild-flywheelsites-divi-united-munir-3-1492091463990-min.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme28 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-ricochild-flywheelsites-tech-product-coen-2-1492095998101-compressor.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme29 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-1divi-divi-united-adele-1493652532494.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme30 {
background:url(https://layoutscloud.com/wp-content/uploads/DU-Dance-Studio.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme31 {
background:url(https://layoutscloud.com/wp-content/uploads/Hotel-Facilities.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme32 {
background:url(https://layoutscloud.com/wp-content/uploads/Tattoo.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme33 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-1divi-wedding-layout-dave-1496274409395-1.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme34 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-ricochild-flywheelsites-divi-united-rico-dronezone-1492053656005-min.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme35 {
background:url(https://layoutscloud.com/wp-content/uploads/Law-Firm.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme36 {
background:url(https://layoutscloud.com/wp-content/uploads/Zeus.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme37 {
background:url(https://layoutscloud.com/wp-content/uploads/DU-Architect.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme38 {
background:url(https://layoutscloud.com/wp-content/uploads/DU-Fashion.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme39 {
background:url(https://layoutscloud.com/wp-content/uploads/screencapture-1divi-charity-home-1496258740038-compressor.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.scrollme40 {
background:url(https://layoutscloud.com/wp-content/uploads/M2L21.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
width:400px;
}
.mytabs ul.et_pb_tabs_controls li.et_pb_tab_active::before, .mytabs ul.et_pb_tabs_controls li:hover::before {
color:#fff;
}
.mytabs ul.et_pb_tabs_controls li::before {
font-family: FontAwesome;
left: 10px;
position: absolute;
top: 5px;
}
.mytabs ul.et_pb_tabs_controls li.et_pb_tab_0::before {
content: «f291»;
}
.mytabs .et_pb_tabs_controls li a {
padding: 4px 40px!important;
}
.mytabs ul.et_pb_tabs_controls li.et_pb_tab_1::before {
content: «f0c4»;
}
.mytabs ul.et_pb_tabs_controls li.et_pb_tab_2::before {
content: «f0f5»;
}
.mytabs ul.et_pb_tabs_controls li.et_pb_tab_3::before {
content: «f1e3»;
}
.mytabs ul.et_pb_tabs_controls li.et_pb_tab_4::before {
content: «f0fa»;
}
.mytabs ul.et_pb_tabs_controls li.et_pb_tab_5::before {
content: «f20e»;
}
.mytabs ul.et_pb_tabs_controls li.et_pb_tab_6::before {
content: «f1de»;
}
.fa-star {
color:#FFD700!important;
}
.myslider .et_pb_container {
height: 330px!important;
}
.review-desc::before {
content: «f10d»;
font-family: FontAwesome;
font-size: 30px;
left: 0;
position: absolute;
top: 0;
}
.et_pb_tab_content {
transform-origin: top center;
animation-name: swing;
animation-duration: 1s;
animation-fill-mode: both;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
@media screen and (max-width: 1390px) {
.mytabs .et_pb_tab_content .one_third {
width: 100%!important;
}

}
@media (max-width: 479px) {
.test .et_pb_tab .et-pb-active-slide, .scrollme {
max-width: 180px;
margin: 0 auto;
min-height: 100%!important;
}
}
@media (max-width: 479px) {
div.et_pb_slides div.et_pb_slide div.three_fourth.et_column_last div::before {
margin-left: -20px!important;
}
}
@media (max-width: 479px){
.test .et_pb_tab .et-pb-active-slide, .scrollme {
max-width:180px;
margin:0 auto;
min-height:100%!important;
}}

 

@media (max-width: 479px){
div.et_pb_slides div.et_pb_slide div.three_fourth.et_column_last div::before {margin-left:-20px!important;}}

ul.et_pb_tabs_controls li a:hover{color:#fff!important;}
div.et_pb_main_blurb_image span span {color:#FC4546!important;margin:0;padding:0;}
div.et_pb_blurb_description p {line-height:1em;padding:1% 3%;}

DELETE THIS SECTION AFTER THAT’S DONE ↓

How to add it

Sky Rocket your Online Sales

We Create Landing Pages that CONVERT!
Checkout What’s Inside Our Portfolio

More Happy Clients For Your Business

Using These Amazing Features

Easy Integration

Aliquam eleifend malesuada commodo. Nulla pellentesque lectus vel elit commodo egestas.

One Click import

Aliquam eleifend malesuada commodo. Nulla pellentesque lectus vel elit commodo egestas.

Customizable

Aliquam eleifend malesuada commodo. Nulla pellentesque lectus vel elit commodo egestas.

Cloud Security

Aliquam eleifend malesuada commodo. Nulla pellentesque lectus vel elit commodo egestas.

Made to Convert

Aliquam eleifend malesuada commodo. Nulla pellentesque lectus vel elit commodo egestas.

Fully Responsive

Aliquam eleifend malesuada commodo. Nulla pellentesque lectus vel elit commodo egestas.

Amazing Landing Pages That Work

Have a look at our portfolio.

App 1

View

Ebook 1

View

Ebook 2

View

Wedding Ring

View

App 2

View

Barber 1

View

Barber 2

View

Barber 3

View

Bakery

View

Pizza

View

Food App

View

Restaurant 1

View

Fitness

View

Fitness & Sports

View

Fitness 2

View

Health Care

See More

Clinic Services

See More

Medical Office

View

Agency 1

View

Agency 2

View

Agency 3

View

Agency 4

View

Agency 5

View

Agency 6

View

Dance Studio

View

Hotel Services

View

Tattoo

View

Wedding 1

View

Air Drone

View

Lawyer 1

View

Drinks

View

Architect 1

View

Fashion

View

Charity

View

Plumber

View

3,583 happy customers and still counting…

Top Reviews of Landing Page Masters!

Great Design and Quality of the Layouts

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Dave — Verified User

Great Design and Quality of the Layouts

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Dave — Verified User

Great Design and Quality of the Layouts

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Dave — Verified User

Throw a line & start Reeling in more Clients

Explore your options from the best availble templates.

 
X
Свой текст:
Номер для примера или текст
Не заполнено поле - .
Укажите, пожалуйста, номер телефона.
+7(999) 999-9999