CINXE.COM
CIQA
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Creative Responsive Bootstrap Multi-Purpose HTML Template"> <meta name="keywords" content="H2O, Creative, Agency, Portfolio, Freelancer, Shop, Store,Bootstrap, HTML, Template, One page"> <meta name="author" content="Vadzim Liashkevich"> <!-- SITE TITLE --> <title>CIQA</title> <!-- ========================= FAV AND TOUCH ICONS ============================== --> <!--<link rel="shortcut icon" href="images/favicon.ico">--> <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" > <!-- ========================= STYLESHEETS ============================== --> <link rel="stylesheet" type="text/css" href="css/master.css" /> </head> <body data-spy="scroll" data-target=".navbar"> <div class="preloader" id="preloader"> <img src="images/preloader.gif" alt="" /> </div> <!-- ========================= TOP BAR ============================== --> <div class="top-bar" id="top-bar"> <div class="container"> <div class="row"> <!-- TOP BAR LEFT --> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="top-bar-adress"><i class="flaticon-navigation-arrow"></i>B12 Jianxiang Villa,No. A1 Huayan Beili, Dewai St., Chaoyang District, Beijing, P.R.China</div> </div> <!-- TOP BAR RIGHT --> <!--<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div class="top-bar-social"> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-google-plus"></i></a> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-skype"></i></a> </div> <div class="top-bar-mail"> <i class="fa fa-envelope"></i> <a href="#">Wangsj@ciq.org.cn</a> </div> </div>--> </div> </div> </div> <!-- ========================= END TOP BAR ============================== --> <!-- ========================= HEADER ============================== --> <div class="header" id="header"> <div class="container"> <div class="row"> <!-- HEADER LOGO --> <div class="col-lg-4 col-md-4 col-sm-5 col-xs-12"> <div class="header-logo"> <a href="#"><img src="images/ciqa_001.png" alt="" /> <span class="color-child-5"><strong>China Entry-Exit Inspection & Quarantine Association</strong></span> </a></div> </div> <!-- HEADER BUTTONS --> <!--<div class="col-lg-8 col-md-8 col-sm-7 col-xs-12"> <div class="header-button"> <a href="#bookform1" class="fancybox-2 btn btn-default"> <span class="plus">+</span> MAKE AN APPOINTMENT</a> </div> <div class="header-phone"> <i class="fa fa-phone"></i>86 15201018254</div> </div>--> </div> </div> </div> <!-- ========================= MAIN MENU ============================== --> <div id="smartposition"></div> <div class="top-menu" id="top-menu"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="mobile-bar-cont"> <div class="top-menu-logo"> <a href="#"><img src="images/ciqa_001.png" alt="" /> <!--<span class="bold600 color-child-6">DENTAL</span>--> <span class="color-child-5">CIQA</span> </a> </div> <div class="mobile-bar"> <div class="show-menu" id="show-menu"> <i class="fa fa-bars"></i> </div> </div> </div> <ul class="nav navbar-nav"> <li class="active"><a href="index.html">HOME</a></li> <li><a href="readmore.html">About CIQA</a></li> <li class="dropdown"> <a data-toggle="dropdown" href="#">Our Departments</a> <ul class="dropdown-menu with-bg" role="menu"> <li><a href="administration.html">Administration Department</a></li> <li><a href="Industry.html">Industrial Product Department</a></li> <li><a href="International.html">International Cooperation Department</a></li> <li><a href="Testing.html">Testing and Inspection Department</a></li> <li><a href="Food.html">Food and Agricultural Product Department</a></li> <li><a href="Scientific.html">Scientific Technology and Laboratory Department</a></li> <li><a href="Travel.html">International Travel and Health Department</a></li> </ul> </li> <li class="dropdown"><a data-toggle="dropdown" href="#">Our Branches</a> <ul class="dropdown-menu" role="menu"> <li><a href="Inspection.html">CIQA Sub-committee on Inspection Treatment and Bio-safety</a></li> <li><a href="Chemical.html">CIQA Sub-committee on Chemical Products</a></li> <li><a href="Luxuries.html">CIQA Professional Committee on Luxuries</a></li> <li><a href="Identification.html">CIQA Sub-committee on Agencies of Import and Export Commodity Inspection and Identification</a></li> <li><a href="Cosmetics.html">CIQA Working Committee on Food and Cosmetics</a></li> <p style="padding-left:515px;font-size: 19px;"><a href="branches.html">More+</a></p> </ul> </li> <li class="dropdown"><a onclick="goTo()" style="cursor: pointer" data-toggle="dropdown" >Our Directors</a> <!-- <ul class="dropdown-menu" role="menu"></ul>--> </li> <li class="dropdown"> <a data-toggle="dropdown" href="#">Our Partners</a> <ul class="dropdown-menu" role="menu"> <li><a href="Governments.html">Governments</a></li> <li><a href="Organizations.html">Organizations</a></li> <li><a href="Enterprises.html">Enterprises</a></li> </ul> </li> <li><a href="contacts.html">Contact Us</a></li> </ul> </div> </div> </div> </div> <!-- ========================= HEADER SLIDER ============================== --> <div id="slider" class="slider"> <div class="sp-slides"> <!-- HEADER SLIDER ITEM --> <div class="sp-slide"><!-- <img class="sp-image" src="css/images/blank.gif" alt="" data-src="images/dt.png" /> --> <!--首页导航条下面图片轮播 导航点+左右键转换图片 <div id="container"> <div id="list" style="right:0px;"> <img src="images/shou1.png" width="622px"height="410px" alt="4.pg"/> <img src="images/shou2.jpg" width="622px" height="410px" alt="4.pg"/> <img src="images/shou4.png" width="622px" height="410px" alt="4.pg"/> <img src="images/shouye5.png" width="622px" height="410px" alt="4.pg"/> </div> <div id="buttons"> <span index="1"class="on"></span> <span index="2"></span> <span index="3"></span> <span index="4"></span> </div> <a href="javascript:;" class="arrow" id="prev"><</a> <a href="javascript:;" class="arrow" id="next">></a> </div>--> <div id="wshd"> <img class="img-slide" src="images/wshd1.png"> <img class="img-slide" src="images/wshd2.png"> <img class="img-slide" src="images/wshd3.png"> </div> <div class="container company"> <p class="company_name sp-layerr slider-text"data-position="leftCenter" data-horizontal="10" data-vertical="80" data-show-transition="left" data-hide-transition="left"data-show-delay="600" data-hide-delay="600" style="font-size:22px;line-height:35px;width:710px;"> China Entry-Exit Inspection and Quarantine Association (CIQA)<br/> approved to be set up by the Ministry of Civil Affairs of the Peo<br /> ple Republic of China,is a nationwide non-profit socialorga niza<br /> tion composed voluntarily of the entry-exit inspection and quar<br /> antine enterprises,institutions,related social organizations and practitioners.<br/> <div class="company_introduce"> <p style="font-size: 29px;">Our Mission</p> <!-- nono--><p style="color-profile: auto; margin:0 auto;"></p> <p class="ciqa"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" class="bi bi-record-fill" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10z"/> </svg>Bridge between China Government and International Enterprises <br/></i> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" class="bi bi-record-fill" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10z"/> </svg>Provision of Service to Improve Trade facilitation <br/> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" class="bi bi-record-fill" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10z"/> </svg>Provision of Information of Chinese Latest Policies and Regulations </p> </div> </p> <p class="sp-layerr slider-button" data-position="leftCenter" data-horizontal="15" data-vertical="100" data-show-transition="left" data-hide-transition="left" data-show-delay="800" data-hide-delay="800" style="margin-top:35px;"> <a href="readmore.html" class="btn btn-primary">READ MORE</a> </p> </div> </div> <!-- HEADER SLIDER ITEM --> <!-- HEADER SLIDER ITEM --> </div> </div> </div> <!-- ========================= END HEADER SLIDER ============================== --> <!-- ========================= SERVICES ============================== --> <div class="services" id="services"> <!-- SERVICES ITEM --> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 service bg-primary-2"> <div class="service-icon"><img src="images/y02.png"></div> <div class="service-title"> <h3>Association Standards</h3> </div> <div class="service-text"> </div> </div> <!-- SERVICES ITEM --> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 service bg-child-2"> <div class="service-icon"><a href="registration.html"><img src="images/y04.png"></a></div> <div class="service-title"> <h3>Service of China Import Food Enterprises Registration</h3> </div> <div class="service-text"> </div> </div> <!-- SERVICES ITEM --> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 service bg-child-3"> <div class="service-icon"><a href="peop.html"><img src="images/y01.png" ></a></div> <div class="service-title"> <h3>Protected Eco-origin Product(PEOP)</h3> </div> <div class="service-text"> </div> </div> <!-- SERVICES ITEM --> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 service bg-child-4"> <div class="service-icon"><a href="http://fmachina.ciq.org.cn"><img src="images/y08.png"></a></div> <div class="service-title"> <h3>China International Food, Meat and Aquatic Products Exhibition</h3> </div> <div class="service-text"></div> </div> </div> <!-- ========================= END SERVICES ============================== --> <!-- ========================= ABOUT ============================== --> <div class="about"> <div class="container"> <div class="row"> <!-- ABOUT TEXT --> <!-- <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 about-text"> <h2 class="section-title"> <span class="bold700">ABOUT</span> CIQA</h2> <!--<p>We provide team-based, comprehensive dental care for children and adults, including patients of all ages who are anxious or have an underlying developmental or medical condition that may add complexity to the management of their oral health.</p> <ul class="text-list"> <li>General Dentistry - preventative and restorative dental care.</li> <li>Specialized dental care to straighten crooked teeth in children and adults. </li> <li>Treat diseases of the gums and the placement of dental implants.</li> </ul> <p>We are committed to helping you maintain your oral health as an integral part of your overall health and wellness. <a href="#">Read more ></a></p>--> </div> <!-- ABOUT BACKGROUND --> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 about-bg"> </div> </div> </div> </div> <!-- ========================= END ABOUT ============================== --> <!-- ========================= CERTIFICATES ============================== --> <!--<div class="certs"> <div class="container"> <div class="row"> <h3>Certificates of completion</h3> <div class="certs-container"> <div class="owl-certs" id="owl-certs"> <div class="certs-item"> <a href="images/cert1-b.jpg" class="fancybox"><img src="images/cert1.jpg" alt="" /></a> </div> <div class="certs-item"> <a href="images/cert2-b.jpg" class="fancybox"><img src="images/cert2.jpg" alt="" /></a> </div> <div class="certs-item"> <a href="images/cert3-b.jpg" class="fancybox"><img src="images/cert3.jpg" alt="" /></a> </div> <div class="certs-item"> <a href="images/cert4-b.jpg" class="fancybox"><img src="images/cert4.jpg" alt="" /></a> </div> <div class="certs-item"> <a href="images/cert5-b.jpg" class="fancybox"><img src="images/cert5.jpg" alt="" /></a> </div> <div class="certs-item"> <a href="images/cert1-b.jpg" class="fancybox"><img src="images/cert1.jpg" alt="" /></a> </div> <div class="certs-item"> <a href="images/cert2-b.jpg" class="fancybox"><img src="images/cert2.jpg" alt="" /></a> </div> </div> <div class="carousel-btn carousel-next" id="next-certs"><i class="fa fa-angle-right"></i></div> <div class="carousel-btn carousel-prev" id="prev-certs"><i class="fa fa-angle-left"></i></div> </div> </div> </div> </div>--> <!-- ========================= END CERTIFICATES ============================== --> <!-- ========================= DOCTORS ============================== --> <div id="dd"> <div class="doctors"> <div class="container"> <div class="row" > <h2 class="section-title">MEET <span class="bold700">OUR DIRECTORS</span> </h2> <div class="doctors-container"> <div class="owl-doctors" id="owl-doctors"> <!-- DOCTORS ITEM --> <div id="cc" class="doctors-item"> <div class="doctors-item-container" > <div class="doctors-item-image" > <img src="images/duan.png" /> </div> <a name="Directors"><div class="doctors-item-name">Mr.Duan Xiaohong</div></a> <div class="doctors-item-position" >Vice President and Secretary General of CIQA</div> </div> <div class="doctors-item-social"> </div> <!-- <div class="doctors-item-button"> <a href="#bookform2" class="fancybox-1 btn btn-default"> <span class="plus">+</span> BOOK APPOINTMENT</a> </div> --> </div> <!-- DOCTORS ITEM --> <div class="doctors-item"> <div class="doctors-item-container"> <div class="doctors-item-image"> <img src="images/wang.png" height="420.66px" alt="" /> </div> <div class="doctors-item-name">Mr.Wang Xin</div> <div class="doctors-item-position">President of CIQA</div> </div> <div class="doctors-item-social"> </div> <!-- <div class="doctors-item-button"> <a href="#bookform3" class="fancybox-1 btn btn-default"> <span class="plus">+</span> BOOK APPOINTMENT</a> </div> --> </div> <!-- DOCTORS ITEM --> <div class="doctors-item"> <div class="doctors-item-container"> <div class="doctors-item-image"> <img src="images/zhang.png" height="420.66px" alt="" /> </div> <div class="doctors-item-name">Mr.Zhang Li</div> <div class="doctors-item-position">Vice President of CIQA</div> </div> <div class="doctors-item-social"></div> </div> </div> </div> </div> </div> </div> </div> <!-- ========================= CLIENTS ============================== --> <div class="clients"> <div class="container"> <div class="row"> <p class="section-subtitle">Our Partners(part of)</p> <div class="clients-container"> <div class="owl-clients" id="owl-clients"> <!-- CLIENTS ITEM --> <div class="clients-item"> <img src="images/bxnr.png" alt="" /> </div> <!-- CLIENTS ITEM --> <div class="clients-item"> <img src="images/cargill.png" alt="" /> </div> <!-- CLIENTS ITEM --> <div class="clients-item"> <img src="images/danone.png" alt="" /> </div> <!-- CLIENTS ITEM --> <div class="clients-item"> <img src="images/dj.png" alt="" /> </div> <!-- CLIENTS ITEM --> <div class="clients-item"> <img src="images/hgzs.png" alt="" /> </div> <!-- CLIENTS ITEM --> <div class="clients-item"> <img src="images/jnd.png" width="195px" height="87px" alt="" /> </div> <div class="clients-item"> <img src="images/Alibaba.png" width="195px" height="87px" alt="" /> </div> <div class="clients-item"> <img src="images/Mars.png" width="195px" height="87px" alt="" /> </div> <div class="clients-item"> <img src="images/Nestle.png" width="195px" height="87px" alt="" /> </div> <div class="clients-item"> <img src="images/Huawei.png" width="195px" height="87px" alt="" /> </div> </div> <!-- CLIENTS BUTTONS --> <div class="carousel-btn carousel-next" id="next-clients"><i class="fa fa-angle-right"></i></div> <div class="carousel-btn carousel-prev" id="prev-clients"><i class="fa fa-angle-left"></i></div> </div> </div> </div> </div> <!-- ========================= END CLIENTS ============================== --> <!-- ========================= FOOTER ============================== --> <div class="footer"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 footer-matchheight"> <div class="row"> <!-- FOOTER ITEM 1 --> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 footer-item footer-item-1"> <h3 class="footer-title footer-title-line"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wechat" viewBox="0 0 16 16"> <path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356Z"/> <path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826Zm4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Zm3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Z"/> </svg> SCAN TO FOLLOW</h3> <img src="images/crj.jpg" width="200" height="200" /> </div> <!-- FOOTER ITEM 2 --> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 footer-item footer-item-2"> <h3 class="footer-title footer-title-line"><i class="fa fa-clock-o"></i>WORKING HOURS</h3> <div class="opening-left"> Monday<br> Tuesday<br> Wednesday<br> Thursday<br> Friday<br> Saturday<br> Sunday </div> <div class="opening-right"> 8:30 am - 4:30 pm<br> 8:30 am - 4:30 pm<br> 8:30 am - 4:30 pm<br> 8:30 am - 4:30 pm<br> 8:30 am - 4:30 pm<br> Closed<br> Closed </div> </div> </div> </div> <!-- FOOTER ITEM 3 --> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 footer-item footer-item-3 footer-matchheight" id="footer-item-3"> <h3 class="footer-title"><i class="fa fa-map-marker"></i> CONTACTS</h3> <p style="color: white;font-size: 15px;">Scarlet, International Cooperation Department,CIQA</p> <div class="footer-item-3-phone"> <i class="fa fa-phone"></i>86 10 62054210<br/> 86 15201018254</div> <div class="footer-item-3-location"> <i class="flaticon-navigation-arrow"></i>B12 Jianxiang Villa,No. A1 Huayan Beili, Dewai St., Chaoyang District, Beijing, P.R.China</div> <div class="footer-item-3-mail"> <i class="fa fa-envelope"></i> <a href="#">Wangsj@ciq.org.cn<br/> scarletwang_ciqa@163.com</a> </div> </div> <!-- FOOTER ITEM 4 --> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 footer-item footer-item-4 footer-matchheight" id="footer-item-4"> </div> </div> </div> </div> <!-- ========================= END FOOTER ============================== --> <!-- ========================= POPUP FORMS ============================== --> <div class="bookform bookform-1" id="bookform1"> <div class="bookform-left"> <h2 class="section-title"> <span class="bold700">BOOK APPOINTMENT</span> </h2> <form class="bookform-form" action="js/sendmail-book.php" role="form" method="post"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item f-doctor"> <select id="form-doctor" class="form-doctor" name="form-doctor"> <option value="Not selected" selected="selected">Select doctor</option> <option value="Arnie Alban">Arnie Alban</option> <option value="Wyatt Esmond">Wyatt Esmond</option> <option value="Dustin Callahan">Dustin Callahan</option> <option value="Kristin Weaver">Kristin Weaver</option> </select> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item name"> <input type="text" name="name" id="name1" data-validation="required" placeholder="Your name" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item phone"> <input type="text" name="phone" id="phone1" data-validation="required" placeholder="Phone" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item email"> <input type="text" name="email" id="email1" placeholder="E-mail" /> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item date"> <input type="text" class="datepicker-f" id="datepicker1" name="date" data-validation="required" placeholder="Date" /> <div class="help help-sm help-red">!</div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item time-f"> <input type="text" class="timepicker-f" id="timepicker1" name="time" data-validation="required" placeholder="Time" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <textarea name="message" id="message1" placeholder="Your message.."></textarea> </div> </div> <div class="row" style="display:none;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item honeypot"> <label class="fl_label" for="last">Honeypot:</label> <input type="text" name="last" value="" id="last" class="form-control fl_input"> </div> </div> <div class="row latest-row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <button class="btn btn-primary">SUBMIT</button> <a class="fb-close" id="fb-close1" href="javascript:jQuery.fancybox.close();">Cancel</a> </div> </div> <div class="form-messages form-messages-modal"></div> </form> </div> <div class="bookform-right"> <div class="bookform-right-info-1"> <h5>Please select a doctor</h5> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> <div class="bookform-right-info-2"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> </div> <div class="bookform" id="bookform2"> <div class="bookform-left"> <h2 class="section-title"> <span class="bold700">BOOK APPOINTMENT</span> </h2> <form class="bookform-form" action="js/sendmail-book.php" role="form" method="post"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item name"> <input type="text" name="name" id="name2" data-validation="required" placeholder="Your name" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item phone"> <input type="text" name="phone" id="phone2" data-validation="required" placeholder="Phone" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item email"> <input type="text" name="email" id="email2" placeholder="E-mail" /> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item date"> <input type="text" class="datepicker-f" id="datepicker2" name="date" data-validation="required" placeholder="Date" /> <div class="help help-sm help-red">!</div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item time-f"> <input type="text" class="timepicker-f" id="timepicker2" name="time" data-validation="required" placeholder="Time" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <textarea name="message" id="message2" placeholder="Your message.."></textarea> </div> </div> <div class="row" style="display:none;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item honeypot"> <label class="fl_label" for="last">Honeypot:</label> <input type="text" name="last" value="" id="last" class="form-control fl_input"> </div> </div> <div class="row latest-row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <button class="btn btn-primary">SUBMIT</button> <a class="fb-close" id="fb-close2" href="javascript:jQuery.fancybox.close();">Cancel</a> </div> </div> <div class="form-messages form-messages-modal"></div> </form> </div> <div class="bookform-right"> <div class="doctor-info"> <div class="doctor-info-image"> <img src="images/doctor1.jpg" alt="" /> </div> <div class="doctor-info-name"> Wyatt Esmond </div> <div class="doctor-info-position"> General Dentist </div> <div class="doctor-info-hours-title"> OPENING HOURS </div> <div class="doctor-info-hours"> <div class="doctor-info-hours-clock"> <img src="images/clock.png" alt="" /> </div> <div class="doctor-info-hours-left"> Monday<br> Tuesday<br> Wednesday<br> Thursday<br> Friday<br> Saturday<br> Sunday </div> <div class="doctor-info-hours-right"> Closed<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> Closed </div> </div> <div class="doctor-info-desc"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> </div> </div> <div class="bookform" id="bookform3"> <div class="bookform-left"> <h2 class="section-title"> <span class="bold700">BOOK APPOINTMENT</span> </h2> <form class="bookform-form" action="js/sendmail-book.php" role="form" method="post"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item name"> <input type="text" name="name" id="name3" data-validation="required" placeholder="Your name" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item phone"> <input type="text" name="phone" id="phone3" data-validation="required" placeholder="Phone" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item email"> <input type="text" name="email" id="email3" placeholder="E-mail" /> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item date"> <input type="text" class="datepicker-f" id="datepicker3" name="date" data-validation="required" placeholder="Date" /> <div class="help help-sm help-red">!</div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item time-f"> <input type="text" class="timepicker-f" id="timepicker3" name="time" data-validation="required" placeholder="Time" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <textarea name="message" id="message3" placeholder="Your message.."></textarea> </div> </div> <div class="row" style="display:none;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item honeypot"> <label class="fl_label" for="last">Honeypot:</label> <input type="text" name="last" value="" id="last" class="form-control fl_input"> </div> </div> <div class="row latest-row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <button class="btn btn-primary">SUBMIT</button> <a class="fb-close" id="fb-close3" href="javascript:jQuery.fancybox.close();">Cancel</a> </div> </div> <div class="form-messages form-messages-modal"></div> </form> </div> <div class="bookform-right"> <div class="doctor-info"> <div class="doctor-info-image"> <img src="images/doctor2.jpg" alt="" /> </div> <div class="doctor-info-name"> Arnie Alban </div> <div class="doctor-info-position"> Pedodontics </div> <div class="doctor-info-hours-title"> OPENING HOURS </div> <div class="doctor-info-hours"> <div class="doctor-info-hours-clock"> <img src="images/clock.png" alt="" /> </div> <div class="doctor-info-hours-left"> Monday<br> Tuesday<br> Wednesday<br> Thursday<br> Friday<br> Saturday<br> Sunday </div> <div class="doctor-info-hours-right"> Closed<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> Closed </div> </div> <div class="doctor-info-desc"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> </div> </div> <div class="bookform" id="bookform4"> <div class="bookform-left"> <h2 class="section-title"> <span class="bold700">BOOK APPOINTMENT</span> </h2> <form class="bookform-form" action="js/sendmail-book.php" role="form" method="post"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item name"> <input type="text" name="name" id="name4" data-validation="required" placeholder="Your name" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item phone"> <input type="text" name="phone" id="phone4" data-validation="required" placeholder="Phone" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item email"> <input type="text" name="email" id="email4" placeholder="E-mail" /> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item date"> <input type="text" class="datepicker-f" id="datepicker4" name="date" data-validation="required" placeholder="Date" /> <div class="help help-sm help-red">!</div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item time-f"> <input type="text" class="timepicker-f" id="timepicker4" name="time" data-validation="required" placeholder="Time" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <textarea name="message" id="message4" placeholder="Your message.."></textarea> </div> </div> <div class="row" style="display:none;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item honeypot"> <label class="fl_label" for="last">Honeypot:</label> <input type="text" name="last" value="" id="last" class="form-control fl_input"> </div> </div> <div class="row latest-row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <button class="btn btn-primary">SUBMIT</button> <a class="fb-close" id="fb-close4" href="javascript:jQuery.fancybox.close();">Cancel</a> </div> </div> <div class="form-messages form-messages-modal"></div> </form> </div> <div class="bookform-right"> <div class="doctor-info"> <div class="doctor-info-image"> <img src="images/doctor3.jpg" alt="" /> </div> <div class="doctor-info-name"> Dustin Callahan </div> <div class="doctor-info-position"> Ortodontist </div> <div class="doctor-info-hours-title"> OPENING HOURS </div> <div class="doctor-info-hours"> <div class="doctor-info-hours-clock"> <img src="images/clock.png" alt="" /> </div> <div class="doctor-info-hours-left"> Monday<br> Tuesday<br> Wednesday<br> Thursday<br> Friday<br> Saturday<br> Sunday </div> <div class="doctor-info-hours-right"> Closed<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> Closed </div> </div> <div class="doctor-info-desc"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> </div> </div> <div class="bookform" id="bookform5"> <div class="bookform-left"> <h2 class="section-title"> <span class="bold700">BOOK APPOINTMENT</span> </h2> <form class="bookform-form" action="js/sendmail-book.php" role="form" method="post"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item name"> <input type="text" name="name" id="name5" data-validation="required" placeholder="Your name" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item phone"> <input type="text" name="phone" id="phone5" data-validation="required" placeholder="Phone" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item email"> <input type="text" name="email" id="email5" placeholder="E-mail" /> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item date"> <input type="text" class="datepicker-f" id="datepicker5" name="date" data-validation="required" placeholder="Date" /> <div class="help help-sm help-red">!</div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item time-f"> <input type="text" class="timepicker-f" id="timepicker5" name="time" data-validation="required" placeholder="Time" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <textarea name="message" id="message5" placeholder="Your message.."></textarea> </div> </div> <div class="row" style="display:none;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item honeypot"> <label class="fl_label" for="last">Honeypot:</label> <input type="text" name="last" value="" id="last" class="form-control fl_input"> </div> </div> <div class="row latest-row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <button class="btn btn-primary">SUBMIT</button> <a class="fb-close" id="fb-close5" href="javascript:jQuery.fancybox.close();">Cancel</a> </div> </div> <div class="form-messages form-messages-modal"></div> </form> </div> <div class="bookform-right"> <div class="doctor-info"> <div class="doctor-info-image"> <img src="images/doctor4.jpg" alt="" /> </div> <div class="doctor-info-name"> Kristin Weaver </div> <div class="doctor-info-position"> Hygienist </div> <div class="doctor-info-hours-title"> OPENING HOURS </div> <div class="doctor-info-hours"> <div class="doctor-info-hours-clock"> <img src="images/clock.png" alt="" /> </div> <div class="doctor-info-hours-left"> Monday<br> Tuesday<br> Wednesday<br> Thursday<br> Friday<br> Saturday<br> Sunday </div> <div class="doctor-info-hours-right"> Closed<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> Closed </div> </div> <div class="doctor-info-desc"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> </div> </div> <div class="bookform" id="bookform6"> <div class="bookform-left"> <h2 class="section-title"> <span class="bold700">BOOK APPOINTMENT</span> </h2> <form class="bookform-form" action="js/sendmail-book.php" role="form" method="post"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item name"> <input type="text" name="name" id="name6" data-validation="required" placeholder="Your name" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item phone"> <input type="text" name="phone" id="phone6" data-validation="required" placeholder="Phone" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item email"> <input type="text" name="email" id="email6" placeholder="E-mail" /> </div> </div> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item date"> <input type="text" class="datepicker-f" id="datepicker6" name="date" data-validation="required" placeholder="Date" /> <div class="help help-sm help-red">!</div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 booking-form-item time-f"> <input type="text" class="timepicker-f" id="timepicker6" name="time" data-validation="required" placeholder="Time" /> <div class="help help-sm help-red">!</div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <textarea name="message" id="message6" placeholder="Your message.."></textarea> </div> </div> <div class="row" style="display:none;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item honeypot"> <label class="fl_label" for="last">Honeypot:</label> <input type="text" name="last" value="" id="last" class="form-control fl_input"> </div> </div> <div class="row latest-row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 booking-form-item"> <button class="btn btn-primary">SUBMIT</button> <a class="fb-close" id="fb-close6" href="javascript:jQuery.fancybox.close();">Cancel</a> </div> </div> <div class="form-messages form-messages-modal"></div> </form> </div> <div class="bookform-right"> <div class="doctor-info"> <div class="doctor-info-image"> <img src="images/doctor5.jpg" alt="" /> </div> <div class="doctor-info-name"> Leslie Adams </div> <div class="doctor-info-position"> Prosthodontics </div> <div class="doctor-info-hours-title"> OPENING HOURS </div> <div class="doctor-info-hours"> <div class="doctor-info-hours-clock"> <img src="images/clock.png" alt="" /> </div> <div class="doctor-info-hours-left"> Monday<br> Tuesday<br> Wednesday<br> Thursday<br> Friday<br> Saturday<br> Sunday </div> <div class="doctor-info-hours-right"> Closed<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> 9:00 am - 7:15 pm<br> Closed </div> </div> <div class="doctor-info-desc"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> </div> </div> <!-- ========================= END POPUP FORMS ============================== --> <!-- ========================= COLOR SWITHER ============================== --> <div class="color-sw" id="color-sw"> <div class="color-sw-header"> Style switcher <span class="color-sw-close" id="color-sw-close"><i class="fa fa-close"></i></span> </div> <div class="color-sw-body"> <p>Choose color style</p> <div class="color-sw-item active" id="blue"> <div></div> </div> <div class="color-sw-item" id="violet"> <div></div> </div> <div class="color-sw-item" id="red"> <div></div> </div> <div class="color-sw-item" id="green"> <div></div> </div> </div> </div> <!-- ========================= END COLOR SWITHER ============================== --> <div class="totop" id="totop"> <i class="fa fa-angle-up"></i> </div> <link rel="stylesheet" type="text/css" href="css/responsive.css" /> <!-- ========================= SCRIPTS ============================== --> <!-- JQUERY --> <script src="js/jquery-2.2.0.min.js"></script> <!-- BOOTSTRAP --> <script src="js/bootstrap.min.js"></script> <!-- SLIDER PRO --> <script src="js/jquery.sliderPro.min.js"></script> <!-- LIGHTBOX --> <script src="js/jquery.fancybox.pack.js"></script> <!-- CAROUSEL --> <script src="js/owl.carousel.js"></script> <!-- STAR RATING --> <script src="js/jquery.barrating.min.js"></script> <!-- ISOTOPE FILTER --> <script src="js/isotope.pkgd.min.js"></script> <!-- SCROLLSPY --> <script src="js/scrollspy.js"></script> <!-- DATEPICKER --> <script src="js/moment.js"></script> <script src="js/bootstrap-datetimepicker.min.js"></script> <!-- JQUERY FORM --> <script src='js/jquery.form.js'></script> <!-- FORM VALIDATOR --> <script src='js/jquery.form-validator.js'></script> <!-- SELECT STYLING --> <script src='js/jquery.selectBox.js'></script> <!-- MATCHHEIGHT --> <script src='js/jquery.matchHeight.js'></script> <!-- IMAGES LOADED --> <script src='js/imagesloaded.pkgd.min.js'></script> <!-- CUSTOM SCRIPT --> <script src="js/theme.js"></script> <!-- GOOGLE MAPS --> <script type="text/javascript" src="http://ditu.google.cn/maps/api/js?key=AIzaSyC1N87a_NHjocaepKKcovPAYTMUkJBr9pQ&language=en&sensor=true"></script> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </div> </body> <script> var dd=document.querySelector('#dd') function goTo(){ dd.scrollIntoView() } </script> <script type="text/javascript"> // index：索引， len：长度 var index = 0, len; // 类似获取一个元素数组 var imgBox = document.getElementsByClassName("img-slide"); len = imgBox.length; imgBox[index].style.display = 'block'; // 逻辑控制函数 function slideShow() { index ++; // 防止数组溢出 if(index >= len) index = 0; // 遍历每一个元素 for(var i=0; i<len; i++) { imgBox[i].style.display = 'none'; } // 每次只有一张图片显示 imgBox[index].style.display = 'block'; } // 定时器，间隔3s切换图片 setInterval(slideShow, 2700); </script> <!--首页导航条下面的图片轮播() <script> window.onload=function(){ var container=document.getElementById('container'); var list=document.getElementById('list'); var buttons=document.getElementById('buttons').getElementsByTagName('span'); var pre=document.getElementById('prev'); var next=document.getElementById('next'); var index=1; var animated=false; var timer; function showButton(){ for(var i=0;i<buttons.length;i++){ if(buttons[i].className=='on'){ buttons[i].className=''; break; } } buttons[index-1].className="on"; } function animate(offset){ animated=true; var newright=parseInt(list.style.right)+offset; var time=200;//位移总时间 var interval=5;//位移间隔时间 var speed=offset/(time/interval);//每一次的位移量 function go(){ if((speed<0&&parseInt(list.style.right)>newright)||(speed>0&&parseInt(list.style.right)<newright)){ list.style.right=parseInt(list.style.right)+speed+'px'; setTimeout(go,interval); } else{ animated=false; list.style.right=newright+'px'; if(newright>0){ list.style.right=-2200+'px'; } if(newright<-2200){ list.style.right=0+'px'; } } } go(); } function play(){ timer=setInterval(function(){ next.onclick(); },3000); } function stop(){ clearInterval(timer); } next.onclick=function(){ if(index==4){ index=1; } else{ index+=1; } showButton(); if(animated==false){ animate(-622); } } pre.onclick=function(){ if(index==1){ index=4; } else{ index-=1; } showButton(); if(animated==false){ animate(622); } } for(var i=0;i<buttons.length;i++){ buttons[i].onclick=function(){ if(this.className=='on'){ return; } var myIndex=parseInt(this.getAttribute('index')); var offset=-622*(myIndex-index); index=myIndex; showButton(); if(animated==false){ animate(offset); } } } container.onmouseover=stop; container.onmouseout=play; play(); } </script> --> </html>