about_time
<!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>Site Name - Page Title</title>
<meta name="description" content="Place your description here!" />
<meta name="keywords" content="place,your,keywords,here" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="content-language" content="en" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="robots" content="index,follow" />
<meta name="rating" content="general" />
<meta name="author" content="contact@mywebresource.com" />
<meta name="copyright" content="Copyright 2005 | All Rights Reserved" />
<meta name="generator" content="MyWebResource" />
<style type='text/css'>
body {
margin: 0;
padding: 0;
color: #FFF;
background: #C2BBAF;
font: 12px Arial, Helvetica, sans-serif;
}
a {
color: #333;
text-decoration: none;
font-weight: bold;
background: #FFF;
}
a:hover {
color: #ffbd4d;
text-decoration: none;
font-weight: bold;
background: #FFF;
}
html>body ul {
list-style: none;
text-indent: -12px;
}
ul {
margin-top: 0;
margin-left: 0;
padding-left: 12px;
}
li {
margin: 7px 0 8px 10px;
}
ul.sublist {
margin-top: 0;
margin-left: 0;
padding-left: 5px;
}
li.sublist {
margin: 7px 0 8px 3px;
}
#mainbody {
width: 768px;
margin: 0;
padding: 0;
border: 1px solid #000;
color: #FFF;
background: #8c867e;
}
#topnav {
clear: both;
position: relative;
width: 768px;
height: 25px;
border-bottom: 1px solid #000;
text-align: right;
padding: 0;
background: #65615b;
color: #FFFFFF;
}
#topnav a {
border: 0px;
text-decoration: none;
padding: 0px 5px 0px 5px;
background: #65615b;
color: #FFFFFF;
}
#topnav a:hover {
text-decoration: none;
background: #65615b;
color: #FFFFFF;
}
#header {
clear: both;
position: relative;
width: 768px;
height: 100px;
max-height: 100px;
overflow: hidden;
color: #FFF;
padding: 0;
margin: 0;
background: #FFF8EB url(images/header.jpg) no-repeat center;
border-bottom: 1px solid #000;
}
#header h1 {
position: relative;
top: 15px;
left: 10px;
z-index: 2;
text-align: left;
margin: 0;
padding: 0;
font: bold 36px Georgia, "Times New Roman", Times, serif;
}
#header h2 {
position: relative;
top: 18px;
left: 10px;
text-align: left;
clear: both;
margin: 0;
padding: 0;
font: italic bold 18px Georgia, "Times New Roman", Times, serif;
}
#leftcol {
position: relative;
width: 165px;
color: #FFF;
padding: 5px;
float: left;
text-align: left;
background: #8c867e;
}
#leftcol .title h1 {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
}
#leftcol .content {
margin: 5px 0 10px;
border-top: 1px dotted #ffbd4d;
}
#leftcol a {
color: #FFF;
font-weight: bold;
text-decoration: none;
background: #8c867e;
}
#leftcol a:hover {
color: #ffbd4d;
background: #8c867e;
}
#rightcol {
position: relative;
width: 581px;
border-left: 2px solid #ffbd4d;
color: #333;
padding: 5px;
float: right;
text-align: left;
background: #fffbf6;
}
#rightcol .title h1 {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0;
}
#rightcol .content {
margin: 5px 0 10px;
border-top: 1px dotted #ffbd4d;
}
#rightcol a {
color: #333;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #333;
background: #fffbf6;
}
#rightcol a:hover {
color: #ffbd4d;
background: #fffbf6;
}
#footer {
clear: both;
position: relative;
width: 768px;
height: 16px;
font-size: 10px;
color: #C2BBAF;
text-align: center;
background: #65615b;
border-top: 1px solid #000;
}
#footer h3 {
font-size: 10px;
margin: 0;
padding: 0 5px;
float: left;
}
#footer a {
text-decoration: none;
font-weight: bold;
color: #FFF;
font-size: 10px;
background: #65615b;
}
#footer a:hover {
color: #ffbd4d;
text-decoration: none;
background: #65615b;
}
.screenshot {
padding: 4px;
float: right;
}
#toplink {
float: right;
clear: both;
}
</style>
<link rel="stylesheet" type="text/css" media="screen" href="about_time-styles/table-less-1.css" />
</head>
<body>
<center>
<div id="mainbody">
<div id="topnav"><a href="#content" title="Skip Navigation" rel="nofollow"><img src="images/skipnav.gif" alt="Skip Navigation" border="0" /></a><a href="#" target="_top" title="Back to Homepage"><img src="images/home.gif" alt="Back to Homepage" border="0" /></a><a href="#" target="_top" title="Contact Me!"><img src="images/email.gif" alt="Contact Me!" border="0" /></a><a onclick="print()" title="Print this page!"><img src="images/print.gif" alt="Print this page!" border="0" /></a></div>
<div id="header">
<h1>Comany Name</h1>
<h2>Company Slogan</h2>
</div>
<div id="leftcol">
<div class="title">
<h1>Navigation</h1>
</div>
<div class="content">
<ul>
<li><a href="#" title="Homepage">Homepage</a></li>
<li><a href="#" title="Link Title">Link</a>
<ul class="#">
<li><a href="#" title="Link Title">Sub Link</a></li>
<li><a href="#" title="Link Title">Sub Link</a></li>
<li><a href="#" title="Link Title">Sub Link</a></li>
</ul>
</li>
<li><a href="#" title="Link Title">Link</a></li>
</ul>
</div>
</div>
<div id="rightcol"><a name="content"></a>
<div class="title">
<h1>Section Title</h1>
</div>
<div class="content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio <a href="#">dignissim qui blandit praesent luptatum</a> zzril delenit augue duis dolore te feugait nulla facilisi.</div>
<div class="title">
<h1>Section Title</h1>
</div>
<div class="content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim <a href="#">ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</div>
<div class="title">
<h1>Section Title</h1>
</div>
<div class="content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in <a href="#">hendrerit in vulputate</a> velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</div>
<div id="toplink"><a href="#">^Back to Top^</a></div>
</div>
<div id="footer">
<h3>Copyright © 2005 | All Rights Reserved</h3>
<div style="float: right; padding-right: 5px;">Design by <a href="http://mywebresource.com" title="MyWebResource" target="_blank">MyWebResource</a></div>
</div>
</div>
</center>
</body>
</html>
Related examples in the same category