myhedspacefree08
<!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>
<title>Myhedspace Free08</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
background-image:url(myhedspacefree08-images/bodybg.gif);
text-align:center;
font-size:11px;
font-family: "Trebuchet MS", sans-serif;
color:#333;
}
#header-{
width:650px;
margin:20px auto 0 auto;
padding:0;
color:#FFF;
font-family: "Trebuchet MS", sans-serif;
text-align:left;
}
#header-h1 {
margin:0;
padding:0;
font-size:30px;
}
#header-h1 a{
color:#fff;
text-decoration:none;
}
#wrap {
margin: -10px auto 0 auto;
padding:15px 0;
background-color:#FFF;
width:650px;
display:table;
text-align:left;
}
#header_img {
background-image:url(myhedspacefree08-images/header.jpg);
width:625px;
height:119px;
margin:0 auto;
}
#content {
width:625px;
margin:0 auto;
background-image:url(myhedspacefree08-images/content_bg.gif);
display:table;
padding: 10px 0 10px 0;
}
#content p {
text-align:justify;
}
div.hr {
height: 13px;
background: #fff url(myhedspacefree08-images/right_div.gif) no-repeat scroll center;
}
div.hr hr {
display: none;
}
#content .post_detail {
font-style:italic;
}
#content h2, #content h3, #content h2 a, #content h3, #content p a {
color:#8F212A;
text-decoration:none;
}
#content h2 {
font-size:16px;
margin:0;
}
#content h3 {
font-size:14px;
margin:0;
}
#left {
float:left;
width:400px;
}
#right {
float:right;
width:202px;
display:inline;
}
#right .sidebar {
width:180px;
margin: 10px 0 20px 15px;
}
.sidebar_div {
background-image:url(myhedspacefree08-images/right_div.gif);
background-repeat:no-repeat;
width:173px;
height:13px;
}
#right .sidebar ul {
padding: 0 0 0 20px;
margin:4px auto;
list-style-image:url(myhedspacefree08-images/bullet.gif);
}
#right .sidebar ul li a{
color:#333;
text-decoration:none;
}
#footer {
color:#fff;
font-size:12px;
font-weight:bolder;
font-family: "Trebuchet MS", sans-serif;
}
#footer a {
color:#fff;
text-decoration:none;
}
</style>
</head>
<body>
<div id="header">
<h1> <a href="http://www.free-css.com/">MYHEDSPACE FREE08</a></h1>
</div>
<div id="wrap">
<div id="header_img"> </div>
<div id="content">
<div id="left">
<h2> <a href="http://www.free-css.com/">Welcome to Myhedspace Free09</a></h2>
<div class="post_detail">Feb 18, 2007</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="hr">
<hr />
</div>
<h2>Lorem Ipsum</h2>
<div class="post_detail">Feb 18, 2007</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod <a href="http://www.free-css.com/">tempor</a> incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="hr">
<hr />
</div>
</div>
<div id="right">
<div class="sidebar">
<h3>Menu</h3>
<div class="sidebar_div"></div>
<ul>
<li><a href="http://www.free-css.com/" accesskey="H"><u>H</u>ome</a></li>
<li><a href="http://www.free-css.com/" accesskey="B"><u>B</u>log</a></li>
<li><a href="http://www.free-css.com/" accesskey="O">F<u>o</u>lio</a></li>
<li><a href="http://www.free-css.com/" accesskey="C"><u>C</u>ontact</a></li>
</ul>
<div class="sidebar_div"></div>
</div>
<div class="sidebar">
<h3>Links</h3>
<div class="sidebar_div"></div>
<ul>
<li><a href="http://www.free-css.com/">Myhedspace.com</a></li>
<li><a href="http://www.free-css.com/">The Open Design Community</a></li>
<li><a href="http://www.free-css.com/">Stock Exchange</a></li>
<li><a href="http://www.free-css.com/">The Life of a Young Mom</a></li>
</ul>
<div class="sidebar_div"></div>
</div>
<div class="sidebar">
<h3>Meta</h3>
<div class="sidebar_div"></div>
<ul>
<li><a href="http://validator.w3.org/check?uri=referer"> <abbr title="Extensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://jigsaw.w3.org/css-validator/check/referer"> <abbr title="Cascading Style Sheets">CSS</abbr></a></li>
</ul>
<div class="sidebar_div"></div>
</div>
</div>
</div>
</div>
<div id="footer">
<p><a href="http://creativecommons.org/licenses/by-nc-sa/2.5/">©©</a> <a href="http://www.myhedspace.com" title="myhedspace.com">open source web Design by myhedspace.com</a></p>
</div>
</body>
</html>
Related examples in the same category