Thank you for using Layouts Cloud
ADD THE FOLLOWING CODE TO COMPLETE IT ↓
Give me the css
.dashboard img {
transition:all 0.8s ease-in-out;
}
.dashboard:hover img{
transform: translate3d(0px, -38px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
-webkit-transform: translate3d(0px, -38px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}
.et-pb-controllers a:nth-child(1) {
background-color: #ff8a73;
height: 10px;
width: 10px;
}
.et-pb-controllers a:nth-child(2) {
background-color: #58468c;
height: 10px;
width: 10px;
}
.et-pb-controllers a:nth-child(3) {
background-color: #7bb9ff;
height: 10px;
width: 10px;
}
.btnreadmore:hover {
box-shadow: rgba(255, 138, 115, 0.5) 0px 10px 25px 0px;
}
.btncontactus:hover{
box-shadow: rgba(85, 128, 255, 0.5) 0px 10px 25px 0px;
}
.btnmarg{
margin-top:30px;
}
.btnreadmore {
font-family: Poppins,sans-serif;
font-size: 12px;
line-height: 2em;
letter-spacing: .125em;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-color: #ff8a73;
padding: 16px 40px;
border: 1px solid transparent;
transition: box-shadow .35s cubic-bezier(.02,.54,.58,1);
border-radius: 3em;
margin-right:10px;
}
.btncontactus {
font-family: Poppins,sans-serif;
font-size: 12px;
line-height: 2em;
letter-spacing: .125em;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-color: rgb(85, 128, 255);
padding: 16px 35px;
border: 1px solid transparent;
transition: box-shadow .35s cubic-bezier(.02,.54,.58,1);
border-radius: 3em;
}
.about-blurb .et_pb_main_blurb_image img {
border-radius: 5px;
}
.service-blurb:hover{
transform: translate3d(0,-20px,0);
transition:0.5s ease all;
}
.about-blurb:hover {
border-color:#FF8A73;
background-color: #fff;
box-shadow: 0 10px 55px 5px rgba(137,173,255,.35);
-webkit-transform: translate3d(0,-20px,0);
-moz-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
.testi-blurb .et_pb_main_blurb_image img {
border-radius: 50%;
}
.testi-blurb.et_pb_blurb_position_left .et_pb_blurb_container {
padding-left: 25px;
padding-top:5px;
}
body #page-container .et_pb_pricing .et_pb_pricing_table_0 .et_pb_button, body #page-container .et_pb_pricing .et_pb_pricing_table_0 .et_pb_button:hover,body #page-container .et_pb_pricing .et_pb_pricing_table_1 .et_pb_button, body #page-container .et_pb_pricing .et_pb_pricing_table_1 .et_pb_button:hover,body #page-container .et_pb_pricing .et_pb_pricing_table_2 .et_pb_button, body #page-container .et_pb_pricing .et_pb_pricing_table_2 .et_pb_button:hover{
padding: 1em 3em!important;
}
.et_pb_button.et_pb_pricing_table_button:hover {
box-shadow: rgba(123, 185, 255, 0.5) 0px 10px 25px 0px;
}
.et_pb_pricing_table_1 .et_pb_button.et_pb_pricing_table_button:hover {
box-shadow: rgba(85, 128, 255, 0.5) 0px 10px 25px 0px;
}
.et_pb_pricing_table_2 .et_pb_button.et_pb_pricing_table_button:hover {
box-shadow:rgba(255,138,115,0.5) 0px 10px 25px 0px;
}
.pricing-col-hov:hover {
box-shadow: 0 10px 55px 5px rgba(137,173,255,.35);
border-radius: 15px;
}
.et_pb_social_media_follow li a.icon::before{
color:#000;
font-size:18px;
}
.et_pb_social_icon a.icon {
background-color: #fff!important;
border-radius: 50% !important;
padding: 10px !important;
}
.et_pb_social_media_follow li a.icon:hover::before {
color: #FF8A73;
}
.appleiconimg,.googleicongimg {
border: 1px solid #fff;
border-radius: 5px;
}
.footer-blurb:hover h4.et_pb_module_header a {
color: #ff8a73 !important;
}
.footer-blurb:hover .et-pb-icon {
color: #ff8a73 !important;
}
.circle-col:hover {
-webkit-transform: translate(0,-20px);
-moz-transform: translate(0,-20px);
transform: translate(0,-20px);
transition: 0.5s ease all;
}
@media screen and (max-width:420px){
.btnreadmore {
display:block;
margin-bottom: 20px !important;
width: 64%;
margin: 0 auto;
}
.btncontactus {
display:block;
margin-bottom: 20px !important;
width: 61%;
margin: 0 auto;
}
}
@media screen and (max-width:387px){
.appleiconimg{
margin-bottom:15px;
}
}
@media screen and (min-width:981px) and (max-width:1310px){
.appleiconimg, .googleicongimg {
margin-right: 0px !important;
margin-left: 0px !important;
width: 48%;
}
}
@media screen and (max-width:501px){
.mynumber-counter.et_pb_number_counter {
float: none !important;
margin-right: 0px !important;
}
}
@media screen and (min-width:981px) and (max-width:1219px){
.mynumber-counter.et_pb_number_counter {
margin-right: 23px !important;
}
}
DELETE THIS SECTION AFTER THAT’S DONE ↓
How to add it
The Only Tool You’ll Ever Need
Content Management
Amcorper uisque ac dolor nec nisl ptque. Bulum sed ultrices mi morbi.
Ticketing System
Amcorper uisque ac dolor nec nisl ptque. Bulum sed ultrices mi morbi.
Data Analytics
Amcorper uisque ac dolor nec nisl ptque. Bulum sed ultrices mi morbi.
Event Planning
Amcorper uisque ac dolor nec nisl ptque. Bulum sed ultrices mi morbi.
Human Resources
Amcorper uisque ac dolor nec nisl ptque. Bulum sed ultrices mi morbi.
Finance Analytics
Amcorper uisque ac dolor nec nisl ptque. Bulum sed ultrices mi morbi.
Collect Actionable & Analyze Customer Data
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sagittis egestas ante, sed viverra nunc tincidunt nec nege nonsed condim ntum elit, sit amet feug iat lorem. Proin de tempus sag ittis veli via scelerisque honesta.
Collect Actionable & Analyze Customer Data
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sagittis egestas ante, sed viverra nunc tincidunt nec nege nonsed condim ntum elit, sit amet feug iat lorem. Proin de tempus sag ittis veli via scelerisque honesta.
Perfect Integration
Lorem ipsum dolor sit amet, con sectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncut.
Mail Chimp
SEND MAIL
NEWS FEED
Employee Dashboard
- Information Architecture 53%
- App Development 97%
- User Interface 92%
- Total Memory Usage 60%
%
Innovations
Sediut perspici atesi unde omni ismte de.
%
Action Plans
Sediut perspici atesi unde omni ismte de.
Smart And Flexible
Vero homero perfecto mei ut,pet son et mi aperiam an ne. Ninec dicta al tera legimus. Me vita legendos ex pet endis ad. Ex meis omitta aliqu mi ando beo.
Happy Clients
Project Plans
Spread Services
Join Our Network &
See What Our Clients Have To Say
Vero homero perfecto mei ut, son et aperiam an nec. Ni nec dicta altera legi mus. Me vita legendos expet endis ad. Ex mei omitta ali qu mi ando, ha beo tibique comp titur vis cu. Ut tritani aliqua duom dico euripid.
John DEO
WEB DEVELOPER
Basic
We Think Ahead- Mobile-Optimized
- Free Custom Domain
- Best Hosting
- Outstanding Support
- Happy Customers
Business
Special Offer- Mobile-Optimized
- Free Custom Domain
- Best Hosting
- Outstanding Support
- Happy Customers
Enterprise
Our Best Solution- Mobile-Optimized
- Free Custom Domain
- Best Hosting
- Outstanding Support
- Happy Customers
SaaS
Lorem ipsum dolor sit amet, consy ect etur adipisc de elit. Quisque act raqum nunc no dolor sit de amet.
Contact Info
Support & Downloads
Quisque actraqum nunc no dolor sit ametaugue dolor. Lorem ipsum dolor sit amet, consyect etur.