<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!---- start-smoth-scrolling---->
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
</head>
<body>
<!----- start-header---->
<div id="home" class="header">
<div class="top-header">
<div class="container">
<div class="logo">
<a href="#"><img src="images/logo.png" title="doctor" /></a>
</div>
<!----start-top-nav---->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><a href="#home" class="scroll">Home </a></li>
<li><a href="#about" class="scroll">About us</a></li>
<li><a href="#services" class="scroll">our services</a></li>
<li><a href="#team" class="scroll">our team</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<a href="#" id="pull"><img src="images/menu-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!----- //End-header---->
<!----start-slider-script---->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img src="images/slide1.jpg" alt="">
<div class="caption">
<div class="slide-text-info">
<h1>providing</h1>
<label>highquality service for men & women</label>
<a class="slide-btn" href="#">learn more</a>
</div>
</div>
</li>
<li>
<img src="images/slide1.jpg" alt="">
<div class="caption">
<div class="slide-text-info">
<h1>providing</h1>
<label>highquality service for men & women</label>
<a class="slide-btn" href="#">learn more</a>
</div>
</div>
</li>
<li>
<img src="images/slide1.jpg" alt="">
<div class="caption">
<div class="slide-text-info">
<h1>providing</h1>
<label>highquality service for men & women</label>
<a class="slide-btn" href="#">learn more</a>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!----- //End-slider---->
<!---- about ---->
<div id="about" class="about">
<div class="container">
<div class="header about-header text-center">
<h2>about us</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled</p>
</div>
<!---- About-grids ---->
<div class="about-grids">
<div class="col-md-4">
<div class="about-grid">
<img src="images/img1.jpg" title="name" />
<span class="t-icon1"> </span>
<div class="about-grid-info text-center">
<h3><a href="#">Children's specialist</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="about-grid n-about-grid n-about-grid1">
<img src="images/img2.jpg" title="name" />
<span class="t-icon1"> </span>
<div class="about-grid-info text-center">
<h3><a href="#">Women's specialist</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="about-grid n-about-grid n-about-grid2">
<img src="images/img3.jpg" title="name" />
<span class="t-icon2"> </span>
<div class="about-grid-info text-center">
<h3><a href="#">men's specialist</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer.</p>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!---- About-grids ---->
</div>
</div>
<!---- about ---->
<!--- services --->
<div id="services" class="services">
<div class="container">
<div class="header services-header text-center">
<h2>our services</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
</div>
<!---- service-grids--->
<div class="service-grids">
<div class="col-md-3">
<div class="service-grid text-center">
<a href="#"><span class="s1-icon"> </span></a>
<h3><a href="#">Heart problem</a></h3>
</div>
</div>
<div class="col-md-3">
<div class="service-grid text-center">
<a href="#"><span class="s2-icon"> </span></a>
<h3><a href="#">brain problem</a></h3>
</div>
</div>
<div class="col-md-3">
<div class="service-grid text-center">
<a href="#"><span class="s3-icon"> </span></a>
<h3><a href="#">knee problem</a></h3>
</div>
</div>
<div class="col-md-3">
<div class="service-grid text-center">
<a href="#"><span class="s4-icon"> </span></a>
<h3><a href="#">human bones problem</a></h3>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!----//service-grids--->
</div>
</div>
<!--- services --->
<!--- team --->
<div id="team" class="team">
<div class="container
医疗行业HTML5网站模板是一款蓝色大气风格的医疗行业网站模板下载。_html网站模板_网页源码移动端前端_H5模板_.rar （31个子文件） 
医疗行业HTML5网站模板是一款蓝色大气风格的医疗行业网站模板下载。 chahua3420 js 
responsiveslides.min.js 3KB easing.js 5KB move-top.js 1KB jquery.min.js 94KB css style.css 22KB bootstrap.css 118KB
index.html 14KB images 
service-bg.png 12KB
t5.jpg 44KB top-grid-info-bg-b.png 6KB slider-arrows.png 1KB top-grid-icons1.png 7KB top-grid-info-bg-bl.png 4KB down-arrow.png 407B logo.png 7KB img2.jpg 80KB services-icons.png 48KB t3.jpg 58KB f-social-icons.png 2KB slide1.jpg 348KB t1.jpg 60KB down-arrowb.png 810B img1.jpg 85KB t4.jpg 56KB menu-icon.png 616B img3.jpg 62KB t2.jpg 56KB top-arrowb.png 354B top-arrow.png 770B to-top1.png 639B contact-icons.png 2KB资源评论
qw_6918966011
- 粉丝: 27
- 资源: 6165
最新资源
- 基于微信小程序的员工日志管理信息系统设计与实现.docx
- 基于微信小程序的校园心声墙小程序设计与实现.docx
- Visual Studio Code 的命令行界面 (CLI)详细介绍.pdf
- python-7.异常BMI输入-该胖胖，该瘦瘦.py
- 基于微信小程序的中医“知源”小程序设计与实现.docx
- python-8.字符串转换-你的类型.py
- 模式识别matlab源码
- python-9.urllib.request请求读取网页-我爬爬爬.py
- 金融贷款审批预测数据.zip
- 基于极限学习机(ELM)的数据回归预测 matlab代码
- 在现代计算机视觉和图像处理领域，图形用户界面（GUI）的应用越来越广泛 Python 的 Tkinter 库提供了一种简单而强大的方式来创建 GUI 应用程序 本课程设计的目标是通过 Tkinter
- 快手小程序模板企业官方专用小程序模板源代码
- 基于卷积-长短期记忆网络（CNN-LSTM）的数据分类预测 matlab代码，要求2019A及以上版本
- 基于门控循环单元网络（GRU）的时间序列预测 matlab代码，要求2019版本及以上
- IOI1998矩形周长加强版数据闲人勿下
- 易飞ERP 9.2 安装包 百度云盘 下载
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
