<!DOCTYPE html>
<html lang="en">
<head>
<title>Services</title>
<meta charset="utf-8">
<meta name="description" content="Your description">
<meta name="keywords" content="Your keywords">
<meta name="author" content="Your name">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/superfish.js"></script>
<script type="text/javascript">
$(function(){
function equalHeight(group) {
var tallest = 0;
group.each(function() {
var thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
equalHeight($(".box-1 .inner"));
})
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
</head>
<body>
<!-- Header -->
<header>
<div class="inner">
<h1 class="logo"><a href="home.html">Pet clinic</a></h1>
<div class="fright">
<div class="header-meta">
<form id="search-form" method="post">
<input type="text" onblur="if(this.value==''){this.value='search'}" onfocus="if(this.value=='search'){this.value=''}" value="search" name="search">
<a class="search-form-submit" onclick="document.getElementById('search-form').submit()"></a>
</form>
<div class="col-elem">
Have a problem with your pet?<br>
Call us now:
<span class="phone">
1-800-123-1234
</span>
</div>
</div>
<nav>
<ul class="sf-menu">
<li><a href="home.html">main</a></li>
<li><a href="about.html">about</a></li>
<li class="current">
<a href="services.html">services</a>
<ul>
<li><a href="#">Maecenas faucibus</a></li>
<li><a href="#">Fusce tincidunt</a></li>
<li>
<a href="#">tempor eros</a>
<ul>
<li><a href="#">ut viverra</a></li>
<li><a href="#">hendrerit mauris</a></li>
</ul>
</li>
<li><a href="#">mauris ut du</a></li>
</ul>
</li>
<li><a href="links.html">links</a></li>
<li><a href="contacts.html">contacts</a></li>
</ul>
</nav>
</div>
<div class="clear"></div>
</div>
</header>
<!-- Content -->
<section id="content"><div class="ic">More Website Templates @ TemplateMonster.com. July 23, 2012!</div>
<div class="container_24">
<div class="indent-bot-2 boxes-bg">
<article class="grid_6">
<div class="box-1">
<div class="inner">
<h3>Microchip implant</h3>
<p>
Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique.
</p>
<div class="btn-container">
<div class="button-box">
<a href="#" class="button">read more</a>
</div>
</div>
</div>
</div>
</article>
<article class="grid_6">
<div class="box-1">
<div class="inner">
<h3>Ultrasound</h3>
<p class="p0">
<strong class="str-1">
Vivamus hendrerit mauris ut dui gravida ut viverra
</strong>
</p>
<p>
Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis. cursus.
</p>
<div class="btn-container">
<div class="button-box">
<a href="#" class="button">read more</a>
</div>
</div>
</div>
</div>
</article>
<article class="grid_6">
<div class="box-1">
<div class="inner">
<h3>Transport service</h3>
<p>
Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique.
</p>
<div class="btn-container">
<div class="button-box">
<a href="#" class="button">read more</a>
</div>
</div>
</div>
</div>
</article>
<article class="grid_6">
<div class="box-1">
<div class="inner">
<h3>Vaccinations</h3>
<p class="p0">
<strong class="str-1">
Vivamus hendrerit mauris ut gravida ut viverra
</strong>
</p>
<p>
Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue.
</p>
<div class="btn-container">
<div class="button-box">
<a href="#" class="button">read more</a>
</div>
</div>
</div>
</div>
</article>
<div class="clear"></div>
</div>
<div class="a1">
<h2>Our services:</h2>
</div>
<div class="wrapper">
<div class="grid_8">
<div class="pad-right">
<div class="wrapper">
<img src="images/page3-img1.png" alt="" class="img-indent-1">
<div class="extra-wrap">
<p class="p2">
<strong class="str-1">
immunization & welness care
</strong>
</p>
<p class="p0">
<strong>
Vivamus hendrerit mauris ut dui gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec.
</strong>
</p>
</div>
</div>
<p class="p1">
Vivamus hendrerit mauris ut dui gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec ique. Sed sed felis arcu, vel vehicu
前端前端静态模板-宠物医院-学生作业毕设实训素材.zip
版权申诉
195 浏览量
2022-04-07
22:07:58
上传
评论
收藏 1.2MB ZIP 举报
前端前端静态模板-宠物医院-学生作业毕设实训素材.zip （53个子文件） 
宠物医院 
contacts.html 9KB css 
grid.css 5KB ie.css 295B forms.css 2KB reset.css 905B style.css 12KB services.html 15KB images 
social-link-4.jpg 550B
header-search.png 844B page3-img1.png 43KB slider-pagination.png 1KB slide-1.jpg 137KB page1-img1.png 30KB
body-bg.gif 3KB header-bg.png 169KB social-link-2.jpg 687B boxes-bg.png 30KB page2-img1.png 41KB list-1-border.gif 43B slide-3.jpg 166KB box-1-inner.gif 43B footer-logo.png 2KB social-link-3.jpg 720B page3-img2.png 43KB page3-img5.png 51KB page3-img4.png 52KB quote-1-marker.gif 322B quote-before.png 340B page2-img4.png 45KB page3-img6.png 36KB page3-img3.png 51KB social-list-bg.png 118B button-box-tail.gif 45B slide-2.jpg 138KB quote-after.png 345B logo.png 14KB list-1-marker.gif 48B page2-img3.png 45KB button-tail.gif 183B header-search-submit.gif 104B page2-img2.png 43KB social-link-1.jpg 755B box-1-bg.gif 3KB links.html 12KB index.html 15KB js tms-0.4.1.js 36KB html5.js 882B jquery-1.7.1.min.js 90KB PIE.htc 33KB slider.js 581B jquery.easing.1.3.js 3KB superfish.js 4KB about.html 13KB资源评论
