corporateblue
<!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>corporateblue</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type='text/css'>
/** BASIC */
html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background: #273840 url(corporateblue-images/homepage01.jpg) repeat-x left top;
font-size: 11px;
text-align: justify;
color: #273840;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
}
h2 {
font-size: 14px;
text-transform: uppercase;
}
h2.bigger {
font-size: 18px;
text-transform: uppercase;
}
h3 {
margin: 0px;
padding: 0px;
font-size: 11px;
text-transform: uppercase;
}
p, ol, ul {
margin-top: 0px;
}
.img1 {
float: left;
margin: 4px 15px 0px 0px;
border: 2px solid #608B9F;
}
.hr1 {
clear: both;
margin-top: 10px 0px 10px 0px;
border: 1px dashed #608B9F;
}
.hr1 hr {
display: none;
}
/** WRAPPER */
#wrapper {
width: 718px;
height: 100%;
min-height: 100%;
margin: 0px auto;
padding: 30px;
background-color: #FFFFFF;
}
html>body #wrapper {
height: auto;
}
/** HEADER */
#header {
margin-bottom: 30px;
}
#header h1 {
margin: 0px;
padding: 0px;
font-size: 30px;
}
#header h2 {
margin: 0px;
padding: 0px;
font-size: 12px;
text-transform: lowercase;
}
/** MAIN-MENU */
#main-menu {
margin: 0px 0px 30px 0px;
background: #4F7383 url(corporateblue-images/homepage06.gif) no-repeat right top;
text-transform: uppercase;
}
#main-menu ul {
height: 28px;
margin: 0px;
padding: 11px 0px 0px 7px;
background: transparent url(corporateblue-images/homepage02.gif) no-repeat left top;
list-style: none;
}
#main-menu li {
display: inline;
}
#main-menu a {
padding: 0px 8px 0px 15px;
background: transparent url(corporateblue-images/homepage03.gif) no-repeat left center;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
#main-menu .first a {
background: none;
}
#main-menu ul {
}
/** CONTENT */
#content {
}
#left {
float: left;
width: 518px;
}
#right {
float: left;
width: 170px;
margin: 0px 0px 0px 20px;
}
/** FOOTER */
#footer {
clear: both;
padding: 20px 0px 0px 0px;
}
#footer ul {
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}
#footer li {
display: inline;
}
#footer a {
padding: 0px 10px;
}
#footer p {
text-align: center;
font-size: 9px;
}
</style>
<style type="text/css">
<!--
@import url("layout.css");
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>cORPORATEBLUE</h1>
<h2>Free CSS Template</h2>
</div>
<div id="main-menu">
<ul>
<li class="first"><a href="http://www.free-css.com/" id="main-menu1" accesskey="1">Home</a></li>
<li><a href="http://www.free-css.com/" id="main-menu2" accesskey="2">Products</a></li>
<li><a href="http://www.free-css.com/" id="main-menu3" accesskey="3">Services</a></li>
<li><a href="http://www.free-css.com/" id="main-menu4" accesskey="4">About Us</a></li>
<li><a href="http://www.free-css.com/" id="main-menu5" accesskey="5">Contact Us</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h2 class="bigger">Welcome to our website</h2>
<p>CORPORATEBLUE is a free template from Free CSS Templates released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. You're free to use it for both commercial or personal use. I only ask that you link back to my site in some way. Enjoy :)</p>
<p>Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque pellentesque semper massa.</p>
<div class="hr1">
<hr />
</div>
<h2>Suspendisse potenti</h2>
<p>Etiam odio mi, suscipit et, rhoncus ac, lacinia malesuada, nisl. Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros imperdiet eros interdum blandit. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. </p>
<ul>
<li><a href="http://www.free-css.com/">Vivamus sagittis bibendum erat.</a></li>
<li><a href="http://www.free-css.com/">Curabitur malesuada turpis nec ante.</a></li>
<li><a href="http://www.free-css.com/">Suspendisse quis gravida massa felis.</a></li>
<li><a href="http://www.free-css.com/">Nullam et orci in erat viverra ornare.</a></li>
<li><a href="http://www.free-css.com/">Suspendisse quis gravida massa felis.</a></li>
</ul>
<p>Suspendisse dictum porta lectus. Donec placerat odio vel elit. Nullam ante orci, pellentesque eget, tempus quis, ultrices in, est. Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet. </p>
</div>
</div>
<div id="right">
<h2>Lorem Ipsum Dolor</h2>
<h3>June 09, 2006</h3>
<p><img src="corporateblue-images/homepage04.jpg" alt="" width="72" height="56" class="img1" /> Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut, orci. <a href="http://www.free-css.com/">Read more…</a></p>
<hr class="hr1" />
<h3>June 06, 2006</h3>
<p><img src="corporateblue-images/homepage04.jpg" alt="" width="72" height="56" class="img1" /> Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut, orci. <a href="http://www.free-css.com/">Read more…</a></p>
<hr class="hr1" />
<h3>June 02, 2006</h3>
<p><img src="corporateblue-images/homepage04.jpg" alt="" width="72" height="56" class="img1" />Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut, orci. <a href="http://www.free-css.com/">Read more…</a></p>
</div>
<div class="hr1">
<hr />
</div>
<div id="footer">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Products</a></li>
<li><a href="http://www.free-css.com/">Services</a></li>
<li><a href="http://www.free-css.com/">About Us</a></li>
<li><a href="http://www.free-css.com/">Contact Us</a></li>
</ul>
<p>Copyright © 2006 Sitename.com. Designed by <a href="http://www.freecsstemplates.org" class="link1">Free CSS Templates</a></p>
</div>
</div>
</body>
</html>
Related examples in the same category