橙色欧美风格的清洁家政服务整站网站源码下载



8 29 10



模板描述:橙色欧美风格 清洁家政服务 整站网站,橙色欧美风格的清洁家政服务整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="css/animate.css" rel="stylesheet">
<link href="css/hover.css" rel="stylesheet">
<link rel="stylesheet" href="css/magnific-popup.css">
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.transitions.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/normalize.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

2. 引入JS

<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/main.js"></script>

3. HTML代码

    <!-- ::::::::::::::::::::::::::: Start: Preloader section ::::::::::::::::::::::::::: --> 
    <div id="preloader"></div>
    <!-- ::::::::::::::::::::::::::: End: Preloader section ::::::::::::::::::::::::::: -->
    <!-- Start: Header Section 
==================================================-->
    <div class="header">
        <!--Start: Header Info -->
        <div class="container">
            <div class="row">
                <!-- Start : Social Icon -->
                <div class="header_top_left">
                    <div class="social-nav">
                        <p>Stay Connected :</p> 
                        <ul class="header_socil list-inline pull-left">
                            <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-pinterest"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-instagram"></i>
                                </a>
                            </li>                                        
                        </ul>               
                    </div><!-- End: social-nav -->
                </div><!-- End : Social Icon -->
                <div class="header_top_right list-unstyled">
                    <ul>
                        <li>
                            <i class="fa fa-envelope-o"></i>
                            <span class="top-title">info@example.com</span>
                        </li><!-- End: Opening time -->
                        <li>
                            <i class="fa fa-phone"></i>
                            <span class="top-title"> +234 567 234 875</span>
                        </li><!-- End: Opening time -->                                  
                    </ul>       
                </div>
            </div>
        </div>
    </div>
    <!-- End: Header Info -->
    <!-- Start: header navigation -->
    <div class="nav_sticky navigation">
        <div class="container">
            <div class="row">
                <div class="logo col-md-3">
                    <a href="index.html"><img class="img-responsive" src="images/logo.png" alt="">
                    </a>
                </div>
                <div class="col-md-9">
                    <div id="navigation" class="menu_wrp">
                        <ul>
                            <li class="active has-sub"><a href="index.html">Home</a>
                                <ul>
                                    <li><a href="index.html">Home One</a>
                                    </li>
                                    <li><a href="index-two.html">Home Two</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-sub"><a href="index.html">Pages</a>
                                <ul>
                                    <li><a href="gallery.html">gallery One</a>
                                    </li>
                                    <li><a href="gallery-two.html">Gallery Two</a>
                                    </li>
                                    <li><a href="single-gallery.html">Single Gallery</a>
                                    </li>
                                    <li><a href="services.html">Service One</a>
                                    </li>                                    
                                    <li><a href="services-two.html">Service Two</a>
                                    </li>
                                    <li><a href="single-services.html">Single Service</a>
                                    </li>
                                    <li><a href="pricing.html">pricing Page</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-sub"><a href="blog.html">Blog</a>
                                <ul>
                                    <li><a href="blog.html">Blog One</a>
                                    </li>
                                    <li><a href="blog-two.html">Blog Two</a>
                                    </li>
                                    <li><a href="blog-three.html">Blog Three</a>
                                    </li>
                                    <li><a href="single-blog.html">Single blog</a>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="about.html">About</a>
                            </li>
                            <li><a href="team.html">team</a>
                            </li>                            
                            <li><a href="contact.html">Contact</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--/ row -->
        </div>
        <!--/ container -->
    </div>
    <!-- End: header navigation -->
    <!-- Start: Slides  -->
    <div class="slides_wrapper">
        <div class="slider_home">
            <div class="single_slider slide_bg_1">
                <div class="slider_item_tb">
                    <div class="slider_item_tbcell">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-12 col-sm-12">
                                    <h2>Office & House Cleaning Service</h2>
                                    <p>We can make your place clean and sparkle</p>
                                    <div class="slider_btn">
                                        <a href="contact.html" class="slider_btn_one more-link">Send Request </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="single_slider slide_bg_2">
                <div class="slider_item_tb">
                    <div class="slider_item_tbcell">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-12 col-sm-12">
                                    <h2>Office & House Cleaning Service</h2>
                                    <p>We can make your place clean and sparkle</p>
                                    <div class="slider_btn">
                                        <a href="contact.html" class="slider_btn_one more-link">Send Request </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End:  slider
==================================================-->
    <!-- Start:  About  Section
==================================================-->
<section class="about-section pad_tb_120">
    <div class="container">
        <div class="row">
            <!-- Start:  Col-lg-6  -->
            <div class="col-lg-6">
                <div class="about_image">
                    <img src="images/about1.jpg" alt="">
                    <img src="images/about2.jpg" alt="">  
                </div>
            </div>
            <!-- End:  Col-lg-6  -->
            <!-- Start:  Col-lg-6  -->
            <div class="col-lg-6">
                <!-- Start:  Header Section -->
                <div class="base-header">
                    <span>
                        <small class="bor_header"></small>We Are Klinlucid
                        <small class="bor_header border_right"></small>
                    </span>
                    <h3>We can make your place sparkle</h3>
                </div>
                <!-- End:  Header Section -->
                <div class="about_text_block">
                    <p>The purpose of writing a business is to actually research and find out more about the business rem ipsum dolor sit amet, cons ectetur elit. Vestibulum nec odios Suspe ndisse cursus mal suada faci lisis. Lorem ipsum dolor sit ametion consectetur elit. Vesti bulum nec odio ipsum.</p>
                    <p>Lorem ipsum dolor sit amet, cons ectetur elit. Vestibulum nec odiosa uspe an ndisse cursus mal suada faci lisis ipsum dolor sit ametion find out conse ctetur suada faci lisis ipsum dolor sit ametion find out conse ctetur ectetur elit estibu.</p>
                    <div class="about_box_list">
                        <i class="icon-glyph-52"></i>
                        <p>We offer a flat-rate pricing for our weekly biweekly or monthly residential cleaning service wWhether </p>
                    </div>                    
                    <div class="about_box_list">
                        <i class="icon-glyph-226"></i>
                        <p>We offer a flat-rate pricing for our weekly biweekly or monthly residential cleaning service wWhether </p>
                    </div>
                    <a class="read_btn" href="#">About Us </a>
                </div>
            </div>
            <!-- End:  Col-lg-6  -->
        </div>
    </div>
</section>
    <!-- End :  About Section
==================================================-->
    <!-- Start:  Promo  Section
==================================================-->
<section class="promo-section pad_tb_120">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-sm-12">
                <div class="promo-item">
                    <div class="promo_icon">
                        <img alt="" src="images/sevice_icon1.png">                        
                    </div>
                    <h3>Home Cleaning</h3>
                    <p>Attended no do thoughts meon of after a dissuade scarcely own are prettot aft er sprini meon after </p>
                </div>
            </div>
            <div class="col-lg-4 col-sm-12">
                <div class="promo-item">
                    <div class="promo_icon">
                        <img alt="" src="images/sevice_icon2.png">                        
                    </div>
                    <h3>Floor Cleaning</h3>
                    <p>Attended no do thoughts meon of after a dissuade scarcely own are prettot aft er sprini meon after </p>
                </div>
            </div>
            <div class="col-lg-4 col-sm-12">
                <div class="promo-item">
                    <div class="promo_icon">
                        <img alt="" src="images/sevice_icon3.png">                        
                    </div>
                    <h3>Pool Cleaning</h3>
                    <p>Attended no do thoughts meon of after a dissuade scarcely own are prettot aft er sprini meon after </p>
                </div>
            </div>         
        </div>
    </div>
</section>
    <!-- End: Promo Section
==================================================-->
    <!-- Start:  Service  Section
==================================================-->
<section class="special-service-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-lg-offset-3 col-sm-12">
                <!-- Start:  Header Section -->
                <div class="base-header">
                    <span>
                        <small class="bor_header"></small> What we do 
                        <small class="bor_header border_right"></small>
                    </span>
                    <h3>Special services </h3>
                </div>
                <!-- End:  Header Section -->
                <div class="special_ser_item">
                    <div class="special_ser_icon">
                        <i class="icon-glyph-11"></i>
                    </div>
                    <h3>Office cleaning</h3>
                    <p>Emergency response time is one hour or less guaran teed at live person will answer your call or you can .</p>
                </div>                 
                <div class="special_ser_item">
                    <div class="special_ser_icon">
                        <i class="icon-glyph-30"></i>
                    </div>
                    <h3>Pool cleaning</h3>
                    <p>Emergency response time is one hour or less guaran teed at live person will answer your call or you can .</p>
                </div> 
            </div>  
        </div>
    </div>
    <div class="special_ser_img"></div>
</section>
    <!-- End: Service Section
==================================================-->
<!-- Start: Work Section 
==================================================-->
    <section class="work-section pad_tb_120">
        <div class="container-fluid">
            <!-- Start:  Header Section -->
            <div class="base-header">
                <span>
                    <small class="bor_header"></small>our Work
                    <small class="bor_header border_right"></small>
                </span>
                <h3>Our Latest Work</h3>
            </div>
            <!-- End:  Header Section -->
            <!-- Start: Work filter -->
            <ul class="projects-titles">
                <li class="active" data-filter="*"><span>All Works</span>
                </li>
                <li data-filter=".web"><span>carpet</span>
                </li>
                <li data-filter=".design"><span>house</span>
                </li>
                <li data-filter=".graphics"><span>office</span>
                </li>                 
                <li data-filter=".graphics"><span>pool</span>
                </li>                 
                <li data-filter=".graphics"><span>window</span>
                </li>      
            </ul>
            <!-- End: Work filter -->
            <div class="projects-list">   
                <div class="col-lg-3 col-sm-12 web graphics">
                    <div class="single-project-item">
                        <div class="project-hover">
                            <div class="project_cnt">
                                <a class="project-link" href="images/work-1.jpg"><i class="icon-glyph-26"></i></a>
                            </div>
                        </div>
                        <div class="project_text">
                            <h3><a href="gallery.html">House cleaning</a></h3>
                            <span><a href="single-gallery.html">Category : pool</a></span>
                        </div>
                    </div>
                </div>
                <!-- End: Work Item 1 -->
                <div class="col-lg-3 col-sm-12 design clean">
                    <div class="single-project-item project-bg-2">
                        <div class="project-hover">
                            <div class="project_cnt">
                                <a class="project-link" href="images/work-2.jpg"><i class="icon-glyph-26"></i></a>
                            </div>
                        </div>
                        <div class="project_text">
                            <h3><a href="gallery.html">Office cleaning </a></h3>
                            <span><a href="single-gallery.html">Category : house</a></span>
                        </div>
                    </div>
                </div>
                <!-- End: Work Item 2 -->
                <div class="col-lg-3 col-sm-12 web design">
                    <div class="single-project-item project-bg-3">
                        <div class="project-hover">
                            <div class="project_cnt">
                                <a class="project-link" href="images/work-3.jpg"><i class="icon-glyph-26"></i></a>
                            </div>
                        </div>
                        <div class="project_text">
                            <h3><a href="gallery.html">Window cleaning</a></h3>
                            <span><a href="single-gallery.html">Category : office</a></span>
                        </div>
                    </div>
                </div>
                <!-- End: Work Item 3 -->  
                <div class="col-lg-3 col-sm-12 design web clean">
                    <div class="single-project-item project-bg-4">
                        <div class="project-hover">
                            <div class="project_cnt">
                                <a class="project-link" href="images/work-4.jpg"><i class="icon-glyph-26"></i></a>
                            </div>
                        </div>
                        <div class="project_text">
                            <h3><a href="gallery.html">Carpet cleaning</a></h3>
                            <span><a href="single-gallery.html">Category : floor</a></span>
                        </div>
                    </div>
                </div>
                <!-- End: Work Item 4 -->
            </div>
            <!--/.row -->
        </div>
        <!--/.container -->
    </section>
    <!-- End: Work Section
==================================================-->
<!-- Start:  Team Section
==================================================-->
    <section class="team-section pad_tb_120">
        <div class="container">
            <!-- Start:  Header Section -->
            <div class="base-header">
                <span>
                    <small class="bor_header"></small>Our Expert
                    <small class="bor_header border_right"></small>
                </span>
                <h3>Meet the team</h3>
            </div>
            <!-- End:  Header Section -->
            <div class="row">
                <div class="col-lg-3 col-sm-12">
                    <!-- profile 1-->
                    <div class="member">
                        <div class="img">
                            <div class="team_img">
                                <img src="images/team-3.jpg" alt="Lydia Park">
                            </div>
                            <div class="team_info_overlay">
                                <ul class="social list-inline">
                                    <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-rss"></i>
                                    </a>
                                    </li> 
                                </ul>
                            </div>
                        </div>
                        <div class="team_names">
                            <h5>Lydia Park</h5>
                            <p>Manager</p>
                        </div>
                    </div>
                </div>
                <!--End: profile 1-->
                <div class="col-lg-3 col-sm-12">
                    <!-- profile 2-->
                    <div class="member">
                        <div class="img">
                            <div class="team_img">
                                <img src="images/team-4.jpg" alt="Lydia Park">
                            </div>
                            <div class="team_info_overlay">
                                <ul class="social list-inline">
                                    <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-rss"></i>
                                    </a>
                                    </li> 
                                </ul>
                            </div>
                        </div>
                        <div class="team_names">
                            <h5>Wilson Jon</h5>
                            <p>Founder</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-12">
                    <!-- profile 3-->
                    <div class="member">
                        <div class="img">
                            <div class="team_img">
                                <img src="images/team-2.jpg" alt="Lydia Park">
                            </div>
                            <div class="team_info_overlay">
                                <ul class="social list-inline">
                                    <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-rss"></i>
                                    </a>
                                    </li> 
                                </ul>
                            </div>
                        </div>
                        <div class="team_names">
                            <h5>Lydia Park</h5>
                            <p>Manager</p>
                        </div>
                    </div>
                </div>                
                <div class="col-lg-3 col-sm-12">
                    <!-- profile 4-->
                    <div class="member">
                        <div class="img">
                            <div class="team_img">
                                <img src="images/team-1.jpg" alt="Lydia Park">
                            </div>
                            <div class="team_info_overlay">
                                <ul class="social list-inline">
                                    <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-rss"></i>
                                    </a>
                                    </li> 
                                </ul>
                            </div>
                        </div>
                        <div class="team_names">
                            <h5>John Wilson</h5>
                            <p>John Wilson</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--/.row -->
        </div>
        <!--/.container -->
    </section>
    <!-- End:  Team Section
==================================================-->
    <!-- Start:  Pricing Section
==================================================-->
<section class="pricing-section pad_tb_120">
    <div class="container">
        <!-- Start:  Header Section -->
        <div class="base-header">
            <span>
                <small class="bor_header"></small>Our pricing
                <small class="bor_header border_right"></small>
            </span>
            <h3>Select Our plan</h3>
        </div>
        <!-- End:  Header Section -->
        <div class="row">
             <div class="col-lg-4 col-sm-12">
                <!-- Start: pricing-box 1 -->
                <div class="pricing-box">
                    <h3>Commercial</h3>
                    <p>Attended no do thoughts me on dissuade scarcely</p>
                    <h2><span>$</span>40<sub>/Month</sub></h2>
                    <div class="pricng_lst"> <span>Our commercial service </span>  <span>Light fixture washing</span>  <span>Living areas bedrooms </span>   
                    </div>  
                    <a href="#" class="more-link">Order Now</a>
                </div>
                <!-- End: pricing-box 1 -->
            </div>
            <div class="col-lg-4 col-sm-12 feature_pric">
                <!-- Start: pricing-box 2 -->
                <div class="pricing-box">
                    <h3>Residential</h3>
                    <p>Attended no do thoughts me on dissuade scarcely</p>
                    <h2><span>$</span>70<sub>/Month</sub></h2>
                    <div class="pricng_lst"> <span>Our commercial service  </span>  <span>Light fixture washing </span>  <span>Living areas bedrooms </span>   
                    </div>  
                    <a href="#" class="more-link">Order Now</a>
                </div>
                <!-- End: pricing-box 2 -->
             </div>
             <div class="col-lg-4 col-sm-12">
                <!-- Start: pricing-box 3 -->
                <div class="pricing-box">
                    <h3>Constraction</h3>
                    <p>Attended no do thoughts me on dissuade scarcely</p>
                    <h2><span>$</span>90<sub>/Month</sub></h2>
                    <div class="pricng_lst"> <span>Our commercial service  </span>  <span>Light fixture washing </span>  <span>Living areas bedrooms </span>   
                    </div>  
                    <a href="#" class="more-link">Order Now</a>
                </div>
                <!-- End: pricing-box 3 -->
            </div> 
        </div>
    </div>
</section>
    <!-- End: Pricing Section
==================================================-->
    <!-- Start: Video ANd Skill  Section
==================================================-->
    <section class="video-section pad_tb_120">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-sm-12">  
                    <!-- Start:  Header Section -->
                    <div class="base-header">
                        <span>
                            <small class="bor_header"></small>Categories & Skills
                            <small class="bor_header border_right"></small>
                        </span>
                        <h3>Our Management Skills & Work Experience</h3>
                    </div>
                    <!-- End:  Header Section -->
                    <div class="perker_progress">
                        <div class="progress_inner" data-value="90" data-color="#fda12b">
                            <span><span class="label">Office CLeaning</span><span class="number">90%</span></span>
                            <div class="background"><div class="bar"><div class="bar_in"></div></div></div>
                        </div>
                        <div class="progress_inner" data-value="80" data-color="#fda12b">
                            <span><span class="label">Home CLeaning</span><span class="number">80%</span></span>
                            <div class="background"><div class="bar"><div class="bar_in"></div></div></div>
                        </div>
                        <div class="progress_inner" data-value="70" data-color="#fda12b">
                            <span><span class="label">Pool CLeaning</span><span class="number">70%</span></span>
                            <div class="background"><div class="bar"><div class="bar_in"></div></div></div>
                        </div>
                    </div>
                </div>        
                <div class="col-lg-5 col-sm-12">   
                    <div class="animated_play_btn">
                        <i class="fa fa-play"></i>
                    </div>
                        <!-- VIDEO SOCIALS -->
                    <div class="video-content"> 
                        <p>Watch our video</p>
                    </div>
                        <!-- END VIDEO SOCIALS --> 
                </div>
            </div>
        </div>
    </section>
    <!-- End: Video ANd Skill  Section
==================================================-->
    <!-- Start: Video ANd Skill  Section
==================================================-->
    <section class="quote-section">
        <div class="container"> 
                <div class="quote_wrp">
                    <div class="row">
                        <div class="col-lg-6 col-sm-12">  
                            <!-- Start:  Header Section -->
                            <div class="base-header"> 
                                <h3>Request A Quote</h3>
                                <div class="contact-form-warper">
                                    <form method="post" action="mailer.php" id="contact-form">
                                        <input class="con-field" name="name" id="name" type="text" placeholder="Your Name"> 
                                        <input class="con-field" name="email" id="email" type="text" placeholder="Your Email">
                                        <input class="con-field" name="service" id="phone" type="text" placeholder="Interest Of Service">
                                        <textarea class="con-field" name="message" id="message" rows="6" placeholder="Type your message"></textarea>
                                        <input type="submit" id="submit-contact" class="btn-alt" value="Submit Now">
                                    </form>
                                </div>
                            </div>
                            <!-- End:  Header Section -->
                        </div>        
                        <div class="col-lg-6 col-sm-12">  
                           <div class="quote_image">
                             <img src="images/contact_bg2.jpg" alt="">
                           </div>
                        </div>
                    </div> 
            </div>
        </div>
    </section>
    <!-- End: Video ANd Skill  Section
==================================================-->
<!--  Start:Testimonials Section
==================================================-->
    <section class="testimonial-section pad_tb_120">
        <div class="container">
            <!-- Start:  Header Section -->
            <div class="base-header">
                <span>
                    <small class="bor_header"></small>testimonials
                    <small class="bor_header border_right"></small>
                </span>
                <h3>What our client says</h3>
            </div>
            <!-- End:  Header Section -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="owl-carousel owl-theme" id="testimonial">
                        <!-- testimonial 1-->
                        <div class="item">
                            <div class="testi_wrp">
                                <div class="testi_img">
                                    <img alt="team" class="img-responsive" src="images/tes2.jpg">
                                </div>  
                                <div class="testi_info">
                                    <h4>Attended no do thoughts me on dissuade a scarcely own are prettyot spring suffer old denote his budy proposal  striking amto nut attention tended no do after .</h4>
                                    <p>John Watson <span>Marketing</span></p> 
                                </div>
                            </div>
                        </div>
                        <!--End: testimonial 1-->
                        <div class="item">
                            <!-- testimonial 2-->
                            <div class="testi_wrp">
                                <div class="testi_img">
                                    <img alt="team" class="img-responsive" src="images/tes1.jpg">
                                </div>  
                                <div class="testi_info">
                                    <h4>Attended no do thoughts me on dissuade a scarcely own are prettyot spring suffer old denote his budy proposal  striking amto nut attention tended no do after .</h4>
                                    <p>Joe Root <span>Manager</span></p>
                                </div>
                            </div>
                        </div>
                        <!--End: testimonial 2-->
                        <div class="item">
                            <div class="testi_wrp">
                                <div class="testi_img">
                                    <img alt="team" class="img-responsive" src="images/tes2.jpg">
                                </div>  
                                <div class="testi_info">
                                    <h4>Attended no do thoughts me on dissuade a scarcely own are prettyot spring suffer old denote his budy proposal  striking amto nut attention tended no do after .</h4>
                                    <p>John Watson <span>Marketing</span></p> 
                                </div>
                            </div>
                        </div>
                        <!--End: testimonial 3-->
                        <!-- testimonial 4-->
                        <div class="item">
                            <!-- testimonial 2-->
                            <div class="testi_wrp">
                                <div class="testi_img">
                                    <img alt="team" class="img-responsive" src="images/tes3.jpg">
                                </div>  
                                <div class="testi_info">
                                    <h4>Attended no do thoughts me on dissuade a scarcely own are prettyot spring suffer old denote his budy proposal  striking amto nut attention tended no do after .</h4>
                                    <p>Joe Root <span>Manager</span></p>
                                </div>
                            </div>
                        </div>
                        <!--End: testimonial 4-->
                    </div>
                </div>
            </div>
            <!--/.row -->
        </div>
        <!--/.container -->
    </section>
    <!--  End:Testimonials Section 
==================================================-->
    <!-- Start:  Blog Section
==================================================-->
    <section class="blog-section pad_tb_120">
        <div class="container">
            <!-- Start:  Header Section -->
            <div class="base-header">
                <span>
                    <small class="bor_header"></small>Our blog
                    <small class="bor_header border_right"></small>
                </span>
                <h3>Our Latest News</h3>
            </div>
            <!-- End:  Header Section -->
            <div class="row">   
                <div class="col-lg-4 col-sm-12 blog_box">
                    <a class="blog_box_ovrlay" href="single-blog.html">
                        <img src="images/blog_1.jpg" alt="">
                    </a>
                    <div class="blog_tag">
                        <a href="">house</a>
                    </div>  
                    <div class="blog_info_right">
                        <div class="blog_date_athor">
                            <span><i class="fa fa-comment-o"></i> 0 comments</span>
                            <i class="fa fa-times-circle-o "></i>  <span class="blog_post_date"> Jul 31, 2019</span>
                        </div>
                        <a href="single-blog.html"><h3>Providing a clean work enviro nment for your empl oyess</h3></a>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-12 blog_box">
                    <a class="blog_box_ovrlay" href="single-blog.html">
                        <img src="images/blog_2.jpg" alt="">
                    </a>
                    <div class="blog_tag">
                        <a href="">clean</a>
                    </div>  
                    <div class="blog_info_right">
                        <div class="blog_date_athor">
                            <span><i class="fa fa-comment-o"></i> 2 comments </span>
                            <i class="fa fa-times-circle-o "></i>  <span class="blog_post_date"> Jul 31, 2019</span>
                        </div>
                        <a href="single-blog.html"><h3>Providing a clean work enviro nment for your empl oyess</h3></a>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-12 blog_box">
                    <a class="blog_box_ovrlay" href="single-blog.html">
                        <img src="images/blog_3.jpg" alt="">
                    </a>
                    <div class="blog_tag">
                        <a href="">floor</a>
                    </div>  
                    <div class="blog_info_right">
                        <div class="blog_date_athor">
                            <span><i class="fa fa-comment-o"></i> 0 comments </span>
                            <i class="fa fa-times-circle-o "></i>  <span class="blog_post_date"> Jul 31, 2019</span>
                        </div>
                        <a href="single-blog.html"><h3>Providing a clean work enviro nment for your empl oyess</h3></a>
                    </div>
                </div>
            </div>
            <!--/.row -->
        </div>
        <!--/.container -->
    </section>
    <!-- End:  Blog Section
==================================================-->
    <!-- Start:Footer Section 
==================================================-->
    <footer class="footer-section">
        <div class="container">
            <div class="row">
                <!-- Start: About -->
                <div class="col-lg-3 col-sm-12">
                    <div class="widget">
                        <div class="footer_logo">
                            <img class="img-responsive" src="images/footer_logo.png" alt="">
                        </div>
                        <div class="footer_p">
                            <p class="footer_para">Loren ipsum dolor conse ctetur at adipis cing elit sed do eiu smod of tempor inci didunt know youlab a et dolore magna aliqua </p>
                        </div>
                        <div class="footer_socil">
                            <ul class="list-icons link-list footer_soc">
                                <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-behance"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fa fa-instagram"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fa fa-pinterest"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- End: About -->
                <!-- Start: Service post -->
                <div class="col-lg-3 col-sm-12">
                    <div class="widget quick_lnk">
                        <h5>Service</h5>
                        <ul>
                            <li>
                                <a href="services.html">Constraction Clean</a>
                            </li>
                            <li>
                                <a href="services.html">Commercial Clean</a>
                            </li>
                            <li>
                                <a href="services.html">Living Area Cleaning</a>
                            </li>
                            <li>
                                <a href="services.html">Residential Cleaning</a>
                            </li>                            
                            <li>
                                <a href="services.html">Spring Cleaning</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- End: Service post -->
                <!-- Start: Latest Work -->
                <div class="col-lg-3 col-sm-12">
                    <div class="widget latest-blog-list">
                        <h5>Latest Work</h5>
                        <ul>
                            <li>
                                <img class="img-responsive" src="images/blog_3.jpg" alt="">
                                <a href="blog.html">
                                    <h3>Providing a clean work enviro...  </h3>
                                </a>
                                <span> July 31, 2019 </span>
                            </li>
                            <li>
                                <img class="img-responsive" src="images/blog_2.jpg" alt="">
                                <a href="blog.html">
                                    <h3>Providing a clean work enviro...  </h3>
                                </a>
                                <span> July 31, 2019 </span>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- End: Latest Work -->
                <!-- Start:Newsletter -->
                <div class="col-lg-3 col-sm-12">
                    <div class="widget">
                        <h5>Newsletter</h5>
                        <!-- Start Subscribe -->
                        <div class="news_letter_wrp">
                            <p>Sign up today for tips and latest news and exclusive special offers.</p>
                            <div class="news_form">
                                <input class="email_field" name="email" id="email_field" type="text" placeholder="Email Address">
                                <button type="submit">Subscribe</button>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End:Newsletter -->
                <a class="scrollup" href="#"><span class="icon-glyph-203"></span></a>
            </div>
        </div>
        <!-- Start:Subfooter -->
        <div class="subfooter"> 
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <p>2019 © Copyright <a href="index.html">tidid.</a> all rights reserved.</p>
                    </div>                   
                </div>   
            </div> 
        </div> 
        <!-- End:Subfooter -->
    </footer>
    <!-- End:Footer Section 
========================================-->
    <!-- Scripts
========================================-->
    <!-- jquery -->
    <!-- plugins -->
    <!-- Bootstrap -->
    <!-- Custom Scripts
========================================-->
    <script src="js/main.js"></script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单 橙色 家政 保洁 保姆 保洁公司 家政公司

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到