Thank you for using Layouts Cloud
ADD THE FOLLOWING CODE TO COMPLETE IT ↓
Give me the css
.my-testi-slider .alignleft{
margin-right:30px !important
}
body #page-container .my-header-slider.et_pb_slider .et_pb_slide .et_pb_button, body #page-container .my-header-slider.et_pb_slider .et_pb_slide .et_pb_button:hover {
padding: 0.5em 2.5em!important;
}
.my-header-slider .et-pb-controllers a.et-pb-active-control{
position:relative;
}
.my-header-slider .et-pb-controllers a {
margin-right:15px !important
}
.my-header-slider .et-pb-controllers a.et-pb-active-control:before {
content: “”;
border: 2px solid #3368c6;
position: absolute;
width: 15px;
height: 15px;
left: -6px;
top: -6px;
right: 0;
bottom: 0;
}
.my-header-slider span.txtbg {
color: #fff;
background-color: #3368c6;
padding-left: 10px;
padding-right: 10px;
}
.my-header-slider h1.head-txt {
font-size: 48px;
font-weight: bold;
font-family: “Roboto Condensed”;
color: rgb(3, 27, 78) !important;
line-height: 1.1em;
text-transform: uppercase;
}
.my-service-blurb .et_pb_blurb_container{
padding-top:50px;
}
.my-service-blurb .et_pb_image_wrap img{
position:absolute;
left:0;
}
.et_pb_social_media_follow li a.icon::before{
color:#3368c6;
}
.et_pb_social_media_follow li:hover a.icon::before{
color:#000;
}
.testiname {
font-size: 14px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px;
color: #3368c6;
padding-bottom:0px;
}
.testi-postion {
font-family: “Work Sans”,Tahoma,Geneva,sans-serif;
font-weight: 400;
line-height: 24px;
color: #8893b9;
font-size: 13px;
}
body #page-container .view-all-btn.et_pb_button, body #page-container .view-all-btn.et_pb_button:hover {
padding: 0.7em 3em!important;
}
body #page-container .mycta.et_pb_promo .et_pb_button, body #page-container .mycta.et_pb_promo .et_pb_button:hover {
padding-left: 0px !important;
}
.mycta .et_pb_button_wrapper:before {
content: “”;
width: 80px;
height: 100%;
left:0;
position: absolute;
transition:1s ease all;
border-bottom: 1px solid #fff;
}
.mycta .et_pb_button_wrapper:hover::before{
width:1%;
transition:1s ease all;
}
.mycta .et_pb_button_wrapper{
position:relative;
}
.my-portfolio .et_pb_portfolio_items {
width: 100%;
column-gap: 30px;
columns: 300px 3;
column-fill: balance!important;
}
.my-portfolio .et_pb_portfolio_item {
width: 100% !important;
margin-bottom: 35px !important;
float: none !important;
}
.my-portfolio .et_pb_portfolio_item:hover .post-meta,.my-portfolio .et_pb_portfolio_item:hover .et_pb_module_header {
opacity: 1 !important;
transition:1s ease all;
}
.my-portfolio .et_pb_portfolio_item:hover .post-meta{
top:40% !important;
}
.my-portfolio .et_pb_portfolio_item:hover .et_pb_module_header{
bottom:40% !important;
}
.my-portfolio .et_pb_portfolio_item:hover .et_portfolio_image img{
transform: scale(1.1);
transition:1s ease all;
}
@media screen and (min-width:981px) and (max-width:1170px){
.col-img:before{
left:-220px;
}
}
@media screen and (max-width:980px){
.col-img:before{
display:none;
}
.my-portfolio .et_pb_portfolio_item:hover .et_pb_module_header {
bottom: 20%!important;
}
}
@media screen and (max-width:480px){
.my-header-slider h1.head-txt {
font-size: 36px;
}
}
@media screen and (min-width:981px) and (max-width:1070px){
.my-testi-slider .testi-desc {
padding-top: 10px !important;
font-size: 15px;
}
}
DELETE THIS SECTION AFTER THAT’S DONE ↓
How to add it
HIGH-QUALITY
LABORATORY SERVICES
LAB TECHS
Lorem ipsum dolor sit amet, consectetuer adipiscing elitNulla consequat.
RESEARCH CENTER
Lorem ipsum dolor sit amet, consectetuer adipiscing elitNulla consequat.
OUR EXPERIENCE
Lorem ipsum dolor sit amet, consectetuer adipiscing elitNulla consequat.
HELPFUL TEST TIPS
Lorem ipsum dolor sit amet, consectetuer adipiscing elitNulla consequat.
SCIENCE RESEARCH AND
DEVELOPMENT FOR FUTURE GENERATIONS
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Bone Slices
Corticosterone EIA
Rat/Mouse PINP EIA
Dentine Discs
Bone Slices
Corticosterone EIA
Rat/Mouse PINP EIA
Dentine Discs
BEST LABORATORY AWARD WINNER YEAR 2017-2018
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
- PROFESSIONAL 90%
- ANALYZING 80%
- MEDICAL RESEARCH 60%
- BIOTECHNOLOGY 50%
SERVING SCIENCE AND
TECHNOLOGY
Free Resources
Phasellus viverra nulla ut metus varius laoreet.Etiam ultricies nisi vel augue.
Research Center
Phasellus viverra nulla ut metus varius laoreet.Etiam ultricies nisi vel augue.
PROFESSIONAL STAFF
ROOMS
EQUIPMENTS
YEARS OF EXPERIENCE
LATEST CASE STUDIES
LATEST CASE STUDIES
LabCo
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec.