corporate
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Free Template</title>
<style type='text/css'>
html {width:100%; }
body {background:#5B6266 url('corporate-images/header-bg.jpg') repeat-x 0 0; margin:0 0 30px 0; padding:0px; width:100%; font-family:"Trebuchet MS", Verdana; line-height:150%; font-size:90%; color:#000000; }
p {padding:0 0 15px 0; margin:0; }
a {text-decoration:underline; color:#9D0D10; }
a:hover {text-decoration:none; }
h2 {padding:0 0 5px 0; margin:0; font-size:140%; font-weight:normal; }
#all {text-align:center; width:100%; }
#container {margin:0 auto; text-align:left; width:720px; }
#header {padding:35px 0; }
.block {padding:20px; border:5px solid #FFFFFF; background:#7F8488; color:#FFFFFF; margin:30px 0 0 0; }
#content {padding:20px 20px 5px 20px; border:5px solid #F2F2F2; background:#FFFFFF; margin:30px 0 0 0; }
#header h1 {font-weight:normal; margin:0; padding:0; font-size:180%; color:#FFFFFF; text-align:right; }
#header ul {float:left; margin:0; padding:9px 0; }
#header li {margin:0; padding:0; list-style:none; display:inline; }
#header ul a {color:#000000; background:#DADADA url('corporate-images/link-bg.jpg') repeat-x 0 0; padding:8px 20px 5px 20px; text-decoration:none; border:1px solid #FFFFFF; }
#header ul a:hover {background:#C5C5C5 url('corporate-images/link-bg-hover.jpg') repeat-x 0 0; }
.block h3 {margin:0; padding:0; font-weight:normal; font-size:140%; line-height:160%; }
.block p {font-size:90%; padding:0; text-align:center; }
.block a {color:#FFFFFF; }
#home #homeLink,
#profile #profileLink,
#portfolio #portfolioLink,
#testimonials #testimonialsLink,
#contact #contactLink
{color:#000000; background:#FFFFFF url('corporate-images/link-on-bg.jpg') repeat-x 0 0;; padding:8px 20px 5px 20px; text-decoration:none; }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */
</style>
</head>
<body id="home">
<div id="all">
<div id="container">
<div id="header">
<h1><em>site</em>Name</h1>
<ul>
<li><a id="homeLink" href="#">Home</a></li>
<li><a id="profileLink" href="#">Profile</a></li>
<li><a id="portfolioLink" href="#">Portfolio</a></li>
<li><a id="testimonialsLink" href="#">Testimonials</a></li>
<li><a id="contactLink" href="#">Contact</a></li>
</ul>
</div>
<div class="block">
<h3>They say a year in the Internet business is like a dog year.. Equivalent to seven years in a regular person's life. In other words, it's evolving faster and faster. - <em>Vint Cerf</em></h3>
</div>
<div id="content">
<h2>Just a heading</h2>
<p>Already my second design of 2008, this template is designed with a more corporate look and feel, and with a simplistic but stylish layout.</p>
<h2>It's Free!</h2>
<p>You are free to use this design how you wish, and is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>. You can modify it to your needs, but you can not sell it. If you intend to use this template for business purposes, please consider sending me a <a href="http://www.farstyle.com/donations/donations-for-template-use/">PayPal donation</a> (beer money), via <a href="http://www.farstyle.com/donations/donations-for-template-use/">my Web site</a> if you feel inclined to do so. In any case, I would appreciate it though if you left the copyright information in the footer intact.</p>
<h2>Easy to Edit</h2>
<p>Using something like Dreamweaver, or even notepad, you should be able to edit this template relatively easy.</p>
<h2>Information</h2>
<p>This design is a <a href="http://validator.w3.org/check?uri=referer">valid XHTML 1.0 Strict</a> html file with <a href="http://jigsaw.w3.org/css-validator/">valid CSS</a>.</p>
</div>
<div class="block">
<p>Design released by <a href="http://www.farstyle.com/">FarStyle</a> via the studio of <a href="http://www.sitecreative.net/">Site Creative</a> | <a href="http://free-templates.ru/">Free-templates.ru</a>. 2008 Site Creative.</p>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category