<head>
<script type="text/javascript" src="http://dl.dropbox.com/u/82955745/Accordion/jquery.min.js"></script>
<script type="text/javascript" src="http://dl.dropbox.com/u/82955745/Accordion/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
<script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="http://dl.dropbox.com/u/82955745/Accordion/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://dl.dropbox.com/u/82955745/Accordion/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$('.slider').kwicks({
max : 740,
spacing : 1
});
});
</script>
</head>
<body>
<div id="templatemo_top_wrapper">
<div id="templatemo_top">
<div id="site_title"><h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1></div>
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="blog.html">Home</a></li>
<li><a href="about.html">About</a>
<ul>
<li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
<li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
<li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
<li><span class="bottom"></span></li>
</ul>
</li>
<li><a href="portfolio.html"><span></span>Portfolio</a>
<ul>
<li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
<li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
<li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
<li><a href="http://www.templatemo.com/page/4">Sub menu 4</a></li>
<li><a href="http://www.templatemo.com/page/5">Sub menu 5</a></li>
<li><span class="bottom"></span></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of menu -->
</div> <!-- end of top -->
</div> <!-- end of top wrapper -->
<div id="templatemo_main_top"></div>
<div id="templatemo_main_wrapper">
<div id="templatemo_slider_wrapper">
<ul class="slider horizontal" >
<li id="slide_1"><img src="http://img.webme.com/pic/h/hpbktemplateworld/accordion1.jpg" alt="Slider 01" /></li>
<li id="slide_2"><img src="http://img.webme.com/pic/h/hpbktemplateworld/accordion2.jpg" alt="Slider 02" /></li>
<li id="slide_3"><img src="http://img.webme.com/pic/h/hpbktemplateworld/accordion3.jpg" alt="Slider 03" /></li>
<li id="slide_4"><img src="http://img.webme.com/pic/h/hpbktemplateworld/accordion4.jpg" alt="Slider 04" /></li>
<li id="slide_5"><img src="http://img.webme.com/pic/h/hpbktemplateworld/accordion5.jpg" alt="Slider 05" /></li>
</ul>
</div>
<div id="templatemo_main">
<div class="col col_3 hp_post">
<h4>Web Design</h4>
<p>Vivamus dapibus quam nec ipsum suscipit pulvinar.</p>
<a href="#">Mehr</a>
</div>
<div class="col col_3 hp_post">
<h4>Web Hosting</h4>
<p>Mauris condimentum lacinia tellus, ac vestibulum at.</p>
<a href="#">Mehr</a>
</div>
<div class="col col_3 hp_post no_margin_righ">
<h4>Web Programming</h4>
<p>Sed a turpis sed quam elementum quis mauris.</p>
<a href="#">Mehr</a>
</div>
<div class="col col_32">
