<!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
前端前端静态模板-非响应式亮紫色医疗中心-学生作业毕设实训素材.zip
版权申诉
27 浏览量
2022-04-07
22:08:28
上传
评论
收藏 1.19MB ZIP 举报
前端前端静态模板-非响应式亮紫色医疗中心-学生作业毕设实训素材.zip （63个子文件） 
非响应式亮紫色医疗中心 
contacts.html 6KB css 
grid.css 5KB ie.css 394B reset.css 918B style.css 10KB images 
page2-img5.jpg 5KB page4-img2.jpg 16KB page4-img1.jpg 15KB
slider-pagination.png 971B
marker-2.gif 55B row-bot-shadow.jpg 251KB page5-img1.jpg 21KB page3-img2.jpg 24KB page2-img2.jpg 5KB pic-2.gif 43B page5-img3.jpg 22KB search-input-tail.gif 46B page2-img1.jpg 6KB page5-img2.jpg 21KB page3-img1.jpg 14KB social-icon.png 10KB search-button-tail.gif 155B page4-img6.jpg 12KB menu-border-top.gif 67B slider-img2.jpg 130KB page1-img2.jpg 29KB marker-3.gif 139B slider-bg.jpg 14KB page4-img3.jpg 15KB page2-img7.jpg 19KB row-bot-bg.jpg 218KB page2-img3.jpg 5KB page2-img4.jpg 6KB logo.png 6KB marker.gif 52B search-marker.png 148B page1-img1.jpg 29KB button-tail.gif 269B button2-tail.gif 152B content-tail.gif 4KB page2-img6.jpg 6KB page4-img4.jpg 19KB slider-img3.jpg 101KB menu-li-bg.png 453B row-top.gif 181B slider-img1.jpg 101KB page4-img5.jpg 14KB advices.html 9KB index.html 9KB js jquery-1.6.2.min.js 89KB cufon-replace.js 617B tms_presets.js 19KB cufon-yui.js 18KB html5.js 1KB PIE.htc 33KB tms-0.3.js 12KB jquery.easing.1.3.js 8KB Open_Sans_400.font.js 17KB Open_Sans_italic_400.font.js 16KB FF-cash.js 386B health.html 9KB staff.html 8KB news.html 8KB资源评论
