Thank you for using Layouts Cloud

ADD THE FOLLOWING CODE TO COMPLETE IT  ↓

Give me the css

.sliderbtn1 {
display: inline-block;
font-size: 16px;
font-weight: 800;
background-color: #F96939;
color: #fff;
padding: 15px 30px;
border-radius: 100px;
margin-bottom:15px;
transition: all .4s ease;
}
.sliderbtn2 {
display: inline-block;
font-size: 16px;
font-weight: 800;
background-color: #F2BD54;
color: #fff;
padding: 15px 30px;
border-radius: 100px;
transition: all .4s ease;
}
.btnpad {
padding-top: 50px;
}
a.sliderbtn1:hover, a.sliderbtn2:hover {
background-color: #000;
transition: all .4s ease;
}
.et-pb-slider-arrows a {
border: 2px solid #f96939;
}
.et-pb-slider-arrows a:hover{
background-color:#000;
color:#f96939!important;
border-color:#000;
}
.et-pb-controllers a {
width: 10px;
height: 10px;
border-radius: 0px;
border:none;
background-color:#f96939;
}
.myblurb-about .et_pb_blurb_container {
padding-left: 5px;
}
.myblurb-icons h4.et_pb_module_header:hover {
color: #f96939!important;
}
span.et_pb_contact_field_radio {
float: left;
margin-right: 30px;
margin-bottom:20px;
width: 25%;
}
span.et_pb_contact_field_options_title {
font-family: “Merriweather”;
font-size: 20px;
color: #545454;
padding-bottom: 25px;
}
body #page-container .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button, body #page-container .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button:hover {
padding: 10px 30px!important;
}
a.casue-btn1 {
color: #fff;
background-color: #f96939;
padding: 15px 20px;
margin-bottom: 15px;
margin-right:15px;
border:2px solid #f96939;
border-radius:100px;
display:inline-block;
}
a.casue-btn2 {
color: #fff;
background-color: #000;
padding: 15px 20px;
margin-bottom: 15px;
border:2px solid #000;
border-radius:100px;
display:inline-block;
}
a.casue-btn2:hover{
background-color:transparent;
color:#000;
}
a.casue-btn1:hover{
background-color:transparent;
color:#f96939;
}
.myperson:hover {
background-image: linear-gradient(210deg,#f96939 35%,#3a3a3a 65%);
background-blend-mode: overlay;
transition:all .4s ease;
}
.et_pb_gallery_grid .et_pb_gallery_image:hover {
transform: scale(1.1);
transition: all .5s ease;
}
.et_pb_gallery_grid .et_pb_gallery_image{
transition:all .5s ease;
}
.mytext-footer a:hover {
color: #f96939;
}
.mytext-footer a {
color: #727272;
}
.mysocial-icons a.icon:hover::before{
color:#fff!important;
}
.mysocial-icons a.icon:before {
color: #f96939!important;
}
.mysocial-icons a.icon:hover {
background-color: #f96939!important;
}
.mycontact-bar span.et_pb_contact_field_options_wrapper {
padding-top: 12px!important;
}
.mycontact-bar label i {
background-color: #fff!important;
}
@media screen and (max-width:980px) {
.et_pb_slide_description h2.et_pb_slide_title{
font-weight:800!important;
}
.myslider .et_pb_slide {
padding:6% 6%!important;
}
}
@media screen and (min-width:768px) {
.mynumber-counter {
width: 22%;
float: left;
margin-right: 10px;
}
}
@media screen and (min-width:981px) and (max-width:1135px) {
.myrowbtns{
max-width:100%;
}
}

DELETE THIS SECTION AFTER THAT’S DONE ↓

How to add it

Be the Local Hero - Join as Volunteer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et sagittis tortor.

EXPLORE CAUSES VOLUNTEER

Donate for a Cause, Save a Life!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et sagittis tortor.

EXPLORE CAUSES VOLUNTEER

Help Community to Grow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et sagittis tortor.

EXPLORE CAUSES VOLUNTEER

MISSION

Our Mission

Our Mission

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet magna eu nunc mattis bibendum. Mauris pellentesque in risus nec finibus. Curabitur scelerisque augue vitae est luctus, dictum viverra magna pellentesque.

Charity to Save a Life:

$

Protecting Children from Abuse

$

Donors Personal Meeting with Charity

$

Encouraging Transparency and Accountability

Schools

Hospitals

Volunteers

Awards

We’ve helped 120 Plus charity projects for
10k people around the world.

Healthy Food For Poor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet magna eu nunc mattis bibendum.

Pure Water For Poor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet magna eu nunc mattis bibendum.

Medical Facilities

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet magna eu nunc mattis bibendum.

Education For Children

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet magna eu nunc mattis bibendum.

Be a Local Hero

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet magna eu nunc mattis bibendum. Mauris pellentesque in risus nec finibus. Curabitur scelerisque augue vitae est luctus.

$116,965 of $150,000 raised

  • Your Title Goes Here 70% 70%

Select Amount

Be a Local Hero

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet magna eu nunc mattis bibendum. Mauris pellentesque in risus nec finibus. Curabitur scelerisque augue vitae est luctus.

$116,965 of $150,000 raised

  • Your Title Goes Here 70% 70%

Select Amount

RECENT CAUSES

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem voluptatem obcaecati consectetur adipisicing

Help a Child

Lorem ipsum dolor sit amet, consect adipisicing elit. Praesent quos sit.Lorem ipsum dolor sit amet, consect adipisicing elit. Praesent quos sit.

  • Your Title Goes Here 51.3% 51.3%

Raised: $3,850.00

Goal: $7,500.00

Help Senior Citizens

Lorem ipsum dolor sit amet, consect adipisicing elit. Praesent quos sit.Lorem ipsum dolor sit amet, consect adipisicing elit. Praesent quos sit.

  • Your Title Goes Here 51.3% 51.3%

Raised: $3,850.00

Goal: $7,500.00

OUR VOLUNTEERS

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem voluptatem obcaecati consectetur adipisicing

Become a Volunteer

John Deo

Lorem ipsum is simply dummy text of the printing type setting dumm industry lorem Ipsum.

Mary Jane

Lorem ipsum is simply dummy text of the printing type setting dumm industry lorem Ipsum.

Zain Irma

Lorem ipsum is simply dummy text of the printing type setting dumm industry lorem Ipsum.

PHOTO GALLERY

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem voluptatem obcaecati consectetur adipisicing

About Us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at congue nisi, in lacinia sem. Proin vel enim condimentum, finibus nulla vitae, viverra nunc. Morbi id augue imperdiet magna placerat cursus eu id ligula.

Share This