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
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.
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%
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%
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%
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%
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.
Slider Image1 Slide Image2 Slider Image3 About Image1 About Image2 About Image3 Blurb Icon1 Blurb Icon2 Blurb Icon3 Blurb Icon4 Causes Image1 Causes Image2 Person Image1 Person Image2 Person Image3 Person Image4 Gallery Image1 gallery Image2 Gallery Image3 Gallery Image4 Gallery Image5 Gallery Image6 Gallery Image7 Gallery Image8