Thank you for using Divi Cloud

 IMPORTANT 

YOUR LAYOUT IS INCOMPLETE

ADD THE FOLLOWING CSS CODE
TO YOUR PAGE OR SITE TO COMPLETE IT   ↓

Give me the code

/*——[Shadow Diagonal Lines]——-*/

#et-main-area,
#main-content {
overflow: hidden;
}
/* Hides all the items that float over the right margin */

.diagonal-shadow::before,
.diagonal-shadow::after {
position: absolute;
content: ”;
pointer-events: none;
}
.diagonal-shadow {
z-index: 1;
padding-top: 6em;
background: #fff;
}
.diagonal-shadow::before,
.diagonal-shadow::after {
top: 0;
left: -25%;
z-index: -1;
width: 150%;
height: 75%;
background: inherit;
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.diagonal-shadow::before {
height: 50%;
background: #fff;
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
-webkit-transform-origin: 3% 0;
transform-origin: 3% 0;
}
/*——[Shadow Diagonal Lines2]——-*/

#et-main-area {
overflow: hidden;
}
/* Hides all the items that float over the right margin */

.diagonal-shadow2::before,
.diagonal-shadow2::after {
position: absolute;
content: ”;
pointer-events: none;
}
.diagonal-shadow2 {
z-index: 1;
padding-top: 6em;
background: #141414;
}
.diagonal-shadow2::before,
.diagonal-shadow::after {
top: 0;
left: -25%;
z-index: -1;
width: 150%;
height: 75%;
background: inherit;
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.diagonal-shadow2::before {
height: 50%;
background: #141414;
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
-webkit-transform-origin: 3% 0;
transform-origin: 3% 0;
}
/*——[growing hover effect]——-*/

.grow {
transition: all .5s ease-in-out;
}
.grow:hover {
transform: scale(1.1);
}
/*——[images hover]——-*/

.image {
position: absolute;
top: 0px;
left: 0px;
transition: .6s;
}
.image:hover {
top: -40px;
}
/*——[footer hovereffect]——-*/

.footer:after,
.image:before {
position: absolute;
opacity: 0;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.footer:after {
content: ‘A’;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.15);
}
.footer:before {
content: attr(data-content);
width: 100%;
color: #fff;
z-index: 1;
bottom: 0;
padding: 4px 10px;
text-align: center;
background: #cbb379;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.footer:hover:after,
.image:hover:before {
opacity: 1;
}

HOW TO ADD IT

DELETE THIS SECTION AFTER YOU DO THAT 🙂

Creative Design Agency

Creative Design Agency

WHAT MAKES US SPECIAL?

We like to change things up

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget tortor risus. Nulla quis lorem ut libero malesuada feugiat. Sed porttitor lectus nibh. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit. Vivamus suscipit tortor eget felis porttitor volutpat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.

DEVELOPMENT  – WEB DESIGN – STRATEGY

WHAT MAKES US SPECIAL?

We like to change things up

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget tortor risus. Nulla quis lorem ut libero malesuada feugiat. Sed porttitor lectus nibh. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit. 

DEVELOPMENT  – WEB DESIGN – STRATEGY

OUR CLIENTS

What do they say

Jenneth van Deyk

CEO Divi Cloud

”Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; 

Carl Oswald

Senior Developer 

”Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec sollicitudin molestie malesuada.”

Mark White

All-Round Designer

”Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec sollicitudin molestie malesuada.”

OUR CLIENTS

What do they say

Jenneth van Deyk

CEO Divi Cloud

”Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; 

Carl Oswald

Senior Developer 

”Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec sollicitudin molestie malesuada.”

Mark White

All-Round Designer

”Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Donec sollicitudin molestie malesuada.”

PROJECTS

DIFFERENT STYLES

AWARDS WON

EMPLOYEES

We like to get stuff done, in the best way possible

We like to get stuff done, in the best way possible

WHAT WE’RE GOOD AT AND

What we’ll do

PERSONAL DESIGN

Donec rutrum congue leo eget malesuada. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Donec rutrum congue leo eget malesuada.

j

LOGO DESIGN

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. 

CSS

Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Cras ultricies ligula sed magna dictum porta.

WOOCOMMERCE READY

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Proin eget tortor risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.

READY WITHIN A WEEK

Proin eget tortor risus. Pellentesque in ipsum id orci porta dapibus. Curabitur aliquet quam id dui posuere blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.

g

NO USE OF TEMPLATES

Donec rutrum congue leo eget malesuada. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Donec rutrum congue leo eget malesuada.

Let’s start something fantastic together