<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
<link rel="icon" href="images/favicon.png" type="image/png" />
<link rel="shortcut icon" href="images/favicon.png" type="image/png" />
<title>Home Page</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
<link href="css/prettyPhoto.css" type="text/css" rel="stylesheet" />
<!--[if lt IE 9]>
<script type="text/javascript" src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link href="css/ie.css" type="text/css" rel="stylesheet"/>
<![endif]-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/jquery.hoverdir.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/jflickrfeed.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.elastislide.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/smoothscroll.js"></script>
<script type="text/javascript" src="js/jquery.ui.totop.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/ajax-mail.js"></script>
<script type="text/javascript" src="js/accordion.settings.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<section id="top-menu">
<div class="container">
<div class="row">
<div class="span6 hidden-phone">
<ul class="top-menu">
<li><a href="./index.html">Home</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Shorcodes</a></li>
<li><a href="#" class="last">Contact</a></li>
</ul>
</div>
<div class="span6">
<ul class="top-social">
<li><a href="#" class="twitter2"></a></li>
<li><a href="#" class="gplus"></a></li>
<li><a href="#" class="dribbble"></a></li>
<li><a href="#" class="vimeo"></a></li>
<li><a href="#" class="delicious last"></a></li>
</ul>
</div>
</div>
</div>
</section>
<header id="header">
<div class="container">
<div class="row-fluid">
<div class="logo">
<a href="./index.html"><img src="images/logo.png" alt="logo" /></a>
</div>
</div>
<nav id="menu">
<ul>
<li><a href="./index.html" class="current">Home</a></li>
<li><a href="./about.html">About Us</a></li>
<li class="last"><a href="./services.html">Our Services</a></li>
<li><a href="./portfolio2.html">Portfolio</a>
<ul>
<li><a href="./portfolio2.html">Portfolio 2 col</a>
<ul>
<li><a href="./portfolio2.html">Portfolio 2 Columns</a></li>
<li class="last"><a href="./portfolio2ex.html">Portfolio 2 Columns Extended</a></li>
</ul>
</li>
<li><a href="./portfolio3.html">Portfolio 3 col</a>
<ul>
<li><a href="./portfolio3.html">Portfolio 3 Columns</a></li>
<li class="last"><a href="./portfolio3ex.html">Portfolio 3 Columns Extended</a></li>
</ul>
</li>
<li class="last"><a href="./portfolio4.html">Portfolio 4 col</a>
<ul>
<li><a href="./portfolio4.html">Portfolio 4 Columns</a></li>
<li class="last"><a href="./portfolio4ex.html">Portfolio 4 Columns Extended</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="./blog.html">Blog</a>
<ul>
<li><a href="./blog.html">Blog</a></li>
<li class="last"><a href="./blog-single.html">Blog Single</a></li>
</ul>
</li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</nav> </div>
</header>
<section>
<div id="mainslider" class="flexslider">
<ul class="slides">
<li>
<img src="example/slider1.jpg" alt="photo" />
<h3><span>neque a mauris</span><a href="#">Great design and the best ideas. Dolor sit amet, consectetur adipiscing elit.Aliquam varius sapien porttitor</a></h3>
</li>
<li>
<img src="example/slider2.jpg" alt="photo" />
<h3><span>neque a mauris</span><a href="#">Great design and the best ideas Dolor sit amet, consectetur adipiscing elit. Aliquam varius sapien porttitor dui lobortis</a></h3>
</li>
<li>
<img src="example/slider3.jpg" alt="photo" />
<h3><span>neque a mauris</span><a href="#">Great design and the best ideas. Dolor sit amet, consectetur adipiscing elit</a></h3>
</li>
</ul>
</div>
</section>
<section id="container">
<div class="container">
<section id="welcome">
<h1>Officially happy Dog!</h1>
<p>Sed at viverra nulla. Fusce vel adipiscing odio. <span class="color2">Phasellus commodo</span>, mauris eget pharetra scelerisque, est justo lacinia tortor, non molestie quam elit in metus. Nunc malesuada, massa in volutpat bibendum, sem dolor ornare lacus, id sagittis erat magna <span class="color2">in purus</span>.</p>
</section>
<div class="block-divider">
</div>
<div class="row">
<div class="span3">
<h3 class="slider-recents">From The Blog</h3>
<p class="hidden-phone">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut in lacus rhoncus elit egestas luctus. Nullam at lectus augue.
Ut tristique consectetur elit, sed tincidunt elit iaculis in.
</p>
<a href="#" class="read-more hidden-phone">Read More...</a>
</div>
<div class="span9">
<div id="our-projects" class="carousel btleft">
<div class="carousel-wrapper">
<ul class="da-thumbs">
<li>
<img src="example/latest1.jpg" />
<div>
<a href="example/view.jpg" class="p-view" data-rel="prettyPhoto"></a>
<a href="blog-single.html" class="p-link"></a>
</div>
</li>
<li>
<img src="example/latest2.jpg" />
<div>