蓝色欧美风格的牙科医疗整站网站源码下载



6 22 8



模板描述:蓝色欧美风格 牙科医疗 整站网站,蓝色欧美风格的牙科医疗整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="fonts/css/all.min.css">
<link rel="stylesheet" href="css/navigation.css">
<link rel="stylesheet" href="css/stylesheet.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/slick.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">

2. 引入JS

<script src="js/modernizr-custom.js"></script>
<script src="js/plugins.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<script src="js/navigation.js"></script>

3. HTML代码

    <!-- LOADER START -->
    <div id="loader-wrapper">
        <div class="loader2">
            <svg class="loader" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 340">
                 <circle cx="170" cy="170" r="135" stroke="#3AB3DF"/>
                 <circle cx="170" cy="170" r="110" stroke="#3AB3DF"/>
                 <circle cx="170" cy="170" r="85" stroke="#EF8354"/>
                 <circle cx="170" cy="170" r="60" stroke="#EF8354"/>
            </svg>
        </div>
    </div>  
    <!-- LOADER END -->
    <!--HEADER START-->
    <header>
        <!--TOP HEADER START-->
        <div class="top-header">
            <div class="container">
                <div class="header-left">
                    <p><strong>Phone :</strong> + 1 800 722 8987</p>
                </div>
                <div class="header-right">
                   <div class="ht-right-email">
                        <p>info@denteur.com</p>
                   </div>
                   <div class="ht-right-social">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>    
                   </div>
                   <div class="ht-right-social">
                        <a href="#"><i class="fab fa-twitter"></i></a>
                   </div>
                   <div class="ht-right-social">
                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                   </div>
                </div>
            </div>
        </div>
        <!--TOP HEADER END-->
        <!--NAVBAR START-->
        <div class="main-nav" id="navbar">
            <div class="container">
                <nav id="navigation1" class="navigation">
                    <div class="nav-header">
                        <a class="nav-logo" href="../denteur/">
                            <img src="img/master/logo.png"  class="white-logo" alt="">
                        </a>
                        <div class="nav-toggle"></div>
                    </div>
                    <div class="nav-menus-wrapper">
                        <ul class="nav-menu align-to-right">
                            <li><a href="#">HOME</a>
                                <ul class="nav-dropdown">
                                    <li><a href="home-1.html">Home One</a></li>
                                    <li><a href="home-2.html">Home Two</a></li>
                                    <li><a href="home-3.html">Home Three</a></li>
                                </ul>
                            </li>
                            <li><a href="#">PAGES</a>
                                <ul class="nav-dropdown">
                                    <li><a href="about-us-1.html">About Us</a></li>
                                    <li><a href="about-us-2.html">About Us - Alt</a></li>
                                    <li><a href="gallery.html">Gallery</a></li>
                                    <li><a href="doctors.html">Doctors</a></li>
                                    <li><a href="doctors-single.html">Doctor Single</a></li>
                                    <li><a href="error-page.html">Error Page</a></li>
                                    <li><a href="faq.html">FAQ</a></li>
                                    <li><a href="pricing-table.html">Pricing</a></li>
                                </ul>
                            </li>
                            <li><a href="services.html">SERVICES</a></li>
                            <li><a href="#">DEPARTMENTS</a>
                                <ul class="nav-dropdown">
                                    <li><a href="department-endodontic.html">Endodontic</a></li>
                                    <li><a href="department-periodontics.html">Periodontics</a></li>
                                    <li><a href="department-prosthodontics.html">Prosthodontics</a></li>
                                    <li><a href="department-surgery.html">Surgery</a></li>
                                    <li><a href="department-orthodontic.html">Orthodontic</a></li>
                                    <li><a href="family-dentistry.html">Family Dentistry</a></li>
                                </ul>
                            </li> 
                            <li><a href="#">BLOGS</a>
                                <ul class="nav-dropdown">
                                    <li><a href="blog-grid.html">Blog Grid</a></li>
                                    <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                    <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                    <li><a href="blog-single.html">Blog Single</a></li>
                                </ul>
                            </li>
                            <li><a href="#">CONTACT</a>
                                <ul class="nav-dropdown">
                                    <li><a href="contact-us-1.html">Contact Us One</a></li>
                                    <li><a href="contact-us-2.html">Contact Us Two</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
        <!--NAVBAR END-->         
    </header>
    <!--HEADER END-->
    <!--SLIDER START-->
    <div class="home-slider">
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner" role="listbox">
              <!-- Slide One - Set the background image for this slide in the line below -->
              <div class="carousel-item active" style="background-image: url('img/images/slider3.jpg')">
                <div class="container">
                    <div class="slider-caption">
                        <h2 class="display-4 animated fadeInRight">We Care For <br> <span>Your Smile</span></h2>
                        <p class="lead animated fadeInRight">Dentist is your primary care dental provider. This dentist diagnoses and treats.</p>
                        <div class="btn-more"><a class="btn btn-slider" href="#" role="button">Learn More</a></div>
                    </div>  
                </div>
              </div>
              <!-- Slide Two - Set the background image for this slide in the line below -->
              <div class="carousel-item" style="background-image: url('img/images/slider2.jpg')">
                <div class="container">
                    <div class="slider-caption">
                        <h2 class="display-4 animated fadeInRight">Creating <br> <span>Beautiful Smiles</span></h2>
                        <p class="lead animated fadeInRight">Dentist is your primary care dental provider. This dentist diagnoses and treats.</p>
                        <div class="btn-more"><a class="btn btn-slider" href="#" role="button">Learn More</a></div>
                    </div>  
                </div>
              </div>
              <!-- Slide Three - Set the background image for this slide in the line below -->
              <div class="carousel-item" style="background-image: url('img/images/img19.jpg')">
                <div class="container">
                    <div class="slider-caption">
                        <h2 class="display-4 animated fadeInRight">For a Good<br> <span>Oral Health </span></h2>
                        <p class="lead animated fadeInRight">Dentist is your primary care dental provider. This dentist diagnoses and treats.</p>
                        <div class="btn-more"><a class="btn btn-slider" href="#" role="button">Learn More</a></div>
                    </div>  
                </div>
              </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>  
    </div>
    <!--SLIDER END-->
    <div class="container">
        <div class="front-layers">
            <div class="row">
                  <div class="col-lg-4 thumbnail-col">
                      <div class="info-layer">
                        <figure class="if-icon"><img src="img/master/phone-contact.svg" alt=""></figure>
                        <div class="if-caption">
                            <h4>Get In Touch <br><span>+ 1 800 722 8987</span></h4>
                        </div>
                      </div>
                  </div>
                  <div class="col-lg-4 layer-col">
                      <h3>Opening Hours</h3>
                      <div class="span-schedule">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><a href="#">Mon to Fri</a>
                            <span class="badge badge-primary badge-pill">9:00 AM - 5:00 PM</span>
                          </li>
                          <li class="list-group-item"><a href="#">Saturday</a>
                            <span class="badge badge-primary badge-pill">9:00 AM - 4:00 PM</span>
                          </li>
                          <li class="list-group-item"><a href="#">Sunday</a>
                            <span class="badge badge-primary badge-pill">9:00 AM - 1:00 PM</span>
                          </li>
                        </ul>
                    </div>
                  </div>
                  <div class="col-lg-4 layer-col form-col">
                      <h3>Book a Visit</h3>
                      <form id="contact-form" method="post" action="contact.php">
                        <div class="messages"></div>
                        <div class="controls">
                            <div class="row" >
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input id="form_name" type="text" name="name" class="form-control layer-contact" placeholder="Name" required="required" data-error="Firstname is required.">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input id="form_email" type="email" name="email" class="form-control layer-contact" placeholder="Email address" required="required" data-error="Valid email is required.">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <input id="form_phone" type="tel" name="phone" class="form-control layer-contact" placeholder="Phone number">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-md-6 submit-btn">
                                    <p><input type="submit" class="btn btn-booking" value="Send Request"></p>
                                </div>
                            </div>
                        </div>
                    </form> 
                  </div>
            </div>
        </div>
    </div>
    <!-- CONTENT START -->
    <section>
        <div class="container">
            <div class="row">
              <div class="col-lg-6">
                <div class="home-about">
                    <h5>ABOUT DENTEUR</h5>  
                    <h2>Welcome To Dental Care Denteur</h2>
                    <p>A general dentist is your primary care dental provider. This dentist diagnoses, treats, and manages your overall oral health care needs, including gum care, root canals, fillings, crowns, veneers, bridges, and preventive education.</p>
                    <h3>Nutrition Special Features</h3>
                    <div class="ha-bullets">
                        <div class="bullets-left">
                            <p>Anti-wrinkle treatment.</p>
                            <p>Varicose vein treatment.</p>
                            <p>Manual Handling Training.</p>
                        </div>
                       <div class="bullets-right">
                            <p>Anti-wrinkle treatment.</p>
                            <p>Varicose vein treatment.</p>
                            <p>Manual Handling Training.</p>
                        </div>
                    </div>
                    <figure class="signature-alt"><img src="img/images/signature.png" alt=""></figure>
                </div>  
              </div>
              <div class="col-lg-6">
                <div class="organic-pulsing-video home-about-img">
                  <div class="youtube-popup" data-listnum="1" style="display: none">
                    <a href="http://www.51qianduan.com//watch?v=u5-EfuA1igo" class="popup-youtube">
                        <figure class="video-image"><img src="img/images/img63.jpg" alt=""></figure>
                    </a>
                    <button class="pulse-button"></button>
                  </div>
                </div> 
              </div>
            </div>
        </div>
        <!-- WHY US START -->
        <div class="container-fluid">
            <div class="row">
              <div class="col-lg-5 parallax-side"></div>
              <div class="col-lg-7 content-side">
                <div class="inner-content">
                  <div class="panel-title">
                    <h5>WHY US</h5>
                    <h2>Bringing Life to Your Smile</h2>
                  </div>
                  <p>Sharing your toothbrush is a great example of a bad habit that can negatively affect the health of your mouth, there are many habits that can have a positive impact, not only for your oral health. </p>
                  <hr class="divider">
                  <div class="span-services">
                      <div class="row">
                          <div class="col-lg-6">
                            <div class="inner-service-box">
                                <div class="sp-icon-box">
                                    <figure class="sp-icon"><img src="img/master/dentist.svg" alt=""></figure>  
                                </div>
                                <div class="sp-caption">
                                    <h4>Excellence Defined</h4>
                                    <p>We are providing different services in this sector to wide.</p>
                                </div> 
                            </div>
                          </div>
                          <div class="col-lg-6 sp-space-break">
                            <div class="inner-service-box">
                                <div class="sp-icon-box">
                                    <figure class="sp-icon"><img src="img/master/tooth-saved.svg" alt=""></figure>  
                                </div>
                                <div class="sp-caption">
                                    <h4>Stunning smile</h4>
                                    <p>We are providing different services in this sector to wide.</p>
                                </div> 
                            </div>
                          </div>
                      </div>
                  </div>
                </div>
              </div>
            </div>
        </div>
        <!-- WHY US END -->
        <!-- COUNTER START -->
        <div class="container-fluid counter-section">
            <div class="container">
                <div class="row">
                  <div class="col-sm-6 col-md-6 col-lg-3">
                    <div class="inner-counter">
                        <figure class="counter-icon"><img src="img/master/tooth.svg" alt=""></figure>
                        <div class="counter-statistics">
                            <div class="counter">12001</div>
                            <p>SAVED TEETH</p>
                        </div>
                    </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-3 c-movil-breakpoint">
                    <div class="inner-counter">
                        <figure class="counter-icon"><img src="img/master/doctor.svg" alt=""></figure>
                        <div class="counter-statistics">
                            <div class="counter">8433</div>
                            <p>SPECIALIST DOCTORS</p>
                        </div>
                    </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-3 c-breakpoint">
                    <div class="inner-counter">
                        <figure class="counter-icon"><img src="img/master/happy.svg" alt=""></figure>
                        <div class="counter-statistics">
                            <div class="counter">2911</div>
                            <p>HAPPY CUSTOMERS</p>
                        </div>
                    </div>
                  </div>
                  <div class="col-sm-6 col-md-6 col-lg-3 c-breakpoint">
                    <div class="inner-counter">
                        <figure class="counter-icon"><img src="img/master/medical.svg" alt=""></figure>
                        <div class="counter-statistics">
                            <div class="counter">11233</div>
                            <p>CLINICS</p>
                        </div>
                    </div>
                  </div>
                </div>
            </div>
        </div>
        <!-- COUNTER END -->
        <div class="container">
            <div class="section-title">
                <h2>Our Services</h2>
                <p>We specialise in intelligent & effective Search and believes in the power of partnerships to grow business.</p>
            </div>
            <div class="services-carousel slider hover-effects image-hover">
              <div class="slide">
                  <div class="service-box">
                    <div class="cb-circle">
                        <figure class="cb-icon">
                            <img class="icon-default" src="img/master/dentist.svg" alt="">
                            <img class="icon-hover" src="img/master/dentist-w.svg" alt="">
                        </figure>
                    </div>
                    <div class="sb-caption">
                        <h4>Prosthodontics</h4>
                        <p>Measures of poor oral health used in the study included painful.</p>
                        <h5><a href="#">Read More</a></h5>
                    </div>
                </div> 
              </div>
              <div class="slide">
                <div class="service-box">
                    <div class="cb-circle">
                        <figure class="cb-icon">
                            <img class="icon-default" src="img/master/dentist1.svg" alt="">
                            <img class="icon-hover" src="img/master/dentist-w-alt.svg" alt="">
                        </figure>
                    </div>
                    <div class="sb-caption">
                        <h4>Orthodontic</h4>
                        <p>Measures of poor oral health used in the study included painful.</p>
                        <h5><a href="#">Read More</a></h5>
                    </div>
                </div> 
              </div>
              <div class="slide">
                <div class="service-box">
                    <div class="cb-circle">
                        <figure class="cb-icon">
                            <img class="icon-default" src="img/master/dental2.svg" alt="">
                                <img class="icon-hover" src="img/master/dental-w.svg" alt="">
                        </figure>
                    </div>
                    <div class="sb-caption">
                        <h4>Endodontic</h4>
                        <p>Measures of poor oral health used in the study included painful.</p>
                        <h5><a href="#">Read More</a></h5>
                    </div>
                </div> 
              </div>
              <div class="slide">
                <div class="service-box">
                    <div class="cb-circle">
                        <figure class="cb-icon">
                            <img class="icon-default" src="img/master/toothbrush.svg" alt="">
                            <img class="icon-hover" src="img/master/toothbrush-w.svg" alt="">
                        </figure>
                    </div>
                    <div class="sb-caption">
                        <h4>Family Dentistry</h4>
                        <p>Measures of poor oral health used in the study included painful.</p>
                        <h5><a href="#">Read More</a></h5>
                    </div>
                </div> 
              </div>
              <div class="slide">
                <div class="service-box">
                    <div class="cb-circle">
                        <figure class="cb-icon">
                            <img class="icon-default" src="img/master/tooth-crown-w.svg" alt="">
                            <img class="icon-hover" src="img/master/tooth-crown.svg" alt="">
                        </figure>
                    </div>
                    <div class="sb-caption">
                        <h4>Maxillofacial Surgery</h4>
                        <p>Measures of poor oral health used in the study included painful.</p>
                        <h5><a href="#">Read More</a></h5>
                    </div>
                </div>
              </div>
              <div class="slide">
                <div class="service-box">
                    <div class="cb-circle">
                        <figure class="cb-icon">
                            <img class="icon-default" src="img/master/tooth2.svg" alt="">
                            <img class="icon-hover" src="img/master/tooth2-white.svg" alt="">
                        </figure>
                    </div>
                    <div class="sb-caption">
                        <h4>Periodontics</h4>
                        <p>Measures of poor oral health used in the study included painful.</p>
                        <h5><a href="#">Read More</a></h5>
                    </div>
                </div> 
              </div>
            </div>
        </div>
        <!-- TESTIMONIALS START -->
        <div class="container-fluid testimonials-parallax-alt">
            <div class="container">
                <div class="row">
                  <div class="col-lg-4">
                    <div class="about-testimonials">
                        <h5>Wha our customer are saying</h5> 
                        <h2>Testimonials</h2>  
                        <p><strong>Going to use a passage of Lorem Ipsum, you need to be sure there readable content of a page.</strong></p>
                        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form</p>
                    </div>
                  </div>
                  <div class="col-lg-8">
                      <div id="testimonial-carousel">
                        <div class="testimonials-box groucho">
                          <p>I just wanted to share a quick note and let you know that you guys do a really good job. I’m glad I decided to work with.</p>
                            <div class="tb-client-details">
                                <figure class="tb-client-avatar"><img src="img/images/avatar1.jpg" alt=""></figure>
                                <div class="caption">
                                    <h4><strong>Sara Jones</strong> - Designer</h4>
                                    <div class="span-rating">
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testimonials-box groucho">
                          <p>I just wanted to share a quick note and let you know that you guys do a really good job. I’m glad I decided to work with.</p>
                            <div class="tb-client-details">
                                <figure class="tb-client-avatar"><img src="img/images/avatar2.jpg" alt=""></figure>
                                <div class="caption">
                                    <h4><strong>Martha Smith</strong> - Lawyer</h4>
                                    <div class="span-rating">
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testimonials-box groucho">
                          <p>I just wanted to share a quick note and let you know that you guys do a really good job. I’m glad I decided to work with.</p>
                            <div class="tb-client-details">
                                <figure class="tb-client-avatar"><img src="img/images/avatar3.jpg" alt=""></figure>
                                <div class="caption">
                                    <h4><strong>Tim Cook</strong> - Developer</h4>
                                    <div class="span-rating">
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testimonials-box groucho">
                          <p>I just wanted to share a quick note and let you know that you guys do a really good job. I’m glad I decided to work with.</p>
                            <div class="tb-client-details">
                                <figure class="tb-client-avatar"><img src="img/images/avatar4.jpg" alt=""></figure>
                                <div class="caption">
                                    <h4><strong>Albert Allen</strong> - Architect</h4>
                                    <div class="span-rating">
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testimonials-box groucho">
                          <p>I just wanted to share a quick note and let you know that you guys do a really good job. I’m glad I decided to work with.</p>
                            <div class="tb-client-details">
                                <figure class="tb-client-avatar"><img src="img/images/avatar5.jpg" alt=""></figure>
                                <div class="caption">
                                    <h4><strong>Jim Law</strong> - Marketing</h4>
                                    <div class="span-rating">
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="testimonials-box groucho">
                          <p>I just wanted to share a quick note and let you know that you guys do a really good job. I’m glad I decided to work with.</p>
                            <div class="tb-client-details">
                                <figure class="tb-client-avatar"><img src="img/images/avatar6.jpg" alt=""></figure>
                                <div class="caption">
                                    <h4><strong>Donald Jones</strong> - Designer</h4>
                                    <div class="span-rating">
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                        <div class="inner-star"><i class="fas fa-star"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                      </div>
                  </div>
                </div>
            </div>
        </div>
        <!-- TESTIMONIALS END -->
        <!-- SECTION ABOUT START -->
        <div class="container">
            <div class="row">
              <div class="col-lg-7">
                <div class="og-section-tittle">
                  <h5>About Denteur</h5>
                  <h2>Simply Better Dentistry</h2>
                </div> 
                <div class="og-about-alt">
                    <p><strong>All practicing at Denteur have earned either three or more years of undergraduate, The most common misuse for our teeth is tearing Sellotape.</strong></p>
                    <p>A general dentist is your primary care dental provider. This dentist diagnoses, treats, and manages your overall oral health care needs, including gum care, root canals, fillings, crowns, veneers, bridges, and preventive education.</p>  
                    <div class="og-accordion">
                        <ul class="accordion">
                            <li>
                                <a>How can i contact you?</a>
                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its grid-item. The point of using Lorem Ipsum.</p>
                            </li>
                            <li>
                                <a>What is your payment method?</a>
                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its grid-item. The point of using Lorem Ipsum.</p>
                            </li>
                            <li class="last-item">
                                <a>What are gas solutions?</a>
                                <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its grid-item. The point of using Lorem Ipsum.</p>
                            </li>
                        </ul> <!-- / accordion -->
                    </div>
                </div>
              </div>
              <div class="col-lg-5 space-break">
                <figure class="worker-portrait">
                    <img src="img/images/img38.jpg" alt="">
                </figure>  
              </div>
            </div>
        </div>
        <!-- SECTION ABOUT END -->
        <div class="container-fluid parallax-section">
            <div class="container">
                <div class="parallax-label">
                    <h2>Care For Your Smile</h2>
                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
                    <a class="btn btn-custom" href="#" role="button">Learn More</a>
                </div>
            </div>
        </div>
        <!-- LATEST NEWS START -->
        <div class="container">
            <div class="section-title">
                <h2>Latest News</h2>
                <p>We specialise in intelligent & effective Search and believes in the power of partnerships to grow business.</p>
            </div>
            <div class="news-carousel slider hover-effects image-hover">
              <div class="slide">
                <div class="thumbnail-box">
                    <figure class="tb-image"><img src="img/images/img37.jpg" alt=""></figure>  
                    <div class="tb-caption">
                        <div class="inner-caption">
                            <div class="ic-top">
                                <div class="post-date">
                                    <p>25<br><span>May</span></p>
                                </div>
                                <h3>Causes and Treatment of Gengivitis</h3>
                            </div>
                            <p>The ground-breaking research took 11 years to complete and is the longest study.</p>
                        </div>
                    </div>
                    <div class="tb-bottom">
                        <div class="tbb-inner">
                            <div class="user-box"><p> John Anderson</p></div>
                            <div class="comment-box-alt"><p> 314</p></div>
                        </div>
                    </div>
                </div> 
              </div>
              <div class="slide">
                <div class="thumbnail-box">
                    <figure class="tb-image"><img src="img/images/img34.jpg" alt=""></figure>  
                    <div class="tb-caption">
                        <div class="inner-caption">
                            <div class="ic-top">
                                <div class="post-date">
                                    <p>23<br><span>May</span></p>
                                </div>
                                <h3>Oral Health Foundation Green Paper</h3>
                            </div>
                            <p>Scientists found that people who use an electric toothbrush have healthier gums.</p>
                        </div>
                    </div>
                    <div class="tb-bottom">
                        <div class="tbb-inner">
                            <div class="user-box"><p> Lisa Jones</p></div>
                            <div class="comment-box-alt"><p> 245</p></div>
                        </div>
                    </div>
                </div> 
              </div>
              <div class="slide">
                <div class="thumbnail-box">
                    <figure class="tb-image"><img src="img/images/img35.jpg" alt=""></figure>  
                    <div class="tb-caption">
                        <div class="inner-caption">
                            <div class="ic-top">
                                <div class="post-date">
                                    <p>12<br><span>May</span></p>
                                </div>
                                <h3>Share a Smile Winners Announced</h3>
                            </div>
                            <p>Having undertaken a comprehensive review of existing guidance for best use of denture.</p>
                        </div>
                    </div>
                    <div class="tb-bottom">
                        <div class="tbb-inner">
                            <div class="user-box"><p> Sara Smith</p></div>
                            <div class="comment-box-alt"><p> 433</p></div>
                        </div>
                    </div>
                </div> 
              </div>
              <div class="slide">
                <div class="thumbnail-box">
                    <figure class="tb-image"><img src="img/images/img36.jpg" alt=""></figure>  
                    <div class="tb-caption">
                        <div class="inner-caption">
                            <div class="ic-top">
                                <div class="post-date">
                                    <p>12<br><span>May</span></p>
                                </div>
                                <h3>Launch of New Guidelines for Denture</h3>
                            </div>
                            <p>The new recommendations have been launched to combat the current lack of guidance.</p>
                        </div>
                    </div>
                    <div class="tb-bottom">
                        <div class="tbb-inner">
                            <div class="user-box"><p> Tim Cook</p></div>
                            <div class="comment-box-alt"><p> 189</p></div>
                        </div>
                    </div>
                </div> 
              </div>
            </div>
        </div>
        <!-- LATEST NEWS END -->
    </section> 
    <!-- CONTENT START -->
    <!-- FOOTER START -->
    <footer>
        <div class="container">
            <div class="row">
              <div class="col-lg-3">
                <div class="footer-col">
                  <figure class="footer-logo"><img src="img/master/logo-footer.png" alt=""></figure>
                  <p>Denteur care about dental promote dental health through organized.</p>
                  <div class="footer-icon">
                    <div class="span-fi">
                        <div class="fi-fas"><i class="fas fa-map-marker"></i></div>
                        <div class="fi-caption">
                            <p>PO BOX 33195 NW 56th ST Miami, Florida</p>  
                        </div>
                    </div> 
                    <div class="span-fi">
                        <div class="fi-fas"><i class="fas fa-phone"></i></div>
                        <div class="fi-caption">
                            <p>Call US: + 1 800 722 8987</p>  
                        </div>
                    </div> 
                    <div class="span-fi">
                        <div class="fi-fas"><i class="fas fa-envelope"></i></div>
                        <div class="fi-caption">
                            <p>info@denteur.com</p>  
                        </div>
                    </div>  
                  </div>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="footer-col">
                  <h4>RECENT POSTS</h4>
                  <div class="media-post">
                      <figure class="media-thumb"><a href="#"><img src="img/images/blog-thumb.jpg" alt=""></a></figure>
                      <div class="media-caption">
                        <h5>What Causes Periocoronitis</h5>
                        <p>24 July 2019</p>
                      </div>
                  </div>
                  <hr class="divider">  
                  <div class="media-post">
                      <figure class="media-thumb"><a href="#"><img src="img/images/blog-thumb2.jpg" alt=""></a></figure>
                      <div class="media-caption">
                        <h5>Gingivitis Causes and Treatment</h5>
                        <p>22 July 2019</p>
                      </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="footer-col">
                  <h4>TAGS</h4>
                  <div class="popular-links">
                    <ul>
                        <li><a href="about-us-1.html">About Us</a></li>
                        <li><a href="blog-grid.html">Blogs & News</a></li>
                        <li><a href="contact-us-1.html">Contact US</a></li>
                        <li><a href="services.html">Our Services</a></li>
                        <li><a href="gallery.html">Gallery</a></li>
                    </ul>  
                  </div>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="footer-col last-col">
                  <h4>INSTAGRAM PHOTOS</h4>
                  <div class="footer-grid-box">
                    <div class="row">
                      <div class="col-4 col-sm-2 col-md-2 col-lg-4 gb-photos">
                        <a href="#"><img src="img/images/img15.jpg" alt=""></a>
                      </div>
                      <div class="col-4 col-sm-2 col-md-2 col-lg-4 gb-photos">
                        <a href="#"><img src="img/images/img27.jpg" alt=""></a>
                      </div>
                      <div class="col-4 col-sm-2 col-md-2 col-lg-4 gb-photos">
                        <a href="#"><img src="img/images/img28.jpg" alt=""></a>
                      </div>
                      <div class="col-4 col-sm-2 col-md-2 col-lg-4 gb-photos">
                        <a href="#"><img src="img/images/img29.jpg" alt=""></a>
                      </div>
                      <div class="col-4 col-sm-2 col-md-2 col-lg-4 gb-photos">
                        <a href="#"><img src="img/images/img30.jpg" alt=""></a>
                      </div>
                      <div class="col-4 col-sm-2 col-md-2 col-lg-4 gb-photos">
                        <a href="#"><img src="img/images/img31.jpg" alt=""></a>
                      </div>
                    </div>  
                  </div>
                </div>
              </div>
            </div>
            <hr class="divider">
            <div class="footer-bottom">
                <div class="fb-copyright">
                    <p>© 2019 Denteur - Responsive Dental & Medical HTML Template</p>
                </div>
                <div class="fb-social">
                    <div class="span-fb-social"><a href="#"><i class="fab fa-facebook-f"></i></a></div>
                    <div class="span-fb-social"><a href="#"><i class="fab fa-twitter"></i></a></div>
                    <div class="span-fb-social"><a href="#"><i class="fab fa-linkedin-in"></i></a></div>
                    <div class="span-fb-social last-box"><a href="#"><i class="fab fa-instagram"></i></a></div>
                </div>
            </div>
        </div>
    </footer>
    <!-- FOOTER END -->
	<!--SCROLL TOP START-->
    <a href="#0" class="cd-top">Top</a>
    <!--SCROLL TOP START-->
    <!-- JAVASCRIPTS -->
    <!-- JAVASCRIPTS END -->



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


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 蓝色 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单 医院医疗 医院 医疗 医疗器械

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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