This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<link href=";500;600;700;800&display=swap" rel="stylesheet"> <link href=";200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <header> <div class="top-header"> <div class="container"> <img src="" alt="open-img"> <p>We're Still Open For Business And Are Taking All Necessary Precautions And We Are Here To Help You With Whatever You Need</p> </div> </div> <div class="main-header"> <div class="inner-header"> <div class="container"> <div class="main_header-wapr"> <div class="left"> <img src=""> <a href="tel:+14435578122">443-557-8122</a> <img src=""> <p> Mon - Fri: 9:00 AM - 05:00 PM / Closed on Weekends</p> </div> <div class="right"> <img src=""> <a href=""></a> </div> </div> </div> </div> <div class="header_wrap"> <div class="main_header-wapr"> <div class="container"> <div class="left"> <a href="" target="_blank"> <img src="" alt="logo"> </a> </div> <div class="right"> <div class="header_btn"> <a href="#header-form">Test Us Now</a> </div> </div> </div> </div> </div> </div> </header> <main class="main-content"> <div class="home-banner"> <div class="container"> <div class="left-side"> <h2>We SpecializeIn<br />In Commercial <br />Cleaning Services<br /> One Call Does It All!</h2> <p>Hire us! We are a professional cleaning company offering all type of cleaning and maintenance services.</p> </div> <div class="right-side" id="header-form"> <div class="form" style="padding-left:0;padding-right:0;"> <h3>Book a Service</h3> <script type="text/javascript" src="" data-webform-id="SPM0u"></script> </div> </div> </div> </div> <div class="section-2"> <div class="container"> <div class="single-colum"> <h2>Offering Best Cleaning Services</h2> <p>We are proving all type of cleaning solutions for every small and big businesses, organizations and homes.</p> </div> <div class="main-boxes"> <div class="single-box"> <div class="imag-box"> <img src="" alt="officecleaining-1.jpg"> </div> <h3>Janitorial Services</h3> </div> <div class="single-box"> <div class="imag-box"> <img src="" alt="officecleaining-2.jpg"> </div> <h3>Commercial Office Cleaning</h3> </div> <div class="single-box"> <div class="imag-box"> <img src="" alt="officecleaining-3.jpg"> </div> <h3>Floor Care Maintenance</h3> </div> <div class="single-box"> <div class="imag-box"> <img src="" alt="officecleaining-4.jpg"> </div> <h3>Windows Cleaning</h3> </div> <div class="single-box"> <div class="imag-box"> <img src="" alt="officecleaining-5.jpg"> </div> <h3>Green Cleaning</h3> </div> <div class="single-box"> <div class="imag-box"> <img src="" alt="officecleaining-6.jpg"> </div> <h3>Pressure Washing</h3> </div> </div> </div> </div> <div class="section-3"> <div class="container"> <div class="left-side"> <h2>Clean 4 Real Is Full Service Cleaning Contractor Serving Maryland</h2> <h4>Clean 4 Real is full service cleaning contractor serving Maryland</h4> <p>We offer a professional, attention to detail, environmentally friendly cleaning service to commercial and residential owners and operators. Our company is based on the belief that our customers' needs are of the utmost importance. Our entire team is committed to meeting those needs. As a result, a high percentage of our business is from repeat customers and referrals.</p> <p><strong>One Call Does it All!</strong></p> </div> <div class="right-side"> <img src="" alt="cleanservice-img"> </div> <div class="cleaning-div"> <div class="left-side-img"> <div class="img-1"> <h2>10 Ways To Make Your Office Covid-19 Proof</h2> <div class="wrap-btn"> <a href="#footer-form">Test Us Now</a> </div> </div> </div> <div class="right-side-img"> <div class="img-2"> <h2>Lifetime Free Carpet And Window Cleaning</h2> <div class="wrap-btn"> <a href="#footer-form">Test Us Now</a> </div> </div> </div> </div> </div> </div> <div class="section-4"> <div class="container"> <div class="left-side"> <h2>We Are Bonded, And Insured To Ensure Quality And Peace Of Mind</h2> <p>At Clean 4 Real we understand the reasons why we as people (humans) clean and should do it as green as possible. Proper cleaning directing contributes to comfort and productivity, it maintains the value of property, reduces the rate of depreciation, while creating a unique psychology that enhance quality of life, elevates a sense of well being which is the essence of good health also manages waste and hazards and contributes to environmental protection.</p> <h4>100% Satisfaction Guarantee!</h4> <p>We provide free cleaning service estimates for any of our residential and commercial services and customize cleaning plans to meet any need and budget, and we welcome the opportunity to earn your trust and deliver you the best service in the industry.</p> </div> <div class="right-side"> <img src="" alt="bonded-img"> </div> </div> </div> </main> <footer> <div class="footer" id="footer-form"> <div class="container"> <div class="left-side"> <h2>Get in Touch <br />With Us!</h2> <div class="footer-icons"> <p><span><img src=""></span><a href="tel:+14435578122">443-557-8122</a></p> <p><span><img src="" alt="mail-icon"></span><a href=""></a></p> <p><span><img src="" alt="time-icon"></span>Mon - Fri: 9:00 AM- 05:00 PM / Closed on Weekends</p> <p><span><img src="" alt="location-icon"></span>Central Maryland</p> </div> </div> <div class="right-side"> <div class="form" style="padding-left:0;padding-right:0;"> <h3>Book a Service</h3> <script type="text/javascript" src="" data-webform-id="SPM0u"></script> </div> </div> </div> </div> <div class="logo-section"> <div class="container"> <div class="custom-logo"> <a href="" target="_blank"> <img src="" alt="homeadvisor-logo"> </a> </div> <div class="custom-logo"> <img src="" alt="membershipijcsa-logo"> </div> <div class="custom-logo"> <a href="" target="_blank"> <img src="" alt="chamsber-logo"> </a> </div> </div> </div> <div class="header_wrap"> <div class="main_footer-wapr"> <div class="container"> <div class="left"> <a href="" target="_blank"> <img src=""> </a> </div> <div class="right"> <div class="footer-text"> <p>© 2020. <a href="" target="_blank">Clean4Real</a>. All Rights Reserved.</p> </div> </div> </div> </div> </div> </footer> <style> *{box-sizing: border-box; } body{margin: 0;font-family: 'Poppins', sans-serif;} .label label {font-family: 'Poppins', sans-serif;} section#section-ckjjnsd [data-section="wrap"] { width:100% !important; max-width:100% !important; } div#edi-gsei8oa { width:100% !important; max-width:100% !important; left:0; right:0;top:0; position:relative; height:100%; overflow-x:hidden; overflow-y:auto; } .right-side{float: left;width: 50%;} .left-side{float: left;width: 50%;padding-right: 25px} h2{font-size: 45px;font-weight: 700;color: #000;line-height: 55px;} h3{font-size: 30px;font-weight: 700;color: #000;} h4{font-size: 20px;font-weight: 700;color: #000;} p{font-size: 16px; font-weight: 400;color: #000;line-height: 24px} /*Header*/ .top-header{ background-color: #0057cd; } .top-header p{color: #fff;font-size: 14px;font-weight: 700;margin: 10px 0;font-family: 'Montserrat', sans-serif;} .container{max-width: 1170px;width: 100%;padding: 0 20px;margin: auto;justify-content: center;} .top-header .container{display: flex;align-items: center;} .top-header img{margin-right: 25px;} .main-header .left, .main-header .right{display: flex;align-items: center;} .main_header-wapr{display: flex;align-items: center; justify-content: space-between;} .inner-header{border-bottom: 1px solid #f1f1f1;} .main_header-wapr a{color: #000000; font-size: 12px;font-family: 'Poppins', sans-serif; font-weight: 600; text-decoration: none;} .main_header-wapr p{color: #000000; font-size: 12px;font-family: 'Poppins', sans-serif;font-weight: 600;margin: 10px 0;} .main_header-wapr img{margin-right: 10px;} .main-header .left a{margin-right: 60px;} a:hover{color: #00000096;} a{color: #000000;} .header_wrap .container{display: flex;align-items: center;justify-content: space-between;} .header_btn a{display: block;background-color: #49bc4a;color: #fff;font-size: 13px;font-family: 'Poppins', sans-serif;font-weight: 700;padding: 9px 38px 8px;border-radius: 100px;line-height: 1.5;} .header_btn a:hover{color: #ffffffba;} .header_wrap{padding: 10px 0px;} /*Home Banner section*/ .home-banner:after{ background-size: cover;background-image: url(;position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 336px;content: ""; background-repeat: no-repeat;} .home-banner{background-color: #31b531;background-image: url(;float: left;width: 100%; min-height: 900px; background-position: 0px -65px; padding-top: 95px;background-size: cover;position: relative;background-repeat: no-repeat;} .footer h2, .home-banner h2{margin: 0;padding-bottom: 10px;} .footer h2, .footer p, .home-banner h2, .home-banner p{color: #fff;} .right-side .form{background-color: #ffffff;border-radius: 20px;float: right;width: 100%;max-width: 465px;padding: 35px 50px;-webkit-box-shadow: 0px 50px 60px -2px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 50px 60px -2px rgba(0, 0, 0, 0.42); box-shadow: 0px 50px 60px -2px rgba(0, 0, 0, 0.42);} .home-banner .right-side h3{text-align: center;margin-top: 0;margin-bottom: 10px;} .form label{font-size: 15px;margin-bottom: 10px;color: #000;font-weight: 600;float: left;width: 100%;font-family: 'Poppins', sans-serif;} .form .col1{margin-bottom: 15px;} .form select{-moz-appearance: none;-webkit-appearance: none;background-image: url(;width: 12px;height: 7px;background-repeat: no-repeat;background-position: 95%;} .form input, .form select{border: 2px solid #a9cbf8;height: 45px;padding: 0 20px;border-radius: 6px;outline: none;font-size: 15px;color: #000;font-weight: 400;width: 100%;} .form .error{font-size: 15px;color: red;font-weight: 400;font-family: 'Poppins', sans-serif;} .form input::-webkit-input-placeholder, .form select::-webkit-input-placeholder { /* Edge */color: #000000;font-size: 14px;font-weight: 400;font-family: 'Poppins', sans-serif;} .form select:-ms-input-placeholder, .form input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #000000;font-size: 14px;font-weight: 400;font-family: 'Poppins', sans-serif;} .form select::placeholder , .form input::placeholder {color: #000000;font-size: 14px;font-weight: 400;font-family: 'Poppins', sans-serif;} .form .submit input{cursor: pointer; margin: auto;width: auto; display: block;background-color: #d8390e;color: #fff;font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 700;padding: 10px 45px 9px;border-radius: 100px;line-height: 1.5;border: none;} .form .submit{ margin-top: 35px;} .home-banner .container{display: flex;align-items: center;} .section-2{text-align: center; float: left;width: 100%;padding: 30px 0 45px; background-color: #f9f9f9;} .section-2 h2{margin-bottom: 0} .section-2 .single-colum{padding-bottom: 40px;} .main-boxes .single-box{background-color: #ffffff; float: left;width: 32%;display: flex;align-items: center;flex-direction: column;margin-bottom: 50px;padding: 15px;margin: 0 6px 25px;border-radius: 6px;-webkit-box-shadow: 0px 0px 53px -12px rgba(224,221,224,1); -moz-box-shadow: 0px 0px 53px -12px rgba(224,221,224,1); box-shadow: 0px 0px 53px -12px rgba(224,221,224,1);} .imag-box img{border-radius: 6px;height: 100%;width: 100%;object-fit: cover;} .main-boxes{display: flex;flex-wrap: wrap;} .main-boxes h3{font-weight: 600;font-size: 20px; padding: 18px 0 6px;margin: 0;} .main-boxes .single-box .imag-box{height: 100%;} .section-4 p{line-height: 33px;padding-right: 0px;} .section-3 p{line-height: 33px;padding-right: 65px;} .section-3 h2{padding-bottom: 15px;} .section-3{padding: 90px 0;float: left;width: 100%;} .section-3 .img-2{ background-size: cover; background-image: url(;background-repeat: no-repeat;float: left;width: 100%; padding: 50px 0px 30px 50px;height: 100%;} .section-3 .img-1{background-image: url(;background-repeat: no-repeat;float: left;width: 100%; padding: 50px 0px 30px 50px;height: 100%;} .cleaning-div h2{color: #ffffff;margin: 0;width:100%;font-size: 35px;line-height: 45px;max-width: 280px;} .cleaning-div{float: left;width: 100%;margin-top: 90px;display: flex;} .section-4{;padding: 95px 0; background-color: #f9f9f9;float: left;width: 100%;} .section-4 .container{display: flex;flex-direction: row-reverse;} .section-4 h4{font-weight: 600;margin: 20px 0;} .section-4 h2{margin-top: 15px;margin-bottom: 25px;} .cleaning-div .left-side-img { padding-right: 12px;width: 100%;} .cleaning-div .right-side-img{width: 100%;} .section-3 .img-1, .section-3 .img-2{border-radius: 6px;} .cleaning-div a{margin-top: 25px; text-decoration: none; display: inline-block;background-color: #ffffff;color: #000;font-size: 13px;font-family: 'Poppins', sans-serif;font-weight: 700;padding: 9px 38px 8px;border-radius: 100px;line-height: 1.5;width: auto;} /*Footer*/ .footer{background-image: url(;float: left;width: 100%; min-height: 766px; padding-top: 95px;background-size: cover;position: relative;background-repeat: no-repeat;} .footer:after{background-size: cover;background-image: url(;position: absolute;top:0;left: 0;right: 0;width: 100%;height: 336px;content: ""; background-repeat: no-repeat;} .footer .form{margin-top: -30px;z-index: 999;position: relative;} .footer .right-side h3 {text-align: center;margin-top: 0;} .footer .container{display: flex;align-items: center;} .footer p{margin-bottom: 35px;} .footer p, .footer a{color: #ffffff;font-weight: 700;font-size: 16px; display: flex;align-items: center;text-decoration: none;} .footer .footer-icons span{margin-right: 20px;background-color: #ffffff;width: 35px;height: 35px;border-radius: 100px;display: flex;align-items: center;float: left;} .footer .footer-icons span img{margin: auto;} .footer h2{padding: 45px 0;margin-top: 90px;} .logo-section{float: left;width: 100%; border-bottom: 1px solid #f1f1f1;} .logo-section .container{display: flex;align-items: center;} .logo-section .custom-logo {margin: 30px 45px 20px;} footer .header_wrap{float: left;width: 100%;} .main_footer-wapr a{color: #000;text-decoration: none;} .main_footer-wapr a:hover{color: #000000c4;} /*Home banner Media*/ @media only screen and (max-width: 2500px){ .footer:after, .home-banner:after{ height: 260px;} } @media only screen and (max-width: 1800px){ .home-banner:after{bottom: -18px;} } @media only screen and (max-width: 1650px){ .footer .form{ margin-top: -145px;} .home-banner{min-height: 960px; background-position: 0px 0px;} } @media only screen and (max-width: 1480px){ .home-banner:after, .footer:after{background-position: top;} .footer .form{margin-top: 0;} .section-3 img{width: 100%;} } @media only screen and (max-width: 1024px){ .section-3, .section-4{text-align: center;} .section-4 .container{display: inline-block;} .section-4 img , .section-3 img {width: 65%;margin-top: 25px;} .container{padding: 0 35px;} .section-3{padding: 22px 0 70px;} .section-3 p, .right-side, .left-side{width: 100%;padding-right: 0px;} .home-banner{min-height: 900px;} .top-header p{font-size: 13px;} .main-boxes .single-box{ width: 32%;} .cleaning-div a, .cleaning-div h2{text-align: left;float: left;} .footer:after{ top: -3px;} } @media only screen and (max-width: 980px){ .section-3 .img-2, .section-3 .img-1{background-size: cover;max-width: 550px;margin: auto;float: none;display: inline-block;} .cleaning-div{display: inline-block;text-align:center;float: none;} .main-boxes .single-box .imag-box{width: 100%;} .main-boxes .single-box {width: 48%;} h2{font-size: 35px;line-height: 45px;} .home-banner:after, .footer:after{display: none;} .home-banner{min-height: 100%;padding-bottom: 90px;background-position: center;} .cleaning-div .left-side-img{margin-bottom: 50px;} .section-4 {padding: 45px 0 70px;} } @media only screen and (max-width: 768px){ .footer{min-height: 100%;padding-bottom: 50px;padding-top: 70px;} .footer h2{ margin-top: 50px;} .footer .container{flex-direction: column-reverse;} .home-banner .container{flex-direction: column;} .right-side .form{float: none;margin: auto;} .home-banner .left-side{text-align: center;margin-bottom: 25px;} .home-banner br {display: none;} .footer h2 br{display: none;} .wrap-btn{float: left;width: 100%;} .logo-section .custom-logo { margin: 20px 18px 10px;width: 100%;} .logo-section .container {display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;} } @media only screen and (max-width: 650px){ section#section-ckjjnsd {height:100% !important;} .main-boxes .single-box{width: 100%;} .cleaning-div h2{font-size: 28px;line-height: 36px;max-width: 230px;} body h2 {font-size: 28px;line-height: 36px;} body h3 {font-size: 23px;} .form .submit input{height: auto;font-size: 15px;height: auto;padding: 8px 30px 7px;} .form input, .form select, .form label{font-size: 13px;} p {font-size: 14px;} .main-boxes h3{font-size: 18px;} .section-3 p {line-height: 26px;} .cleaning-div a{margin-top: 0;padding: 9px 25px 8px;} .footer p, .footer a {font-size: 14px;} .main-header .left a{margin-right: 0;margin-bottom: 14px;} .main_header-wapr, .main-header .left, .main-header .right{flex-direction: column;margin: 6px 0 0;} .main_header-wapr a{ margin: 10px 0;} .form .error {font-size: 13px;} } @media only screen and (max-width: 450px){ .right-side .form{padding: 35px 25px;} .section-2 .single-colum {padding-bottom: 25px;} .home-banner{padding-bottom: 56px;padding-top: 45px;} .main_header-wapr p {text-align: center; font-size: 11px;} .header_btn a{font-size: 11px; padding: 9px 25px 8px;} .container {padding: 0 20px;} .cleaning-div h2 {font-size: 20px;line-height: 32px;max-width: 198px;} .header_wrap .container{flex-direction: column;padding-bottom: 20px;} .top-header img {margin-right: 20px;} .top-header p{line-height: 1.5;} .main_header-wapr img {margin-right: 0;} .footer h2 {margin-top: 20px; padding: 45px 0 20px;} .footer .footer-icons span{ margin-right: 14px;} .footer p, .footer a {font-size: 13px;} .footer p{margin-bottom: 20px;} } </style>