SimpleMin : Simple « Templates « HTML / CSS






SimpleMin

  

<!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">
<head>
<title>Template6</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type='text/css'>
* {
    padding: 0;
    margin: 0;
} 

body {
background: #fff url(SimpleMin-images/header.gif) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;;
}

img { border: none; }
a { color: #6998F0; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
width: 700px;
margin: 0px auto;
}

#header {
height: 90px;
}

#header h1 {
padding: 20px 0 5px 10px;
font-size: 20px;
letter-spacing: -2px;
}
#header h1 a {
color: #000;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #666;
}
#header h2 {
padding-left: 11px;
font-size: 14px;
color: #666;
font-weight: 100;
}

.right {
float: right;
width: 480px;
text-align: justify;
padding: 10px 20px 10px 40px;
border-left: 1px solid #aaa;
}
.right h2 {
color: #B4241B;
font-size: 20px;
letter-spacing: -2px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.right h2 a {

}
.right h2 a:hover {

}
.left {
float: left;
width: 150px;
padding: 10px 0 10px 0px;
}
.left h2 {
font-size: 13px;
color: #333;
padding: 5px 0 2px 10px;
}
.left ul {
list-style-type: none;
padding: 5px 0 10px 5px;
}
.left ul li {
padding: 2px 20px;

}

.left ul li a {
display: block;
color: #6998F0;
}
.left ul li a:hover {
color: #ff0000;
}

.footer {
text-align: center;
color: #666;
font-size: 11px;
padding: 10px;
background: #f7f7f7;
border-top: 1px solid #aaa;
}
.footer  a { color: #666; }

</style>


<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss-articles/" />
</head>
<body>

<div id="wrap"> 

<div id="header">
<h1><a href="#">Website Title</a></h1>
<h2>Slogan of your website</h2>
</div> 

<div class="right">
<h2><a href="#">License</a></h2>
This is Simple and Minimalist, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com">Free CSS Templates.</a>
This free template is released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5 license</a>, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it

<br /><br />
<img src="pic111.gif" alt="Examp" style="border: 3px solid #bbb;" />
<br /><br />

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec porta. Sed porttitor, tellus vitae tincidunt 
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc. Mauris elit metus, varius sit amet, 
rhoncus id, malesuada eget, tortor. Donec porta. Sed porttitor, tellus vitae tincidunt 
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc.

<h2><a href="#">Apple Article ( H2 )</a></h2>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec porta. Sed porttitor, tellus vitae tincidunt 
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc. 
Mauris elit metus, varius sit amet, 
rhoncus id, malesuada eget, tortor. Donec porta. Sed porttitor, tellus vitae tincidunt 
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc.
</div>

<div class="left">
<h2>Navigation : </h2>
<ul>
<li><a href="#">Home</a></li> 
<li><a href="#">PowerBook</a></li> 
<li><a href="#">Mac Mini</a></li> 
<li><a href="#">Apple iMac</a></li> 
<li><a href="#">Mac Laptop</a></li>
<li><a href="#">Last Category</a></li>
</ul>

<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li> 
<li><a href="#">February 2007</a></li> 
<li><a href="#">March 2007</a></li> 
<li><a href="#">April 2007</a></li>
<li><a href="#">May 2007</a></li> 
<li><a href="#">June 2007</a></li> 
<li><a href="#">July 2007</a></li> 
<li><a href="#">August 2007</a></li> 
<li><a href="#">September 2007</a></li>
<li><a href="#">October 2007</a></li>
<li><a href="#">November 2007</a></li>
<li><a href="#">December 2007</a></li>
</ul>

</div>

<div style="clear: both;"> </div>

</div>


<div class="footer">
&copy; Copyright 2008 by <a href="#">Title or Url of your Website</a> | <a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a></div>



</body>
</html>

   
    
  








Related examples in the same category

1.simple-blue
2.simple-brown
3.simple-elegance
4.simple-jojo
5.simple-personal
6.simple-solution
7.simple-type
8.simple 1
9.simple3column
10.simpleandsleak
11.simpleblog1-0
12.simplecorp
13.simplecurve
14.simpleelegance03
15.simpleevent
16.simplepagedesign
17.simplepassage
18.simplepicture
19.simples
20.simplescheme-magazine
21.simpletex
22.simpleton
23.simpletwocolumn
24.simplex
25.simplified
26.simply_plain_v2