<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Magazine, free css template, free website layout</title>
<meta name="keywords" content="Magazine, free css template, website layout" />
<meta name="description" content="Magazine Layout is a free CSS template provided from moobnn.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" media="screen,projection" />
<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="js/jquery.min.1.3.2.js"></script>
<script type="text/javascript" src="js/tabcontent.js">
/***********************************************
* Tab Content script v2.2- © 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 language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_site_title_bar_wrapper">
<div id="templatemo_site_title_bar">
<div id="site_title">
<h1><a href="#">
Magazine<span>free css template</span>
<!--<img src="images/templatemo_logo.png" alt="logo" /><span>your tagline goes here</span> -->
</a></h1>
</div>
<div id="search_box">
<form action="#" method="get">
<input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" />
</form>
</div>
</div> <!-- end of templatemo_site_title_bar -->
</div> <!-- end of templatemo_site_title_bar_wrapper -->
<div id="templatemo_content_wrapper_outter">
<div id="templatemo_content_wrapper_inner">
<div id="templatemo_content_top"></div>
<div id="templatemo_content">
<div id="templatemo_menu">
<div id="pettabs" class="indentmenu">
<ul>
<li><a href="index.html" rel="tab1" class="selected">Home</a></li>
<li><a href="#" rel="tab2">Services</a></li>
<li><a href="#" rel="tab3">Gallery</a></li>
<li><a href="#" rel="tab4">Portfolio</a></li>
<li><a href="#" rel="tab5">About Us</a></li>
<li><a href="#" rel="tab6" style="border-right: none;">Contact Us</a></li>
</ul>
</div>
<div class="tabcontentstyle">
<div id="tab1" class="tabcontent">
Welcome to our Website. This main menu comes with <strong>tabs or submenus</strong>.
</div>
<div id="tab2" class="tabcontent">
<ul>
<li><a href="#">Service 1</a></li>
<li><a href="#">Service 2</a></li>
<li><a href="#">Service 3</a></li>
<li><a href="#">Service 4</a></li>
<li><a href="#">Service 5</a></li>
</ul>
</div>
<div id="tab3" class="tabcontent">
<ul>
<li><a href="#">Product 1</a></li>
<li><a href="#">Product 2</a></li>
<li><a href="#">Product 3</a></li>
<li><a href="#">Product 4</a></li>
</ul>
</div>
<div id="tab4" class="tabcontent">
Check out what we have done! :)
</div>
<div id="tab5" class="tabcontent">
Something you might want to know about us.
</div>
<div id="tab6" class="tabcontent">
Don't be hesitated to contact us if you have something to say.
</div>
</div>
<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(false)
</script>
</div> <!-- end of mneu -->
<div id="main_content">
<div id="main_column">
<div id="slide_section">
<div id="one" class="contentslider">
<div class="cs_wrapper">
<div class="cs_slider">
<div class="cs_article">
<div class="article_image_wrapper">
<a href="#">
<img src="images/templatemo_image_02.jpg" alt="Title" />
</a>
</div>
<div class="text">
<h2> <a href="#">Project One</a> </h2>
<p>
Hendrerit tincidunt vero vel eorum claritatem. Soluta legunt quod qui dolore typi. Vel dolore soluta qui odio non. Sollemnes minim eorum feugiat nihil nobis. Gothica dolor in legentis nihil quinta.
</p>
<a href="#">Read More</a>
</div>
</div><!-- End cs_article -->
<div class="cs_article">
<div class="article_image_wrapper">
<a href="#">
<img src="images/templatemo_image_01.jpg" alt="Title" />
</a>
</div>
<div class="text">
<h2> <a href="#">Project Two</a> </h2>
<p>
Lorem ipsum dolor sit ame, consectetur adipiscing elit. In tincidunt, nulla id accumsan ultrices, justo turpis adipiscing nunc, ac pellentesque ipsum massa id dui. Vivamus ut dui ut mi lobortis sodales. Nullam sollicitudin justo ut lorem.
</p>
<a href="#">Read More</a>
</div>