HTML网站源码-蓝色医疗健康门诊网页模板-响应式源码.zip资源-CSDN文库

共50个文件

js：11个

css：9个

jpg：8个

版权申诉

HTML源码

JavaScript

源码

196 浏览量 2024-03-26 09:48:15 上传评论收藏 1.01MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-蓝色医疗健康门诊网页模板-响应式源码.zip （50个子文件）

HTML网站源码-蓝色医疗健康门诊网页模板-响应式源码

html

jquery.waypoints.min.js 9KB

bootstrap.min.js 50KB

jquery.animateNumber.min.js 1KB

google-map.js 3KB

main.js 3KB

popper.min.js 19KB

owl.carousel.min.js 42KB

jquery-3.2.1.min.js 85KB

jquery.easing.1.3.js 8KB

bootstrap-datepicker.js 46KB

jquery.min.js 262KB

css

style.css 25KB

bootstrap.min.css 122KB

icomoon.css 20KB

open-iconic-bootstrap.min.css 9KB

bootstrap-datepicker.css 18KB

ajax-loader.gif 3KB

animate.css 72KB

owl.theme.default.min.css 965B

owl.carousel.min.css 3KB

flaticon.css 1KB

scss

style.scss 17KB

index.html 21KB

contact.html 9KB

about.html 10KB

images

img_2.jpg 112KB

person_3.jpg 25KB

logo.png 5KB

person_4.jpg 18KB

bg_1.jpg 139KB

img_3.jpg 56KB

logo@2x.png 10KB

logo@3x.png 15KB

person_2.jpg 26KB

person_1.jpg 30KB

img_1.jpg 64KB

departments.html 12KB

fonts

icomoon

icomoon.woff 83KB

icomoon.svg 288KB

icomoon.eot 84KB

icomoon.ttf 83KB

open-iconic

open-iconic.woff 15KB

open-iconic.ttf 27KB

open-iconic.otf 21KB

open-iconic.svg 54KB

open-iconic.eot 28KB

flaticon

Flaticon.eot 4KB

Flaticon.woff 3KB

Flaticon.svg 19KB

Flaticon.ttf 4KB

<!DOCTYPE html> <html lang="en"> <head> <title>Health - Free HTML5 Bootstrap 4 Template</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Free HTML5 Website Template" /> <meta name="keywords" content="free bootstrap 4, free bootstrap 4 template, free website templates, free html5, free template, free website template, html5, css3, mobile first, responsive" /> <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/icomoon.css"> <link rel="stylesheet" href="css/flaticon.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/bootstrap-datepicker.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-dark probootstrap-navbar-dark"> <div class="container">  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#probootstrap-nav" aria-controls="probootstrap-nav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="probootstrap-nav"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"><a href="index.html" class="nav-link pl-0">Home</a></li> <li class="nav-item"><a href="departments.html" class="nav-link">Departments</a></li> <li class="nav-item"><a href="about.html" class="nav-link">About</a></li> <li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li> </ul> <div class="ml-auto"> <form action="#" method="get" class="probootstrap-search-form mb-sm-0 mb-3"> <div class="form-group"> <button class="icon submit"><span class="icon-magnifying-glass"></span></button> <input type="text" class="form-control" placeholder="Search"> </div> </form> </div> </div> </div> </nav>  <header role="banner" class="probootstrap-header py-5"> <div class="container"> <div class="row"> <div class="col-md-3 mb-4"> <a href="index.html" class="mr-auto"><img src="images/logo.png" width="212" height="48" class="hires" alt="Free Template by uiCookies"></a> </div> <div class="col-md-9"> <div class="float-md-right float-none"> <div class="probootstrap-contact-phone d-flex align-items-top mb-3 float-left"> <span class="icon mr-2"><i class="icon-phone"></i></span> <span class="probootstrap-text"> +900 123 456 7 <small class="d-block"><a href="#" class="arrow-link">Appointment <i class="icon-chevron-right"></i></a></small></span> </div> </div> </div> </div> </div> </header> <section class="mb-5"> <div class="container"> <div class="row"> <div class="col-md-6 mb-5"> <h1 class="display-4">The Future Of Medical Website</h1> <p class="lead text-secondary">A free bootstrap template by mobanwang.com</p> </div> </div> </div> </section> <section class="probootstrap-features-1"> <div class="container"> <div class="row"> <div class="col-md probootstrap-feature-item" style="background-image: url(images/img_1.jpg);"> <div class="probootstrap-feature-item-text"> <span class="icon"><i class="flaticon-first-aid-kit display-4"></i></span> <h2>Pediatric <span>Therapy</span></h2> </div> </div> <div class="col-md probootstrap-opening"> <h2 class="text-uppercase mb-3">Opening Hour <span>Medical Center</span></h2> <ul class="list-unstyled probootstrap-schedule"> <li>Mon-Fri <span>5:00-17:00</span></li> <li>Sat <span>6:30-17:00</span></li> <li>Sun <span>6:30-17:00</span></li> </ul> </div> <div class="col-md probootstrap-feature-item" style="background-image: url(images/img_2.jpg);"> <div class="probootstrap-feature-item-text"> <span class="icon"><i class="flaticon-gym-control-of-exercises-with-a-list-on-a-clipboard-and-heart-beats display-4"></i></span> <h2>Psychiatric <span>Therapy</span></h2> </div> </div> </div> </div> </section> <section class="probootstrap-services"> <div class="container"> <div class="row no-gutters"> <div class="col-md-3 probootstrap-aside-stretch-left"> <div class="mb-3"> <h2 class="h6">Departments</h2> <ul class="list-unstyled probootstrap-light mb-4"> <li><a href="#">Urology</a></li> <li><a href="#">Pediatrics</a></li> <li><a href="#">Psychiatrics</a></li> <li><a href="#">Plastic Surgery</a></li> <li><a href="#">Neurosurgery</a></li> </ul> <p><a href="#" class="arrow-link text-white">More departments <i class="icon-chevron-right"></i></a></p> </div> </div> <div class="col-md-9 pl-md-5 pl-0"> <div class="row mb-5"> <div class="col-lg-4 col-md-6"> <div class="media d-block mb-4 text-left probootstrap-media"> <div class="probootstrap-icon mb-3"><span class="flaticon-price-tag display-4"></span></div> <div class="media-body"> <h3 class="h5 mt-0 text-secondary">Medical Pricing</h3> <p>Far far away, behind the word mountains, far from the countries Vokalia.</p> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="media d-block mb-4 text-left probootstrap-media"> <div class="probootstrap-icon mb-3"><span class="flaticon-shield-with-cross display-4"></span></div> <div class="media-body"> <h3 class="h5 mt-0 text-secondary">Quality & Safety</h3> <p>Far far away, behind the word mountains, far from the countries Vokalia.</p> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="media d-block mb-4 text-left probootstrap-media"> <div class="probootstrap-icon mb-3"><span class="flaticon-first-aid-kit display-4"></span></div> <div class="media-body"> <h3 class="h5 mt-0 text-secondary">Immidiate Service</h3> <p>Far far away, behind the word mountains, far from the countries Vokalia.</p> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="media d-block mb-4 text-left probootstrap-media"> <div class="probootstrap-icon mb-3"><span class="flaticon-microscope display-4"></span></div> <div class="media-body"> <h3 class="h5 mt-0 text-secondary">Cutting-Edge Equipment</h3> <p>Far far away, behind the word mountains, far from the countries Vokalia.</p> </div> </div> </div> <div class="col-lg-4 col-md-6"> <div class="media d-block mb-4 text-left probootstrap-media"> <div class="probootstrap-icon mb-3"><span class="flaticon-gym-control-of-exercises-with-a-lis

评论收藏

内容反馈

版权申诉