revolt-01
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Revolt 01</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type='text/css'>
/* ----------------------------------------------------------------------------------------------------------
This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates
---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */
body {background-color:#1f1f1f; color:#000;}
a {color:#1493EB;}
a:hover {color:#F80;}
/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */
#logo, #logo a {color:#FFF;}
#logo span {color:#F80;}
#slogan {color:#A0A0A0;}
#content {background:#FFF;}
#aside {color:#5F5F5F;}
#aside a {color:#FFF;}
#aside a:hover {color:#F80;}
#aside ul.ul-style01 li a, #aside ul.ul-rss li a {border-bottom:1px solid #1F1F1F;}
#aside ul.ul-style01 li#nav-active a {color:#2C9EED;}
#aside .title {color:#F80;}
#search-top, #search-bottom {background-color:#1F1F1F;}
#search {color:#909090;}
#footer {color:#5F5F5F;}
#footer a {color:#5F5F5F;}
#footer a:hover {color:#FFF;}
/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */
#topstory {background-color:#DFEFFB;}
#topstory #topstory-title {background-color:#1493EB;}
#topstory #topstory-title, #topstory #topstory-title a {color:#FFF;}
#topstory #topstory-title a:hover {color:#000;}
#topstory #topstory-title p.info, #topstory #topstory-title p.info a {color:#000;}
#topstory #topstory-title p.info a:hover {color:#FFF;}
/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */
.low, .low a {color:#7F7F7F;}
.low a:hover {color:#000;}
</style>
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/main-msie.css" /><![endif]-->
<link rel="stylesheet" media="screen,projection" type="text/css" href="css/scheme.css" />
<link rel="stylesheet" media="print" type="text/css" href="css/print.css" />
</head>
<body>
<div id="main">
<div id="header">
<h1 id="logo"><a href="http://www.free-css.com/">Your <span>website</span> name</a></h1>
<hr class="noscreen" />
<p id="slogan">Place for your great slogan</p>
<hr class="noscreen" />
<p class="noscreen noprint"><em>Quick links: <a href="#content">content</a>, <a href="#nav">navigation</a>, <a href="#search">search</a>.</em></p>
<hr class="noscreen" />
</div>
<div id="cols" class="box">
<div id="content">
<div id="topstory" class="box">
<div id="new"></div>
<div id="topstory-title">
<h2><a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a></h2>
<p class="info">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></p>
</div>
<div id="topstory-in">
<p><img src="tmp/image.gif" width="150" height="113" alt="" class="f-left" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In estem at pulvinar accumsan lacus. Ut vehicula, orci sed volutpat posuere, sapien tus bibendum pede, sed auctor magna nulla ac purus. Cras rutrum orci in neque. Aeneanile molestie. In hac habitasse platea dictumst. Maecenas velit risus, egestas ati rhoncus dictum, mattis vel, sapien. Donec ac lectus. Vivamus tincidunt mael ullamcorper massa. Nulla facilisi. Nam et purus.</p>
</div>
</div>
<div id="topstory-bottom"></div>
<hr class="noscreen" />
<div class="content-in box" id="cols50">
<div class="col50">
<ul class="ul-list">
<li> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></span> </li>
<li> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></span> </li>
<li> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></span> </li>
<li> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></span> </li>
<li> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></span> </li>
</ul>
</div>
<div class="col50 f-right">
<ul class="ul-list">
<li> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></span> </li>
<li> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></span> </li>
<li> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></span> </li>
<li> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></span> </li>
<li> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a><br />
Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
<span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="http://www.free-css.com/">15 comments</a></strong></span> </li>
</ul>
</div>
</div>
<hr class="noscreen" />
<h3 class="title">Photogallery</h3>
<div class="content-in">
<div class="box" id="photos"> <a href="http://www.free-css.com/"><img src="tmp/image-02.gif" width="114" height="86" alt="" /></a> <a href="http://www.free-css.com/"><img src="tmp/image-02.gif" width="114" height="86" alt="" /></a> <a href="http://www.free-css.com/"><img src="tmp/image-02.gif" width="114" height="86" alt="" /></a> <a href="http://www.free-css.com/"><img src="tmp/image-02.gif" width="114" height="86" alt="" /></a> <a href="http://www.free-css.com/"><img src="tmp/image-02.gif" width="114" height="86" alt="" class="nom" /></a> </div>
</div>
</div>
<hr class="noscreen" />
<div id="aside">
<div id="search">
<fieldset>
<form action="http://www.free-css.com/" method="get">
<p class="nom">Search:</p>
<div>
<div id="search-input">
<input type="text" size="30" name="" />
</div>
<input type="image" src="revolt-01-design/search-submit.gif" value="Search" name="" id="search-submit" />
</div>
</form>
</fieldset>
</div>
<ul class="ul-style01" id="nav">
<li id="nav-active"><a href="http://www.free-css.com/">Homepage</a></li>
<li><a href="http://www.free-css.com/">About me</a></li>
<li><a href="http://www.free-css.com/">Photos</a></li>
<li><a href="http://www.free-css.com/">Portfolio</a></li>
<li><a href="http://www.free-css.com/">Categories</a></li>
<li><a href="http://www.free-css.com/">Archive</a></li>
<li><a href="http://www.free-css.com/">Contact</a></li>
</ul>
<h4 class="title">Archive</h4>
<ul class="ul-style01">
<li><a href="http://www.free-css.com/">January 2008</a></li>
<li><a href="http://www.free-css.com/">February 2008</a></li>
<li><a href="http://www.free-css.com/">March 2008</a></li>
<li><a href="http://www.free-css.com/">April 2008</a></li>
<li><a href="http://www.free-css.com/">May 2008</a></li>
<li><a href="http://www.free-css.com/">June 2008</a></li>
<li><a href="http://www.free-css.com/">July 2008</a></li>
<li><a href="http://www.free-css.com/">August 2008</a></li>
<li><a href="http://www.free-css.com/">September 2008</a></li>
<li><a href="http://www.free-css.com/">October 2008</a></li>
<li><a href="http://www.free-css.com/">November 2008</a></li>
<li><a href="http://www.free-css.com/">December 2008</a></li>
</ul>
<h4 class="title">RSS feeds</h4>
<ul class="ul-rss">
<li><a href="http://www.free-css.com/">Articles</a></li>
<li><a href="http://www.free-css.com/">Photos</a></li>
<li><a href="http://www.free-css.com/">Comments</a></li>
</ul>
</div>
</div>
<div id="cols-bottom"></div>
<hr class="noscreen" />
<div id="footer">
<p class="f-right"><a href="http://www.nuviotemplates.com/">Free web templates by Nuvio</a>, tip: <a href="http://www.typoveprojekty.cz/">rodinn domy na kl</a></p>
<p>© 2008 <a href="http://www.free-css.com/">Your website name</a></p>
</div>
</div>
</body>
</html>
Related examples in the same category