<!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