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.
3,583 happy customers and still counting…
Top Reviews of Landing Page Masters!
Throw a line & start Reeling in more Clients
Explore your options from the best availble templates.