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



39 153 52



模板描述:橙色欧美风格 清洁家政服务 整站网站,橙色欧美风格的清洁家政服务整站网站源码下载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自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

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

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