<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Open_Sans_400.font.js" type="text/javascript"></script>
<script src="js/Open_Sans_italic_400.font.js" type="text/javascript"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->
</head>
<body id="page2">
<!-- header -->
<header>
<div class="row-top">
<div class="main">
<div class="container_12">
<div class="wrapper">
<div class="grid_9">
<h1>
<a class="logo" href="index.html">family center</a>
</h1>
</div>
<div class="grid_3">
<form id="search-form" method="post" enctype="multipart/form-data">
<fieldset>
<div class="search-field">
<input name="search" type="text" value="Search" onFocus="if(this.value=='Search'){this.value=''}" onBlur="if(this.value==''){this.value='Search'}" />
</div>
<a class="search-button" href="#" onClick="document.getElementById('search-form').submit()"><span>search</span></a>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="row-bot">
<div class="row-bot-shadow">
<div class="main">
<div class="container_12">
<div class="grid_12">
<nav>
<ul class="menu">
<li><a href="index.html">Home Page</a><strong></strong></li>
<li class="active"><a href="health.html">Health Care</a><strong></strong></li>
<li><a href="advices.html">Advices</a><strong></strong></li>
<li><a href="staff.html">Our Staff</a><strong></strong></li>
<li><a href="news.html">News</a><strong></strong></li>
<li class="last"><a href="contacts.html">Contacts</a><strong></strong></li>
</ul>
</nav>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</header><div class="ic">More Website Templates @ TemplateMonster.com - August 15th 2011!</div>
<!-- content -->
<section id="content">
<div class="main">
<div class="container_12">
<div class="border-bot margin-bot">
<article class="grid_12">
<div class="aligncenter inner-top">
<strong class="title-1">"Bring harmony to your family!"</strong>
<strong class="title-2">You have to be persistent to establish and maintain healthy, two-way communication. We can help.</strong>
</div>
</article>
<div class="clear"></div>
</div>
<div class="wrapper margin-bot">
<article class="grid_12">
<h2 class="indent-bot">Recommended Doctors</h2>
<div class="wrapper img-indent-bot">
<article class="grid_4 alpha">
<div class="wrapper">
<figure class="img-indent"><img src="images/page2-img1.jpg" alt="" /></figure>
<div class="extra-wrap">
<h6 class="p1"><a class="link" href="#">Dr. Helen Thompson</a></h6>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor.
</div>
</div>
</article>
<article class="grid_4">
<div class="wrapper">
<figure class="img-indent"><img src="images/page2-img2.jpg" alt="" /></figure>
<div class="extra-wrap">
<h6 class="p1"><a class="link" href="#">Dr. Mark Johnsonn</a></h6>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor.
</div>
</div>
</article>
<article class="grid_4 omega">
<div class="wrapper">
<figure class="img-indent"><img src="images/page2-img3.jpg" alt="" /></figure>
<div class="extra-wrap">
<h6 class="p1"><a class="link" href="#">Dr. Bradley Grash</a></h6>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor.
</div>
</div>
</article>
</div>
<div class="wrapper border-bot">
<article class="grid_4 alpha">
<div class="wrapper">
<figure class="img-indent"><img src="images/page2-img4.jpg" alt="" /></figure>
<div class="extra-wrap">
<h6 class="p1"><a class="link" href="#">Dr. Sandra Stephenson</a></h6>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor.
</div>
</div>
</article>
<article class="grid_4">
<div class="wrapper">
<figure class="img-indent"><img src="images/page2-img5.jpg" alt="" /></figure>
<div class="extra-wrap">
<h6 class="p1"><a class="link" href="#">Dr. Partick Pool</a></h6>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor.
</div>
</div>
</article>
<article class="grid_4 omega">
<div class="wrapper">
<figure class="img-indent"><img src="images/page2-img6.jpg" alt="" /></figure>
<div class="extra-wrap">
<h6 class="p1"><a class="link" href="#">Dr. Kevin Krums</a></h6>
Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor.
</div>
</div>
</article>
</div>
</article>
</div>
<div class="wrapper">
<article class="grid_6 spacer-2">
<h2>Our Recommendations</h2>
<div class="indent-r">
<ul class="list-1">
<li>
<a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore</a>
<span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
</li>
<li>
<a href="#">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore nulla pariatur</a>
<span>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumed perspiciatis.</span>
</li>
<li class="last">
<a href="#">Unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam</a>
<span>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</span>
</li>
</ul>
</div>
</article>
<article class="grid_6">
<div class="indent">
<h2>Health Safety</h2>
<div class="wrapper prev-indent-bot">
<figure class="img-indent"><img src="images/page2-img7.jpg" alt="" /></figure>
<div class="extra-wrap">
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aufugit sed <a href="#">quia consequuntur magni dolores eos qui ratione</a> voluptatem quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.
</div>
</div>
<p class="p2">Labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut
H200国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
95 浏览量
2023-08-03
11:14:01
上传
评论
收藏 1.19MB ZIP 举报
H200国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （63个子文件） 
H200 
advices.html 9KB js 
PIE.htc 33KB Open_Sans_400.font.js 17KB FF-cash.js 386B html5.js 1KB cufon-yui.js 18KB tms_presets.js 19KB jquery-1.6.2.min.js 89KB tms-0.3.js 12KB jquery.easing.1.3.js 8KB Open_Sans_italic_400.font.js 16KB cufon-replace.js 617B health.html 9KB css style.css 10KB reset.css 918B grid.css 5KB ie.css 394B contacts.html 6KB index.html 9KB images 
page2-img4.jpg 6KB page3-img2.jpg 24KB row-bot-bg.jpg 218KB
social-icon.png 10KB page4-img1.jpg 15KB
pic-2.gif 43B row-top.gif 181B menu-li-bg.png 453B search-marker.png 148B slider-img3.jpg 101KB row-bot-shadow.jpg 251KB marker.gif 52B menu-border-top.gif 67B slider-img1.jpg 101KB page5-img2.jpg 21KB button-tail.gif 269B page2-img7.jpg 19KB page2-img3.jpg 5KB logo.png 6KB marker-3.gif 139B content-tail.gif 4KB slider-bg.jpg 14KB page4-img4.jpg 19KB page1-img1.jpg 29KB page5-img1.jpg 21KB page2-img5.jpg 5KB search-button-tail.gif 155B page4-img5.jpg 14KB page1-img2.jpg 29KB page5-img3.jpg 22KB button2-tail.gif 152B search-input-tail.gif 46B page2-img1.jpg 6KB page4-img3.jpg 15KB page4-img6.jpg 12KB slider-pagination.png 971B page2-img6.jpg 6KB page2-img2.jpg 5KB page4-img2.jpg 16KB marker-2.gif 55B slider-img2.jpg 130KB page3-img1.jpg 14KB news.html 8KB staff.html 8KB资源评论
