<!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" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<title>News Magazine</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="scripts/jquery.timers.1.2.js"></script>
<script type="text/javascript" src="scripts/jquery.galleryview.2.1.1.min.js"></script>
<script type="text/javascript" src="scripts/jquery.galleryview.setup.js"></script>
</head>
<body id="top">
<div class="wrapper col0">
<div id="topline">
<p>Tel: xxxxx xxxxxxxxxx | Mail:
info@domain.com</p>
<ul>
<li><a href="#">Libero</a></li>
<li><a href="#">Maecenas</a></li>
<li><a href="#">Mauris</a></li>
<li class="last"><a href="#">Suspendisse</a></li>
</ul>
<br class="clear" />
</div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper">
<div id="header">
<div class="fl_left">
<h1><a href="#"><strong>N</strong>ews <strong>M</strong>agazine</a></h1>
<p>Free CSS Website Template</p>
</div>
<div class="fl_right"><a href="#"><img src="images/demo/468x60.gif" alt="" /></a></div>
<br class="clear" />
</div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col2">
<div id="topbar">
<div id="topnav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="style-demo.html">Style Demo</a></li>
<li><a href="full-width.html">Full Width</a></li>
<li><a href="#">DropDown</a>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</li>
<li class="last"><a href="#">A Long Link Text</a></li>
</ul>
</div>
<div id="search">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…" onfocus="this.value=(this.value=='Search Our Website…')? '' : this.value ;" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper">
<div class="container">
<div class="content">
<div id="featured_slide">
<ul id="featurednews">
<li><img src="images/demo/1.gif" alt="" />
<div class="panel-overlay">
<h2>Nullamlacus dui ipsum</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/2.gif" alt="" />
<div class="panel-overlay">
<h2>Aliquatjusto quisque nam</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/3.gif" alt="" />
<div class="panel-overlay">
<h2>Dapiensociis temper donec</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/4.gif" alt="" />
<div class="panel-overlay">
<h2>Semvelit nonummy odio tempus</h2>
<p>Justolacus eger at pede felit in dictum sempus elit curabitur ipsum. Ametpellentum.<br />
<a href="#">Continue Reading »</a></p>
</div>
</li>
<li><img src="images/demo/5.gif" alt="" />
<div class="panel-overlay">
<h2>Pedefamet orci orci quisque</h2>
<p>Nonnam aenenasce morbi liberos malesuada risus id donec volutpat estibulum curabitae.<br />
<a href="#">Continue Reading »</a></p>
</div>