<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Sciencelab Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/modernizr.custom.97074.js"></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},1200);
});
});
</script>
<!---End-smoth-scrolling---->
<!--script-->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">
<!--light-box-files -->
<script type="text/javascript" charset="utf-8">
$(function() {
$('.gallery a').Chocolat();
});
</script>
<!--script-->
</head>
<body>
<div class="header" id="home">
<div class="header-top">
<div class="container">
<div class="logo">
<a href="index.html">science<span>lab</span></a>
</div>
<div class="top-menu">
<span class="menu"><img src="images/nav.png" alt=""/> </span>
<ul>
<li><a href="#home" class="active scroll">home</a></li>
<li><a href="#aboutus" class="scroll">about us</a></li>
<li><a href="#services" class="scroll">services</a></li>
<li><a href="#gallery" class="scroll">gallery</a></li>
<li><a href="#team" class="scroll">team</a></li>
<li><a href="#blog" class="scroll">blog</a></li>
<li><a href="#contact" class="scroll">contact</a></li>
</ul>
</div>
<!--script-nav-->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="content">
<div class="about-section" id="aboutus">
<div class="container">
<h3>welcome to the laboratory !</h3>
<div class="about-grids">
<div class="col-md-4 about-grid">
<img src="images/p1.jpg" class="img-responsive" alt="">
<h4>epsum factorial</h4>
<p>Epsum factorial nonp quid pro quo hic escorol. Olypian quarrels et gorcongolium onp quid sic ad nauseum. Souvlaki ignitus</p>
</div>
<div class="col-md-4 about-grid">
<img src="images/p2.jpg" class="img-responsive" alt="">
<h4>olypian quarrels</h4>
<p>Epsum factorial nonp quid pro quo hic escorol. Olypian quarrels et gorcongolium onp quid sic ad nauseum. Souvlaki ignitus.</p>
</div>
<div class="col-md-4 about-grid">
<img src="images/p3.jpg" class="img-responsive" alt="">
<h4>epsum factorial</h4>
<p>Epsum factorial nonp quid pro quo hic escorol. Olypian quarrels et gorcongolium onp quid sic ad nauseum. Souvlaki ignitus.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="services-section" id="services">
<div class="container">
<h3>LABORATORY SERVICES AND TESTS</h3>
<div class="services-grids">
<div class="col-md-6 service-leftgrid">
<div class="service1">
<div class="left-grid1">
<span class="glyphicon glyphicon-glass" aria-hidden="true"></span>
</div>
<div class="left-grid2">
<h4>Adipisci velit sed </h4>
<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="service2">
<div class="left-grid1">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
</div>
<div class="left-grid2">
<h4>Magnam aliqu</h4>
<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="service1">
<div class="left-grid1">
<span class="glyphicon glyphicon-check" aria-hidden="true"></span>
</div>
<div class="left-grid2">
<h4>Voluptas nulla </h4>
<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 service-rightgrid">
<div class="service1">
<div class="left-grid1">
<span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span>
</div>
<div class="left-grid2">
<h4>Error sit voluptatem </h4>
<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="service2">
<div class="left-grid1">
<span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
</div>
<div class="left-grid2">
<h4>PCum sociis natoque </h4>
<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="service1">
<div class="left-grid1">
<span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
</div>
<div class="left-grid2">
<h4>Phasellus porta </h4>
<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></div>
<!--gallery-->
<div class="gallery" id="gallery">
<div class="container">
<h3>gallery</h3>
<div class="gallery-grids">
<section>
<ul id="da-thumbs" class="da-thumbs">
<li>
<a href="images/g1.jpg" rel="title" class="b-link-stripe b-animate-go thickbox">
<img src="images/g1.jpg" alt="" />
<div>
<h5>project</h5>
<span>non suscipit leo fringilla non suscipit leo fringilla molestie</span>
</div>
</a>
</li>
<li>
<a href="images/g2.jpg" rel="title" class="b-link-stripe b-animate-go thickbox">
<img src="images/g2.jpg" alt="" />
<div>
<h5>project</h5>
<span>non suscipit leo fringilla non suscipit leo fringilla molestie</span>
</div>
</a>
</li>
<li>
<a href="images/g3.jpg" rel="title" class="b-link-stripe b-animate-go thickbox">
<img src="images/g3.jpg" alt="" />
<div>
<h5>project</h5>
<span>non suscipit leo fringilla non suscipit leo fringilla molestie</span>
</div>
</a>
淡黄色扁平化医疗科研企业官网模板_淡黄色 黄色 扁平化 医疗 科研 w3 响应式 手机 bootstrap light码.rar
200 浏览量
2023-08-05
15:26:04
上传
评论
收藏 1.35MB RAR 举报
淡黄色扁平化医疗科研企业官网模板_淡黄色 黄色 扁平化 医疗 科研 w3 响应式 手机 bootstrap light码.rar （47个子文件） 
淡黄色扁平化医疗科研企业官网模板_淡黄色 黄色 扁平化 医疗 科研 w3 响应式 手机 bootstrap lightbox 保健 药品 试验 单页 医院 ctps_371_qt js 
modernizr.custom.97074.js 8KB jquery-1.8.3.min.js 91KB jquery.chocolat.js 10KB jquery.hoverdir.js 5KB easing.js 5KB move-top.js 1KB css style.css 21KB bootstrap.css 124KB chocolat.css 2KB
index.html 16KB single.html 8KB images 
g3.jpg 24KB g2.jpg 22KB b1.jpg 115KB b2.jpg 23KB
arrow.png 300B g8.jpg 42KB to-top2.png 3KB t3.jpg 9KB b3.jpg 23KB o-FEMALE-SCIENTIST-facebook.jpg 261KB g7.jpg 34KB left.png 3KB g6.jpg 25KB t1.jpg 9KB nav.png 3KB t4.jpg 10KB banner1.jpg 237KB g5.jpg 27KB close.png 295B t2.jpg 10KB right.png 3KB p2.jpg 18KB g4.jpg 29KB p3.jpg 14KB g1.jpg 22KB single.jpg 45KB g9.jpg 28KB p1.jpg 13KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB Play-Bold.ttf 166KB glyphicons-halflings-regular.woff2 18KB Play-Regular.ttf 167KB OpenSans-Regular.ttf 212KB资源评论
