businesdesign2007
<!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>Business 2007</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/*defaults*/
body {background:#2765AF url('businesdesign2007-images/body_bg.jpg') repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:90%; }
p {margin:0; padding:0 0 15px 0; }
a {color:#000000; text-decoration:underline; }
a:hover {color:#225799; text-decoration:none;}
/*structural elements*/
#container {margin:0px auto; text-align:center; width:760px; }
#holder {width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#logo {background:url('businesdesign2007-images/logo.gif') no-repeat 180px 0; border-bottom:1px solid #DADADA; padding:5px 30px 20px 0px; }
#navigation {padding:10px 0; }
#header {background:#DADADA url('businesdesign2007-images/header_home.jpg') no-repeat 10px 10px; padding:10px; height:200px; }
#content {float:left; width:490px; padding:20px 10px 0 0; line-height:160%; }
#news {float:right; width:250px; padding:20px 0; line-height:140%; text-align:justify; }
.newsItem {padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; }
#footer {clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF; }
#copyright {float:right; }
/*headings*/
.newsItem h1 {color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
#content h1 {font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; }
#logo h1 {font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }
/*navigation*/
#navigation ul {margin:0; padding:0; }
#navigation li {margin:0; padding:0; list-style:none; display:inline; }
#navigation a {color:#225799; padding:0 20px 0 0; text-decoration:none; }
#navigation a:hover {color:#000000; }
#footer ul {margin:0; padding:0; }
#footer li {margin:0; padding:0; list-style:none; display:inline; }
#footer a {color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover {color:#000000; text-decoration:none; }
/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.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>
<div id="container">
<div id="holder" class="clearfix">
<div id="logo">
<h1>Business Design</h1>
</div>
<div id="navigation">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">ABOUT US</a></li>
<li><a href="http://www.free-css.com/">TECHNOLOGY SOLUTIONS</a></li>
<li><a href="http://www.free-css.com/">PORTFOLIO</a></li>
<li><a href="http://www.free-css.com/">STRATEGIC PARTNERS</a></li>
<li><a href="http://www.free-css.com/">CONTACT</a></li>
<li><a href="http://www.free-css.com/">JOBS</a></li>
</ul>
</div>
<div id="header"></div>
<div id="content">
<h1>Business Design 2007. Propelling your business into the 21st Century with a fresh, clean Web site template.</h1>
<p>Lovely. A nice clean design with no <a href="http://validator.w3.org/check?uri=referer">HTML Validation errors</a> and only one CSS error, and a few tiny warnings. The focus with this design was to create something professional with a modern feel. The coding is of a good standard, with only one extra div for structural purposes.</p>
<p>My previous designs, under the guise of NOWdesign at various Open Source Web design template sites, has led to over fifty thousand downloads. This design itself is intended to replace the most popular of those designs, 'Business Design' (oswd.org & OpenWebDesign.org).</p>
<p>My name is Tjobbe Andrews, my portfolio site at SiteCreative has more templates. For information ab0out me, visit my personal Web site.</p>
<p>Enjoy the design!</p>
</div>
<div id="news">
<div class="newsItem">
<h1>Copyright</h1>
<p>Please be so kind as to leave the copyright message in the footer intact, if you must remove it, I would still appreciate a link to my site.</p>
</div>
<div class="newsItem">
<h1>Other info</h1>
<p>You are free to use this design for anythign you wish. I do ask that the "design by sitecreative" stays in the footer with a link back to my site. Please don't sell it or re-distribute it. </p>
</div>
</div>
</div>
<div id="footer"> <span id="copyright">Design by <a href="http://www.sitecreative.net">SiteCreative</a></span>
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">About Us</a></li>
<li><a href="http://www.free-css.com/">Technology Solutions</a></li>
<li><a href="http://www.free-css.com/">Portfolio</a></li>
<li><a href="http://www.free-css.com/">Strategic Partners</a></li>
<li><a href="http://www.free-css.com/">Contact</a></li>
<li><a href="http://www.free-css.com/">Jobs</a></li>
</ul>
</div>
</div>
</body>
</html>
Related examples in the same category