<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Stable Business - Free CSS Template</title>
<meta name="keywords" content="stable business, web design, free templates, website templates, CSS, HTML" />
<meta name="description" content="Stable Business is a free website template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link href="content_slider_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.1.3.2.min.js" ></script>
<script type="text/javascript" src="js/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000, true);
});
</script>
</head>
<body>
<div id="templatemo_header">
<div id="header_left">
<div id="site_title">
<a href="#"><img src="images/templatemo_logo.png" alt="logo" /><span>Free CSS Template for everyone</span></a>
</div> <!-- end of site_title -->
</div>
<div id="header_right">
<div id="templatemo_menu">
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="last"><a href="contact.html">Contact</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_featured_content_wrapper">
<div id="templatemo_featured_content">
<div id="featured">
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/content_slider/image1-small.jpg" alt="Image 1" /><span>Lorem ipsum dolor sit amet, consectetur adipiscing</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/content_slider/image2-small.jpg" alt="Image 2" /><span> Vestibulum ante ipsum primis in faucibus orci luctus et</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/content_slider/image3-small.jpg" alt="Image 3" /><span>Nullam commodo, lorem id varius hendrerit</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/content_slider/image4-small.jpg" alt="Image 4" /><span>Etiam congue, leo sit amet iaculis interdum</span></a></li>
</ul>
<!-- First Content -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="images/content_slider/image1.jpg" alt="Image 1" />
<div class="info">
<h2><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></h2>
<p>Praesent non nulla diam, a rutrum nisl. Quisque vehicula, lorem in ultrices porta, turpis diam ornare justo, in porttitor magna sem non eros....<a href="#" >read more</a></p>
</div>
</div>
<!-- Second Content -->
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/content_slider/image2.jpg" alt="Image 2" />
<div class="info">
<h2><a href="#">Vestibulum ante ipsum primis in faucibus orci luctus et</a></h2>
<p>Proin congue metus eu sapien cursus quis fringilla tortor elementum. Sed dui enim, scelerisque quis pellentesque imperdiet, lacinia nec....<a href="#" >read more</a></p>
</div>
</div>
<!-- Third Content -->
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/content_slider/image3.jpg" alt="Image 3" />
<div class="info">
<h2><a href="#">Nullam commodo, lorem id varius hendrerit</a></h2>
<p>Nulla arcu turpis, ultricies a tempor at, vehicula consequat mi. Vivamus venenatis dui eget lacus adipiscing ornare. Praesent ultrices molestie nulla....<a href="#" >read more</a></p>
</div>
</div>
<!-- Fourth Content -->
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/content_slider/image4.jpg" alt="Image 4" />
<div class="info">
<h2><a href="#">Etiam congue, leo sit amet iaculis interdum</a></h2>
<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales. Maecenas non orci leo....<a href="#" >read more</a></p>
</div>
</div>
</div>
</div>
</div>
<div id="templatemo_content_wrapper">
<div id="content_wo_sb">
<div class="col_w270">
<h2>Business <span>Ideas</span></h2>
<p><em>Morbi sed nulla ac est cursus suscipit eu ac lectus. Curabitur ullamcorper nibh nisi, sed eleifend dolor.</em></p>
<p>Credit goes to <a href="http://www.icojoy.com/articles/46/" target="_blank">icojoy.com</a> for icons. Morbi sed nulla ac est cursus suscipit eu ac lectus. Donec dignissim lorem ac est dictum vitae mattis. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p>
<ul class="templatemo_list">
<li>Cras rutrum ullamcorper </li>
<li>Sed nec eros egestas nisl </li>
<li>Morbi sed nulla ac est cursus </li>
<li>Curabitur ullamcorper nibh </li>
<li>Pellentesque adipiscing </li>
</ul>
<div class="cleaner"></div>
<div class="button"><a href="services.html">Read more</a></div>
</div>
<div class="col_w270">
<h2>Online Marketing</h2>
<div class="image_wrapper"><img width="240" height="110" src="images/templatemo_image_01.jpg" alt="Image 01" /></div>
<p><em>Proin imperdiet vehicula consequat. Mauris dignissim dignissim elit, vel condimentum ipsum pulvinar.</em></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dolor justo, congue quis tempor sit amet, fermentum nec nulla. Phasellus nulla urna, faucibus vel sagittis interdum Donec dignissim lorem ac est dictum vitae mattis purus imperdiet. </p>
<div class="button"><a href="about.html">Read more</a></div>
</div>
<div class="col_w270 col_w270_last">
<h2>Latest Updates</h2>
<div class="sb_news_box">
<h6><a href="#">In hac habitasse platea dictumst</a></h6>
Fusce nec dui sed tellus congue rutrum et vel eros. In hac habitasse platea.
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<h6><a href="#">Etiam laoreet ante quis ante</a></h6>
Etiam laoreet ante quis ante lacinia eleifend est eros sed, porttitor at tellus.
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<h6><a href="#">Aenean at eros ac libero commodo</a></h6>
Aenean at eros ac libero commodo dapibus eget eget sem.
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<h6><a href="#">Proin pharetra dignissim lorem sed</a></h6>
Etiam congue, leo sit amet iaculis interdum, ante est suscipit eros.
<div class="cleaner"></div>
</div>
<div class="button"><a href="#">Read more</a></div>
</div>
<div class="cleaner"></div>
</div>
</div>
<di