<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cleannow</title>
<link rel="stylesheet" href="css/star.css">
<link rel="stylesheet" href="css/awesome.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel='stylesheet' href='css/colorbox.css'>
<script src="js/jquery-latest.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<header>
<div class="header full_width">
<div class="header_in full_width">
<div class="header_top full_width">
<div class="center">
<div class="header_top_in full_width">
<p>Welcome To our Cleaning Company</p>
<div class="header_top_right">
<p>Phone: <a href="tel:+1 342 422 9029">+1 342 422 9029</a></p>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
</div>
<div class="header_bottom full_width">
<div class="header_bottom_fixed full_width" style="background-color: #fff;">
<div class="center">
<div class="header_bottom_in full_width">
<div class="header_bottom_left">
<a href="#" class="logo">
<img src="css/images/CleanNow.png" alt="logo" title="Cleannow logosu">
</a>
</div>
<div class="header_bottom_right">
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Our Works</a></li>
<li><a href="#">Pages</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
<a href="#" class="request">Request A Quote</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main role="main" class="main full_width">
<section class="first_section full_width" style="background-image: url(css/images/ev_2.jpg);">
<div class="center full_height">
<div class="first_section_in full_width full_height">
<h1>High quality cleaning
services. better and faster
cleaning solution!
</h1>
<p> The phrasal sequence of the Lorem Ipsum text is now so widespread and commonplace that many DTP programmes can generate dummy text using the starting sequence </p>
<a href="#" class="first_section_a">Get in touch with us</a>
</div>
</div>
</section>
<section class="second_section full_width">
<div class="center">
<div class="second_section_in full_width">
<h1>Why Choose Us</h1>
<div class="second_section_choose full_width full_height">
<div class="second_section_left">
<div class="icon_box">
<i class="fa fa-clock-o"></i>
</div>
<h2>Pick a Time</h2>
<p >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p >
</div>
<div class="second_section_left">
<div class="icon_box">
<i class="fa fa-calendar"></i>
</div>
<h2>Book Instantly</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
<div class="second_section_left">
<div class="icon_box">
<i class="fa fa-user-o"></i>
</div>
<h2>Your pro arrives</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
</div>
</div>
</div>
</section>
<section class="third_section full_width">
<div class="center">
<div class="third_section_in full_width">
<h1>Cleaning Services</h1>
<div class="third_section_four full_width">
<div class="third_section_middle">
<h1>Residential Cleaning</h1>
<a href="css/images/ev_1.jpg"><img src="css/images/ev_1.jpg"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
<div class="third_section_middle">
<h1>Commercial Cleaning</h1>
<a href="css/images/ev__2.jpg"><img src="css/images/ev__2.jpg"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
<div class="third_section_middle">
<h1>Office Cleaning</h1>
<a href="css/images/ev_3.jpg"><img src="css/images/ev_3.jpg"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
<div class="third_section_middle">
<h1>Seasonal Cleaning</h1>
<a href="css/images/ev_4.jpg"><img src="css/images/ev_4.jpg"></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
</div>
<a href="#" class="more_s">More Services</a>
</div>
</div>
</section>
<section class="fourth_section full_width">
<div class="center">
<div class="fourth_section_in full_width">
<div class="fourth_section_left">
<img src="css/images/ev_5.jpg" alt="about company" title="about company">
</div>
<div class="fourth_section_right">
<div class="fourth_section_top">
<div class="fourth_section_top_top">
<h3>Best Cleaning Company</h3>
<h1>About Company</h1>
<p>We’re ready to clean up your home, office, house or a warehouse with an astounding and acute precision</p>
</div>
<div class="fourth_section_icon">
<span class="fourth_section_span">
<i class="fa fa-star-o"></i>
</span>
<div class="fourth_section_icon_right">
<h1>We Know the Area</h1>
<p>We insure you from not doing our job as good as we promise.</p>
</div>
</div>
<div class="fourth_section_icon">
<span class="fourth_section_span">
<i class="fa fa-lightbulb-o"></i>
</span>
<div class="fourth_section_icon_right">
<h1>Quality cleans every time</h1>
<p>Our long history and regular clients prove that our service is qualified.</p>
</div>
</div>
<div class="fourth_section_icon">
<span class="fourth_section_span">
<i class="fa fa-cog"></i>
</span>
<div class="fourth_section_icon_right">
<h1>Highly-Trained Technicians</h1>
<p>We insure you from not doing our job as good as we promise.</p>
</div>
</div>
</div>
<a href="#" class="more_info">More Info</a>
</div>
</div>
</div>
</section>
<section class="fifth_section full_width">
<div class="center">
<div class="fifth_section_in full_width">
<p>Want to get 20% off? Save the time and money?</p>
<a href="#" class="more_se">More Services</a>
</div>
</div>
</section>
<section class="sixth_section full_width">
<div class="center">
<div class="sixth_section_in full_width">
<h1>Meet Our Team</h1>
<div class="sixth_section_three full_width">
<div class="sixth_section_middle">
<img src="css/images/Mask Group 1.jpg">
<h1>James Cawdale</h1>
<p>Office Cleaner</p>
<ul class="sixth_section_icon">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-whatsapp"></i></a>
</li>
</ul>
</div>
<div class="sixth_section_middle">
<img src="css/images/Mask Group 2.jpg">
<h1>Joseph Doe</h1>
<p>Office Cleaner</p>
<ul class="sixth_section_icon">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-whatsapp"></i></a>
</li>
</ul>
</div>
<div class="sixth_section_middle">
<img src="css/images/Mask Group 3.jpg">
<h1>Daina Mason</h1>
<p>Office Cleaner</p>
<ul class="sixth_section_icon">
<li>
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-whatsapp"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="seventh_section full_width">
<div class="center">
<div class="seventh_section_in full_width">
<h1>Pricing Tables</h1>
<div class="seventh_section_four full_width">
<div class="seventh_section_middle">
<i class="fa fa-star-o"></i>
<h1>Office Cleaning</h1>
<div class="seventh_section_line"></div>
<h1>$120</h1>
<p>Per Month</p>
<ul class="seventh_section_words">
<li>Cleaning floors</li>
<li>Clean windows</li>
<li>Clean the walls</li>
<li>Organization of furniture</li>
<li>Home Services</li>
</ul>
<a href="#" class="seventh_section_buy">Buy Now</a>
</div>
<div class="seventh_section_middle">
<i class="fa fa-star-o"></i>
<h1>Home Cleaning</h1>
<div class="seventh_section_line"></div>
<h1>$120</h1>
<p>Per Month</p>
<ul class="seventh_section_words">
<li>Cleaning floors</li>
<li>Clean windows</li>
<li>Clean the walls</li>
<li>Organization of furniture</li>
<li>Home Services</li>
</ul>
<a href="#" class="seventh_section_buy">Buy Now</a>
</div>
<div class="seventh_section_middle">
<i class="fa fa-star-o"></i>
<h1>Carpet Cleaning</h1>
<div class="seventh_section_line"></div>
<h1>$120</h1>
<p>Per Month</p>
<ul class="seventh_section_words">
<li>Cleaning floors</li>
<li>Clean windows</li>
<li>Clean the walls</li>
<li>Organization of furniture</li>
<li>Home Services</li>
</ul>
<a href="#" class="seventh_section_buy">Buy Now</a>
</div>
<div class="seventh_section_middle">
<i class="fa fa-star-o"></i>
<h1>Apartment Cleaning</h1>
<div class="seventh_section_line"></div>
<h1>$120</h1>
<p>Per Month</p>
<ul class="seventh_section_words">
<li>Cleaning floors</li>
<li>Clean windows</li>
<li>Clean the walls</li>
<li>Organization of furniture</li>
<li>Home Services</li>
</ul>
<a href="#" class="seventh_section_buy">Buy Now</a>
</div>
</div>
</div>
</div>
</section>
<section class="eighth_section full_width">
<div class="center full_width">
<div class="eighth_section_in">
<h1>Latest Blog</h1>
</div>
<div class="eighth_section_three">
<div class="eighth_section_middle">
<img src="css/images/ev_7.jpg">
<h2>03 Nov, 2018</h2>
<h1>The best things you can do for
your furniture</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<div class="eighth_section_iconic">
<span class="eighth_section_span">
</span>
<p>By: <b>John Doe</b></p>
</div>
</div>
<div class="eighth_section_middle">
<img src="css/images/ev_8.jpg">
<h2>03 Nov, 2018</h2>
<h1>The best things you can do for
your furniture</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<div class="eighth_section_iconic">
<span class="eighth_section_span">
</span>
<p>By: <b>John Doe</b></p>
</div>
</div>
<div class="eighth_section_middle">
<img src="css/images/ev_6.jpg">
<h2>03 Nov, 2018</h2>
<h1>The best things you can do for
your furniture</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<div class="eighth_section_iconic">
<span class="eighth_section_span">
</span>
<p>By: <b>John Doe</b></p>
</div>
</div>
</div>
</div>
</section>
<section class="ninth_section full_width">
<div class="ninth_center">
<div class="ninth_section_in full_width">
<h1>Testimonials</h1>
<div class="ninth_section_back" style="background-image: url(css/images/women_1.jpg);">
<span class="ninth_span">
<i class="fa fa-quote-left" aria-hidden="true"></i>
</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<a href="#" class="john_comp">John Doe, CEO Founder, Company</a>
</div>
</div>
</section>
<section class="ten_senction full_width">
<div class="ten_senction_in full_width">
<h1>Our Projects</h1>
<div class="ten_senction_four full_width">
<div class="ten_senction_image_1" style="background-image: url(css/images/clean_1.jpg);"></div>
<div class="ten_senction_image_1" style="background-image: url(css/images/clean_2.jpg);"></div>
<div class="ten_senction_image_1" style="background-image: url(css/images/clean_3.jpg);"></div>
<div class="ten_senction_image_1" style="background-image: url(css/images/clean_4.jpg);"></div>
</div>
</div>
</section>
<section class="eleven_section full_width" style="background-image: url(css/images/ev_9.jpg);">
<div class="center full_height">
<div class="eleven_section_in full_width">
<div class="eleven_section_form">
<h1>Get A Instant Quote</h1>
<form action="form.php" method="POST" class="eleven_form">
<input type="text" class="my_name" name="yourname" placeholder="Your Name*" required>
<input type="email" class="my_email" name="youremail" placeholder="Your Email*" required>
<input type="tel" class="my_phone" name="phone" placeholder="Phone" required>
<textarea name="message" class="my_area" placeholder="Message" required></textarea>
</form>
<a href="#" class="eleven_section_a">Send Message</a>
</div>
</div>
</div>
</section>
</main>
<footer class="footer full_width">
<div class="center">
<div class="full_width footer_in">
<div class="footer_left">
<a href="#" class="footer_logo">
<img src="css/images/CleanNow.png" alt="CleanNow" title="CleanNow" />
</a>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
</p>
<p>
© Copyright 2018 <strong>CleanNow</strong>, All Right Reserved
</p>
</div>
<div class="footer_middle">
<div class="menu_box">
<h3>Quick View</h3>
<ul class="footer_menu_list">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Quote</a></li>
</ul>
</div>
<div class="menu_box">
<h3>Services</h3>
<ul class="footer_menu_list">
<li><a href="#">Commercial Cleaning</a></li>
<li><a href="#">House Cleaning</a></li>
<li><a href="#">Office Cleaning
</a></li>
<li><a href="#">Glass Cleaning</a></li>
<li><a href="#">Window Clening</a></li>
</ul>
</div>
</div>
<div class="footer_right">
<div class="menu_box">
<h3>Contact Us</h3>
<ul class="footer_menu_list">
<li>
<p>Phone:</p> <a href="tel:+1 234 567 9332">+1 234 567 9332</a></li>
<li><p>Email:</p> <a href="mailto:[email protected]">[email protected]</a></li>
<li>
<p>Fax:</p> <a href="tel:+1 342 422 5314">+1 342 422 5314</a>
</li>
</ul>
<ul class="social_list">
<li>
<a href="#">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-instagram"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-youtube-play"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent