WARNING !!
YOUR LAYOUT IS INCOMPLETE!
ADD THE FOLLOWING CODE TO YOUR PAGE / SITE TO COMPLETE IT NOW!
↓
Custom CSS > ADD THIS TO COMPLETE THE LAYOUT! ↓
/* * * * * * * * * * * * * * * * * * * * *\ Landing Latte Lite v1.0.0 Landing Page Divi Layout (c) Layouts Cafe https://layoutscafe.com \* * * * * * * * * * * * * * * * * * * * */
/* TYPOGRAPHY */
body {
font-family: ‘Muli’, sans-serif;
}
.lc06_superbold h1 {
font-size: 6em;
}
h1 {
font-size: 3em;
}
h2 {
font-size: 27px!important;
}
/* Shades of color for text*/
.lc06_color01 p,
.lc06_color01 h1,
.lc06_color01 h2,
.lc06_color01 h3,
.lc06_color01 h4,
.lc06_color01 h5,
.lc06_color01 h6 {
color: rgba(255, 255, 255, .7)!important;
}
.lc06_color02 p,
.lc06_color02 h1,
.lc06_color02 h2,
.lc06_color02 h3,
.lc06_color02 h4,
.lc06_color02 h5,
.lc06_color02 h6 {
color: rgba(255, 255, 255, .5)!important;
}
.lc06_color03 p,
.lc06_color03 h1,
.lc06_color03 h2,
.lc06_color03 h3,
.lc06_color03 h4,
.lc06_color03 h5,
.lc06_color03 h6 {
color: rgba(255, 255, 255, .4)!important;
}
.lc06_color04 p,
.lc06_color04 h1,
.lc06_color04 h2,
.lc06_color04 h3,
.lc06_color04 h4,
.lc06_color04 h5,
.lc06_color04 h6 {
color: rgba(255, 255, 255, .3)!important;
}
/* BUTTONS */
a.et_pb_button.lc06_bigbutton,
button.et_pb_newsletter_button.et_pb_button {
width: 100%;
text-align: center;
padding: .8em;
font-weight: bold;
}
/* IMAGES */
.lc_shadow_img {
-webkit-box-shadow: 10px 20px 150px rgba(0, 0, 0, 0.5) -moz-box-shadow: 10px 20px 150px rgba(0, 0, 0, 0.5) box-shadow: 10px 20px 150px rgba(0, 0, 0, 0.5)
}
.lc_shadow_img2 img {
-webkit-box-shadow: 10px 10px 96px -15px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 10px 10px 96px -15px rgba(0, 0, 0, 0.55);
box-shadow: 10px 10px 96px -15px rgba(0, 0, 0, 0.55);
}
/* EMAIL OPTIN MODULE */
/* Styling the email option module */
body #page-container .et_pb_button:hover,
.lc06_optin.et_pb_button:hover,
.lc06_optin input[type=”text”] {
border: 1px dashed rgba(255, 255, 255, .40)!important;
}
/* Styling the captcha */
.et_pb_contact_right {
margin-bottom: 2em;
min-width: 10em!important;
}
span.et_pb_contact_captcha_question,
.et_pb_contact_right p:last-of-type {
color: rgba(255, 255, 255, .5)!important;
}
input.et_pb_contact_captcha {
min-width: 4em;
}
/* CONTACT FORM */
/* Styling the form fields */
#lc06_form input,
#lc06_form textarea {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* Styling the submit button */
#lc06_form .et_pb_contact_submit,
#lc06_form .et_pb_contact_reset {
position: absolute;
left: -14px;
width: 100%;
text-align: center;
padding: .8em;
font-weight: bold;
width: 100%;
}
/* Hover styling */
body #page-container .et_pb_contact_form_1.et_pb_contact_form_container .et_pb_button:hover,
body #page-container .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button:hover {
border: 1px dashed rgba(255, 255, 255, 0.4) !important;
}
/* MEDIA QUERIES */
@media (max-width: 980px) {
/* Styling the email optin module for tablet */
.et_pb_column .et_pb_newsletter_form,
.et_pb_column.et_pb_column_inner .et_pb_newsletter_form {
padding-left: 0;
}
.et_pb_column .et_pb_newsletter_form,
.et_pb_column .et_pb_newsletter_description,
.et_pb_column.et_pb_column_inner .et_pb_newsletter_form,
.et_pb_column.et_pb_column_inner .et_pb_newsletter_description {
width: 100%;
}
}
/* * * * * * * * * * * * * * * * * * * * *\ CSShake :: shake-slow v1.5.0 CSS classes to move your DOM (c) 2015 @elrumordelaluz https://elrumordelaluz.github.io/csshake/ Licensed under MIT \* * * * * * * * * * * * * * * * * * * * */
.shake-slow {
display: inline-block;
transform-origin: center center;
}
.shake-freeze,
.shake-constant.shake-constant–hover:hover,
.shake-trigger:hover .shake-constant.shake-constant–hover {
animation-play-state: paused;
}
.shake-freeze:hover,
.shake-trigger:hover .shake-freeze,
.shake-slow:hover,
.shake-trigger:hover .shake-slow {
animation-play-state: running;
}
@keyframes shake-slow {
2% {
transform: translate(0px, 0px) rotate(0.0deg);
}
4% {
transform: translate(0px, 0px) rotate(0.0deg);
}
6% {
transform: translate(0px, 0px) rotate(0.0deg);
}
8% {
transform: translate(0px, 0px) rotate(0.0deg);
}
10% {
transform: translate(0px, 0px) rotate(0.0deg);
}
12% {
transform: translate(0px, 0px) rotate(0.0deg);
}
14% {
transform: translate(0px, 0px) rotate(0.0deg);
}
16% {
transform: translate(0px, 0px) rotate(0.0deg);
}
18% {
transform: translate(0px, 0px) rotate(0.0deg);
}
20% {
transform: translate(0px, 0px) rotate(0.0deg);
}
22% {
transform: translate(0px, 0px) rotate(0.0deg);
}
24% {
transform: translate(0px, 0px) rotate(0.0deg);
}
26% {
transform: translate(0px, 0px) rotate(0.0deg);
}
28% {
transform: translate(0px, 0px) rotate(0.0deg);
}
30% {
transform: translate(0px, 0px) rotate(0.0deg);
}
32% {
transform: translate(0px, 0px) rotate(0.0deg);
}
34% {
transform: translate(0px, 0px) rotate(0.0deg);
}
36% {
transform: translate(0px, 0px) rotate(0.0deg);
}
38% {
transform: translate(0px, 0px) rotate(0.0deg);
}
40% {
transform: translate(0px, 0px) rotate(0.0deg);
}
42% {
transform: translate(0px, 0px) rotate(0.0deg);
}
44% {
transform: translate(0px, 0px) rotate(0.0deg);
}
46% {
transform: translate(0px, 0px) rotate(0.0deg);
}
48% {
transform: translate(0px, 0px) rotate(0.0deg);
}
50% {
transform: translate(5px, -10px) rotate(0.5deg);
}
52% {
transform: translate(10px, -1px) rotate(2.0deg);
}
54% {
transform: translate(15px, -7px) rotate(-1.5deg);
}
56% {
transform: translate(20px, -2px) rotate(2.0deg);
}
58% {
transform: translate(15px, -10px) rotate(-0.5deg);
}
60% {
transform: translate(10px, -2px) rotate(1.5deg);
}
62% {
transform: translate(5px, -10px) rotate(-0.5deg);
}
64% {
transform: translate(0px, 0px) rotate(0.0deg);
}
66% {
transform: translate(0px, 0px) rotate(0.0deg);
}
68% {
transform: translate(0px, 0px) rotate(0.0deg);
}
70% {
transform: translate(0px, 0px) rotate(0.0deg);
}
72% {
transform: translate(0px, 0px) rotate(0.0deg);
}
74% {
transform: translate(0px, 0px) rotate(0.0deg);
}
76% {
transform: translate(0px, 0px) rotate(0.0deg);
}
78% {
transform: translate(0px, 0px) rotate(0.0deg);
}
80% {
transform: translate(0px, 0px) rotate(0.0deg);
}
82% {
transform: translate(0px, 0px) rotate(0.0deg);
}
84% {
transform: translate(0px, 0px) rotate(0.0deg);
}
86% {
transform: translate(0px, 0px) rotate(0.0deg);
}
88% {
transform: translate(0px, 0px) rotate(0.0deg);
}
90% {
transform: translate(0px, 0px) rotate(0.0deg);
}
92% {
transform: translate(0px, 0px) rotate(0.0deg);
}
94% {
transform: translate(0px, 0px) rotate(0.0deg);
}
96% {
transform: translate(0px, 0px) rotate(0.0deg);
}
98% {
transform: translate(0px, 0px) rotate(0.0deg);
}
0%,
100% {
transform: translate(0, 0) rotate(0);
}
}
.shake-slow:hover,
.shake-trigger:hover .shake-slow,
.shake-slow.shake-freeze,
.shake-slow.shake-constant {
animation: shake-slow 5s ease-in-out infinite;
}
HOW TO ADD IT
YOU CAN DELETE THIS SECTION AFTER YOU DO THAT 🙂
Meet Landing Latte
Landing Page Layout
Landing Latte Lite is a minimal and stylish landing page layout built for the award-winning Divi Theme. Start converting leads into clients now!
Sexy title
And its subtitle counterpart
Contrasting colors
Use contrasting colors to draw attention to your subject, whether and image, a video, a slideshow, and so on. Make what’s important stand out.
More details?
A handy arrow shows your visitors they should keep on scrolling. Better yet, they just have to click on it to be taken to the next section of your conversion funnel.
Alternate color
To separate content
Contrasting colors
Use contrasting colors to draw attention to your subject, whether and image, a video, a slideshow, and so on. Make what’s important stand out.
More details?
A handy arrow shows your visitors they should keep on scrolling. Better yet, they just have to click on it to be taken to the next section of your conversion funnel.
What they say
About Us
Expedita ligula eleifend quis error nunc? Accumsan odio vestibulum sociosqu nisl ratione mollis sociosqu recusandae quisquam, adipiscing, montes? Lacus inceptos enim incididunt! Pariatur molestias molestie ridiculus voluptas, anim iste elementum.
Expedita ligula eleifend quis error nunc? Accumsan odio vestibulum sociosqu nisl ratione mollis sociosqu recusandae quisquam, adipiscing, montes? Lacus inceptos enim incididunt! Pariatur molestias molestie ridiculus voluptas, anim iste elementum.
Expedita ligula eleifend quis error nunc? Accumsan odio vestibulum sociosqu nisl ratione mollis sociosqu recusandae quisquam, adipiscing, montes? Lacus inceptos enim incididunt! Pariatur molestias molestie ridiculus voluptas, anim iste elementum.
Freebies galore!
Want exclusive freebies?
