课设&大作业&毕设-牙科诊所动态展示响应式网站模板-适配移动端-HTML源码.zip资源-CSDN文库

共70个文件

jpg：28个

png：9个

css：7个

版权申诉

响应式网站

HTML源码

适配移动端

JavaScript

5星 · 超过95%的资源 129 浏览量 2024-03-29 11:37:48 上传评论收藏 3.29MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

课设&大作业&毕设-牙科诊所动态展示响应式网站模板-适配移动端-HTML源码.zip （70个子文件）

课设&大作业&毕设-牙科诊所动态展示响应式网站模板-适配移动端-HTML源码

html

icon-fonts

Flaticon.eot 20KB

fontawesome-webfont.eot 162KB

Flaticon.woff 12KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

Flaticon.svg 117KB

fontawesome-webfont.svg 434KB

Flaticon.ttf 19KB

Source

flaticon.zip 81KB

jquery-circle-progress-1.2.2.tar.gz 23KB

font-awesome-4.7.0.zip 654KB

sass

style.scss 29KB

bootstrap-4.1.3-dist.zip 609KB

style.css 28KB

bootstrap.min.js 50KB

main.js 4KB

map.js 702B

circle-progress.min.js 4KB

owl.carousel.min.js 43KB

jquery-3.2.1.min.js 85KB

service.html 14KB

img

intro.jpg 48KB

doctors

2.jpg 16KB

1.jpg 48KB

5.jpg 11KB

3.jpg 16KB

4.jpg 15KB

review

2.jpg 14KB

1.jpg 11KB

3.jpg 12KB

pattren.png 1KB

about.jpg 57KB

logo-light.png 5KB

tab.jpg 24KB

faq.jpg 34KB

logo.png 5KB

page-info-bg

2.jpg 38KB

1.jpg 52KB

3.jpg 32KB

slide-1.jpg 237KB

footer-bg.jpg 26KB

awards.jpg 15KB

gallery

2.jpg 47KB

1.jpg 63KB

3.jpg 49KB

4.jpg 51KB

faq.png 220KB

blog

2.jpg 50KB

1.jpg 51KB

3.jpg 64KB

4.jpg 58KB

favicon.ico 17KB

icons

map-marker.png 2KB

phone.png 2KB

clock.png 2KB

calendar.png 2KB

rignt.png 1KB

featured-bg.jpg 83KB

facts-bg.jpg 23KB

css

style.css 29KB

bootstrap.min.css 138KB

owl.carousel.css 5KB

animate.css 73KB

font-awesome.min.css 30KB

flaticon.css 2KB

index.html 15KB

elements.html 15KB

contact.html 8KB

about.html 11KB

blog.html 11KB

<!DOCTYPE html> <html lang="zxx"> <head> <title>ProDent - Dentist Template</title> <meta charset="UTF-8"> <meta name="description" content="ProDent dentist template"> <meta name="keywords" content="prodent, dentist, creative, html"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link href="img/favicon.ico" rel="shortcut icon"/>  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">  <link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="css/font-awesome.min.css"/> <link rel="stylesheet" href="css/flaticon.css"/> <link rel="stylesheet" href="css/owl.carousel.css"/> <link rel="stylesheet" href="css/style.css"/> <link rel="stylesheet" href="css/animate.css"/>  </head> <body>  <div id="preloder"> <div class="loader"></div> </div>  <header class="header-section"> <div class="container">  <a href="index.html" class="site-logo"> <img src="img/logo.png" alt=""> </a>  <div class="nav-switch"> <i class="fa fa-bars"></i> </div>  <ul class="main-menu"> <li class="active"><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="service.html">Service</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="elements.html"><i class="flaticon-020-decay"></i></a></li> </ul> </div> <div class="header-info"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6 hi-item"> <div class="hs-icon"> <img src="img/icons/map-marker.png" alt=""> </div> <div class="hi-content"> <h6>Dental Street 20199</h6> <p>Denver, USA</p> </div> </div> <div class="col-lg-3 col-md-6 hi-item"> <div class="hs-icon"> <img src="img/icons/clock.png" alt=""> </div> <div class="hi-content"> <h6>Opening Hours</h6> <p>Mon - Sat: 8:00 - 19:00</p> </div> </div> <div class="col-lg-3 col-md-6 hi-item"> <div class="hs-icon"> <img src="img/icons/phone.png" alt=""> </div> <div class="hi-content"> <h6>+885 332 1568</h6> <p>Call us now!</p> </div> </div> <div class="col-lg-3 col-md-6 hi-item"> <div class="hs-icon"> <img src="img/icons/calendar.png" alt=""> </div> <div class="hi-content"> <h6>Dental Street 20199</h6> <p>Denver, USA</p> </div> </div> </div> </div> </div> </header>   <section class="hero-section"> <div class="hero-slider owl-carousel">  <div class="hs-item set-bg text-white" data-setbg="img/slide-1.jpg"> <div class="container"> <div class="row"> <div class="col-xl-7"> <h2>Love your smile</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris sceleri sque, at rutrum nulla dictum. Ut ac ligula sapien. Suspendisse cursus faucibus finibus.</p> <a href="#" class="site-btn">Read More</a> </div> </div> </div> </div>  <div class="hs-item set-bg text-white" data-setbg="img/slide-1.jpg"> <div class="container"> <div class="row"> <div class="col-xl-7"> <h2>Best Dentist.</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus mauris sceleri sque, at rutrum nulla dictum. Ut ac ligula sapien. Suspendisse cursus faucibus finibus.</p> <a href="#" class="site-btn">Read More</a> </div> </div> </div> </div> </div> </section>   <section class="banner-section"> <div class="container"> <div class="row"> <div class="col-lg-7 banner-text text-white"> <h4>Schedule your appointment for a free consultation.</h4> <p>*Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada lorem maximus.</p> </div> <div class="col-lg-5 text-lg-right"> <a href="#" class="site-btn sb-light">Read More</a> </div> </div> </div> </section>   <section class="about-section spad"> <div class="container"> <div class="row"> <div class="col-lg-5"> <img src="img/about.jpg" alt=""> </div> <div class="col-lg-7 about-text"> <h2>We Care About Your teeth</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis semper venenatis turpis eget suscipit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec eu nulla sollicitudin, vestibulum sapien nec, dictum dolor. Morbi non penatibus et magnis volutpat magna. </p> <img src="img/awards.jpg" alt=""> </div> </div> </div> </section>   <section class="facts-section set-bg" data-setbg="img/facts-bg.jpg"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 fact"> <i class="flaticon-003-tooth-3"></i> <h2>531</h2> <p>X-rays</p> </div> <div class="col-md-3 col-sm-6 fact"> <i class="flaticon-002-toothbrush-1"></i> <h2>14K</h2> <p>Tooth Brushes</p> </div> <div class="col-md-3 col-sm-6 fact"> <i class="flaticon-030-tooth"></i> <h2>678</h2> <p>Extractions</p> </div> <div class="col-md-3 col-sm-6 fact"> <i class="flaticon-023-tooth-1"></i> <h2>2134</h2> <p>Happy Pacients</p> </div> </div> </div> </section>   <section class="services-section spad"> <div class="container"> <div class="section-title text-center"> <h2>Our Services</h2> </div> <div class="row"> <div class="col-lg-4 col-md-6 service"> <div class="service-icon"> <i class="flaticon-020-decay"></i> </div> <div class="service-content"> <h4>Crowns Bridges</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sem per venenatis turpis.</p> </div> </div> <div class="col-lg-4 col-md-6 service"> <div class="service-icon"> <i class="flaticon-011-implants"></i> </div> <div class="service-content"> <h4>Implants</h4> <p>Phasellus vehicula tempus orci vel consequat. Nullam lorem sem, viverra a rutrum sed.</p> </div> </div> <div class="col-lg-4 col-md-6 service"> <div class="service-icon"> <i class="flaticon-024-toothbrush"></i> </div> <div class="service-content"> <h4>Teeth Whitening</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sem per venenatis turpis,</p> </div> </div> <div class="col-lg-4 col-md-6 service"> <div class="service-icon"> <i class="flaticon-019-dentist"></i> </div> <div class="service-content"> <h4>Root Canals</h4> <p>Phasellus vehicula tempus orci vel consequat. Nullam lorem sem, viverra a rutrum sed.</p> </div> </div> <div class="col-lg-4 col-md-6 service"> <div class="service-icon"> <i class="flaticon-001-tooth-4"></i> </div> <div class="service-content">

评论收藏

内容反馈

版权申诉