power
<!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>
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252" />
<meta name="description" content="" />
<meta name="generator" content="HTML-Kit" />
<title>Website Template - Home Page</title>
<style type="text/css">
<!--
body {background-color: #ffffff; font: normal 82% sans-serif;}
h1 {padding: 10px; padding-left: 15px; border: solid 1px #000099; background-color: #3333cc; color: #ffffff;}
h2 {margin: 0; padding: 0; color: #000099;}
h3 {margin: 0; text-align: center; color: #000099;}
p {text-align: justify;}
#perm-links {float: right; width: 260px; margin: 0; margin-top: 8px; margin-right: 5px; padding: 0; text-align: center;}
#perm-links ul {list-style: none; margin: 0; padding: 5px;}
#perm-links li {display: inline; width: 150px;}
#perm-links a {text-align: center; margin: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; border: solid 1px #666666; background-color: #ffffff; color: #0000ff; font-weight: bold; text-decoration: none;}
#perm-links a:hover {background-color: #eeeeee;}
#cool-links {width: 19%; float: right; border: solid 1px #000099; margin-bottom: 25px; padding: 3px; padding-bottom: 60px;}
#cool-links ul {margin: 0; padding: 0; list-style: none;}
#cool-links li {margin-top: 5px; margin-bottom: 5px; display: block;}
#cool-links a {width: 95%; display: block; margin: 0; padding: 3px; border: solid 1px #000099; background-color: #eeeeee; color: #0000ff; font-weight: bold; text-decoration: none; text-align: center;}
#cool-links a:hover {background-color: #0000cc; color: #ffffff;}
#main-menu {width: 19%; float: left; border: solid 1px #000099; margin-bottom: 25px; padding: 3px; padding-bottom: 60px;}
#main-menu ul {margin: 0; padding: 0; list-style: none;}
#main-menu li {margin-top: 5px; margin-bottom: 5px; display: block; border: solid 1px #ffffff;}
#main-menu a {width: 95%; display: block; margin: 0; padding: 3px; border: solid 1px #000099; background-color: #eeeeee; color: #0000ff; font-weight: bold; text-decoration: none; text-align: center;}
#main-menu a:hover {background-color: #0000cc; color: #ffffff;}
#content {margin-left: 22%; /*margin-right: 22%;*/}
#content a {color: #0000cc; font-weight: bold;}
#content a:hover {color: #cc0000;}
#footer {clear: both; padding: 2px; border: solid 1px #000099; text-align: center; background-color: #3333cc; color: #ffffff;}
h5 {margin: 0;}
-->
</style>
</head>
<body>
<!--
<div id="perm-links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Search</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
-->
<h1>Your New Web Site</h1>
<!--
<div id="cool-links">
<h3>Cool Links</h3>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
-->
<div id="main-menu">
<h3>Main Menu</h3>
<ul>
<li><a href="power-template-1.html">WebPage Example 1</a></li>
<li><a href="power-template-2.html">WebPage Example 2</a></li>
<li><a href="power-template-3.html">WebPage Example 3</a></li>
<li><a href="power-template-4.html">WebPage Example 4</a></li>
<li><a href="power-template-5.html">WebPage Example 5</a></li>
<li><a href="power-template-6.html">WebPage Example 6</a></li>
</ul>
</div>
<div id="content">
<h2>Welcome To Your New Website</h2>
<p>Using the navigation buttons on the left hand side of the screen you can click through a number of different versions of a single web page. Once you have found the style that you like, right click on your mouse, view the source and then you can select all, and save to a file of your choice.</p>
<p>All of the pages have the Cascading Style Sheet written into the page so that you can view how the page is made, how it is changed, and how you can easily adjust it for your use.</p>
<p>You will need an HTML editor to edit any of the text contained within the page. None of the example pages contain graphics, and there is no need to have an image editor at this time.</p>
<p>These pages have been tested in both Internet Explorer 6 and in Mozilla 1.5. Both displayed correctly and have been validated with the W3C as valid XHTML 1.0 Strict document types.</p>
<p>Enjoy the pages that we have created for you.</p>
</div>
<div id="footer">
<h5>Powered By West Plains Design</h5>
</div>
</body>
</html>
Related examples in the same category