computer-business
<!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>Computer Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body{
font: normal small Arial, Helvetica, sans-serif;
color: #707070;
text-align:justify;
font-size:13px;
margin-top:16px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
background-image:url(computer-business-images/bg.gif); background-repeat:repeat-x;
background-color:#202020;
}
#main
{padding-left:10px; padding-right:10px; padding-bottom:10px;
text-align:left;}
#border
{width:779px;
height:auto;
}
.sap
{width:148px;
height:1px;
margin-left:7px;
margin-bottom:8px;
background-color:#000000;
font-size:1px;
}
.toplinkbg
{width:148px;
margin-left:7px;
text-align:left;
padding-bottom:3px;
color:#B5B5B5;
}
.toplinkbg a
{color:#B5B5B5;
text-decoration:none;
}
.toplinkbg a:hover
{color:#FFFFFF;
text-decoration:none;
}
#whitearea
{height:178px;
width:779px;
}
#left
{width:46px;
float:left;
background-color:#F6C605;
height:177px;
}
#logo-bg
{width:191px;
float:left;
height:177px;
}
#computer
{width:327px;
height:177px;
float:left;
background-image:url(computer-business-images/computer.jpg); background-repeat:no-repeat;}
#right
{background-color:#000000;
width:38px;
height:177px;
float:left;}
.dot
{width:8px;
height:8px;
font-size:1px;
background-image:url(computer-business-images/dot.gif); background-repeat:repeat-x;}
.spacer2
{height:20px;}
.spacer
{height:24px;}
.links-bg
{width:177px;
height:177px;
background-color:#3C3C3C;
float:left;}
#greyarea
{background-color:#333333;
width:779px;
height:800px;
}
#left2
{width:177px;
float:left;
background-color:#333333;
height:auto;
}
#right2
{width:602px;
float:left;
background-color:#000000;
height:auto;
}
.heading
{color:#F6C605;
text-align:left;
font-size:18px;
height:40px;
background-color:#2B2B2A;
padding-left:10px;
line-height:40px;
}
.heading2
{color:#000000;
font-size:18px;
height:40px;
text-align:left;
background-color:#F6C604;
padding-left:10px;
line-height:40px;
}
.quicklinks
{color:#F6C605;
padding-left:10px;
text-align:left;
line-height:30px;
text-decoration:underline;
}
.quicklinks a
{color:#F6C605;
text-decoration:underline;
}
.quicklinks:hover
{color:#ffffff;
padding-left:10px;
line-height:30px;
text-decoration:none;
}
a
{color:#ffffff;
text-decoration:underline;
}
a:hover
{color:#ffffff;
text-decoration:none;
}
.name
{font-size:30px;
color:#ffffff;
margin-top:50px;
text-align:center;
}
.tag
{padding-left:125px;
padding-top:55px;
color:#A9A9A9;
font-weight:bold;
}
.sap2
{width:1px;
float:left;
color:#707070;
height:20px;
text-align:center;
}
.bottomlinkbg
{width:145px;
text-align:center;
height:20px;
color:#707070;
float:left;
}
.bottomlinkbg a
{color:#707070;
text-decoration:none;
}
.bottomlinkbg a:hover
{color:#F6C605;
text-decoration:none;
}
#bottombg
{width:779px;
height:40px;
line-height:40px;
}
</style>
</head>
<body>
<center>
<div id="border">
<div id="whitearea">
<div id="left"></div>
<div id="logo-bg">
<div class="name">Computer Business Name</div>
</div>
<div id="computer">
<div class="tag">Make contact <br />
Build relationships <br />
Get results.<br />
</div>
</div>
<div id="right">
<center>
<div class="spacer"></div>
<div class="dot"></div>
<div class="spacer2"></div>
<div class="dot"></div>
<div class="spacer2"></div>
<div class="dot"></div>
<div class="spacer2"></div>
<div class="dot"></div>
<div class="spacer2"></div>
<div class="dot"></div>
<div class="spacer"></div>
</center>
</div>
<div class="links-bg">
<div class="toplinkbg" style="padding-top:18px;"><a href="http://www.free-css.com/">Homepage</a></div>
<div class="sap"></div>
<div class="toplinkbg"><a href="http://www.free-css.com/">About us</a></div>
<div class="sap"></div>
<div class="toplinkbg"><a href="http://www.free-css.com/">Products</a></div>
<div class="sap"></div>
<div class="toplinkbg"><a href="http://www.free-css.com/">Services</a></div>
<div class="sap"></div>
<div class="toplinkbg"><a href="http://www.free-css.com/">Contact us</a></div>
<div class="sap"></div>
</div>
</div>
<div id="greyarea">
<div id="right2">
<div>
<div class="heading">Website Title!</div>
</div>
<div id="main">
<p>Hi Everybody! Here is a Free Template, named Computer Business with CSS and XHTML 1.0 Transitional Validation from CMG Technologies, Web Design India. Feel free to use this template, just keep the Designed by link at the bottom. Thanks! </p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum sapien enim, cursus in, aliquam sit amet, convallis eget, metus. Duis dui mi, varius at, lacinia eget, ullamcorper et, tortor. Pellentesque ac pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean orci mi, varius eget, mollis vel, rhoncus a, leo. Ut eros enim, vehicula quis, gravida ac, sodales sit amet, orci. Nulla eleifend tristique erat.</p>
<p>Nunc commodo metus et lorem. Phasellus vel libero. Vestibulum eu enim. Mauris pharetra. Vestibulum ligula libero, vestibulum quis, commodo non, sagittis eget, elit. Ut nec tellus. Nunc ligula quam, vulputate ut, imperdiet nec, luctus at, magna. Nunc posuere nulla ac tortor. Donec facilisis, turpis eu hendrerit ultricies, lectus sapien nonummy justo, eget rutrum lorem nulla sed nunc. Nam vestibulum neque vitae lacus aliquam tristique. Ut odio quam, mollis in, ultrices vel, ullamcorper id, diam. Curabitur eget odio a lacus pulvinar condimentum. Suspendisse elementum.</p>
<p>Quisque vulputate. Aliquam condimentum, odio vel ultrices sodales, augue lorem vehicula mi, vel nonummy nisl eros et tortor. Duis laoreet pellentesque lorem. Nam sagittis condimentum libero. Nullam a ante vel massa accumsan elementum. Sed mauris metus, tincidunt quis, blandit at, viverra a, ligula. Pellentesque neque metus, mattis non, tincidunt vitae, euismod scelerisque, nulla. Fusce justo. Donec nec nibh. Sed suscipit bibendum leo. Nulla erat ligula, egestas consequat, sagittis ut, fermentum a, diam. Sed turpis est, aliquam nec, lacinia sed, aliquam non, libero. Ut turpis. Pellentesque viverra pharetra quam.</p>
<p>Aenean dapibus, leo vitae eleifend porta, sem ipsum nonummy est, eu fermentum arcu lectus in lacus. Vestibulum tristique metus eu lorem. Pellentesque sed erat. Morbi pharetra condimentum massa. Vestibulum vel nulla at eros porta tempus. Fusce at lorem. Nulla facilisis. Phasellus nisl. Integer id massa nec tellus rutrum pellentesque. Mauris orci mauris, dictum vitae, varius eget, vestibulum quis, risus. Pellentesque dictum, magna vitae pulvinar interdum, orci lacus posuere neque, et lacinia dui eros ut erat. Ut purus. Nullam ac tellus et eros condimentum interdum.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum sapien enim, cursus in, aliquam sit amet, convallis eget, metus. Duis dui mi, varius at, lacinia eget, ullamcorper et, tortor. Pellentesque ac pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean orci mi, varius eget, mollis vel, rhoncus a, leo. Ut eros enim, vehicula quis, gravida ac, sodales sit amet, orci. Nulla eleifend tristique erat.</p>
<p>Nunc commodo metus et lorem. Phasellus vel libero. Vestibulum eu enim. Mauris pharetra. Vestibulum ligula libero, vestibulum quis, commodo non, sagittis eget, elit. Ut nec tellus. Nunc ligula quam, vulputate ut, imperdiet nec, luctus at, magna. Nunc posuere nulla ac tortor. Donec facilisis, turpis eu hendrerit ultricies, lectus sapien nonummy justo, eget rutrum lorem nulla sed nunc. Nam vestibulum neque vitae lacus aliquam tristique. Ut odio quam, mollis in, ultrices vel, ullamcorper id, diam. Curabitur eget odio a lacus pulvinar condimentum. Suspendisse elementum.</p>
</div>
</div>
<div id="left2">
<div>
<div class="heading2">Quick Links</div>
</div>
<div class="quicklinks"> <a href="http://www.free-css.com/">Computer Tips & Tricks</a></div>
<div class="quicklinks"> <a href="http://www.free-css.com/">Joomla Templates</a></div>
<div class="quicklinks"> <a href="http://www.free-css.com/">SEO Tips</a></div>
<div class="quicklinks"> <a href="http://www.free-css.com/">CGI Programming</a></div>
<div class="quicklinks"> <a href="http://www.free-css.com/">SEO Pages</a></div>
<div class="quicklinks"> <a href="http://www.free-css.com/">Matts Hosting</a></div>
<div class="quicklinks"> <a href="http://www.free-css.com/">MS SQL Server Guide</a></div>
<div class="quicklinks"> <a href="http://www.free-css.com/">What is My IP?</a></div>
<div class="quicklinks"> <a href="http://www.free-css.com/">Web Tool Ratings</a></div>
<div class="quicklinks"> <a href="http://www.free-css.com/">Tutorials</a></div>
</div>
</div>
<div id="bottombg">
<div class="bottomlinkbg"><a href="http://www.free-css.com/">Home</a></div>
<div class="sap2">|</div>
<div class="bottomlinkbg"><a href="http://www.free-css.com/">About Us</a></div>
<div class="sap2">|</div>
<div class="bottomlinkbg"><a href="http://www.free-css.com/">Products</a></div>
<div class="sap2">|</div>
<div class="bottomlinkbg"><a href="http://www.free-css.com/">Services</a></div>
<div class="sap2">|</div>
<div class="bottomlinkbg"><a href="http://www.free-css.com/">Contact Us</a></div>
</div>
<center>
<div>Designed by <a href="http://www.cmgtechnologies.com/" target="_blank">CMG Technologies</a></div>
</center>
</div>
</center>
</body>
</html>
Related examples in the same category