simplyBusiness
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>.simplyBusiness</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
text-align: center;
}
body img {
display: block;
float: left;
}
#container {
width: 750px;
margin: 0 auto;
background: url(simplyBusiness-images/background.jpg) repeat-y;
display: table;
}
#main {
float: left;
width: 734;
padding: 0px 7px 15px 7px;
}
/**Do not Modify**/
#header {
width: 735px;
height: 119px;
background: url(simplyBusiness-images/header.jpg) no-repeat;
text-align: left;
}
#header p {
padding: 40px 0px 40px 20px;
margin: 0;
font-family: Arial, Tahoma;
font-size: 24pt;
}
/**Grey space left of Links**/
#space {
float: left;
width: 160px;
height: 32px;
background: url(simplyBusiness-images/space.jpg);
}
#linksrow {
width: 735px;
float: left;
}
#links {
float: left;
width: 530px;
height: 32px;
padding-left: 25px;
padding-right: 20px;
background: url(simplyBusiness-images/links.jpg) no-repeat;
}
#links ul {
list-style: none;
margin: 0;
padding: 0;
}
#links ul li {
margin-top: 5px;
margin-bottom: 5px;
font-family: Arial, Tahoma, Verdana;
font-size: 13pt;
color: #FFF;
float: left;
}
#links ul li a {
margin-left: 25px;
color: #FFF;
text-decoration: none;
}
#links ul li a:visited {
color: #FFF;
text-decoration: none;
}
#links ul li a:hover {
font-weight: bold;
}
/**Title of Content**/
#contentTitle {
position: relative;
/**Move up Over Image**/
top: -30px;
/*********************/
float: left;
width: 735px;
height: 30px;
background: url(simplyBusiness-images/contenttitle.gif) no-repeat;
margin: 0;
text-align: left;
}
#contentTitle p {
font-family: Lucida, Tahoma;
font-weight: bold;
font-size: 100%;
padding: 8px 0px 0px 12px;
margin: 0;
}
/**Left Col**/
#leftCol {
position: relative;
top: -30px;
width: 210px;
float: left;
}
#leftCol p {
margin: 0;
text-align: left;
font-family: 'Lucida Grande', Verdana;
font-size: 8pt;
}
.leftcolHeading {
width: 210px;
float: left;
margin-top: 10px;
border: 1px solid;
color: #A6A6A6;
}
.leftcolHeading h3 {
color: #000;
margin: 0;
font-family: 'Times New Roman', Tahoma;
}
/**Main Content**/
#mainCol {
position: relative;
top: -30px;
margin-left: 8px;
width: 510px;
float: left;
}
#mainCol p {
margin: 0;
text-align: left;
font-family: 'Lucida Grande', Verdana;
font-size: 10pt;
}
.mainColHeading {
width: 510px;
float: left;
margin-top: 10px;
border: 1px solid;
color: #A6A6A6;
text-align: left;
}
.mainColHeading h3 {
margin: 0;
padding: 3px 0px 5px 15px;
font-family: Tahoma, Verdana;
color: #000;
}
#footer {
width: 750px;
background: url(simplyBusiness-images/topbot.jpg) repeat-y;
float: left;
font-family: Tahoma, Verdana;
font-size: 8pt;
}
/**Main Content Image**/
.right {
margin: 7px 0px 7px 7px;
float: right;
}
.left {
margin: 7px 7px 7px 0px;
float: left;
}
</style>
</head>
<body>
<div id="container">
<img src="simplyBusiness-images/topbot.jpg" alt="" />
<div id="main">
<div id="header">
<p><font color="#000000">.simply</font><font color="#505050">Business</font></p>
</div>
<div id="linksrow">
<div id="space"></div>
<div id="links">
<ul>
<li><a href="#">.home</a></li>
<li><a href="#">.about us</a></li>
<li><a href="#">.products</a></li>
<li><a href="#">.our services</a></li>
<li><a href="#">.contact us</a></li>
</ul>
</div>
</div>
<img src="simplyBusiness-images/middleimg.jpg" alt=""/>
<div id="contentTitle">
<p>.:Home:.</p>
</div>
<div id="leftCol">
<div class="leftcolHeading">
<h3>Heading1</h3>
</div>
<p>My name is Vincent and I am a website designer of Vancouver, Canada. I have been doing web design for quite a long time but only started submitting to OSWD recently. I can do web design for you only if you send me an email so SEND me one at IdentityDesignz@gmail.com when you need a project done.</p>
<div class="leftcolHeading">
<h3>Heading2</h3>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque turpis turpis, tempor at, convallis eu, ullamcorper ut, enim. In my own lipsum lorem in nulla.</p>
<div class="leftcolHeading">
<h3>Heading3</h3>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque turpis turpis, tempor at, convallis eu, ullamcorper ut, enim. In my own lipsum lorem in nulla.</p>
</div>
<div id="mainCol">
<div class="mainColHeading">
<h3>.:Outbreak about LipsumLorem</h3>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque turpis turpis, tempor at, convallis eu, ullamcorper ut, enim. In in nulla.<img src="simplyBusiness-images/palm.jpg" alt="" class="right" /> Curabitur pretium facilisis lorem. Maecenas erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis aliquet tincidunt urna. Nullam eget eros. Morbi quis orci rhoncus enim pharetra blandit. In quis quam. Nullam et nisl. Quisque risus nunc, sollicitudin sit amet, eleifend at, lacinia non, metus. In nec orci. Praesent suscipit ipsum sed mi. Phasellus luctus egestas nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur eu lectus. Phasellus id elit sollicitudin risus consequat convallis. Fusce vel lectus a turpis tincidunt pellentesque.
<br />
Morbi sit amet elit. Mauris fermentum nibh sit amet eros. Vivamus varius porta arcu. Praesent consequat mi et purus. Proin rhoncus. Sed commodo tristique magna. Integer vitae dolor. In molestie, nibh sed dignissim faucibus, urna turpis ultricies arcu, et aliquam augue lacus eget libero. Maecenas nunc sapien, iaculis at, auctor vel, venenatis sed, elit. Nunc eu massa. Duis laoreet mi non lectus. Praesent tincidunt placerat risus. Nunc in orci quis augue rutrum pulvinar. Etiam lacus urna, eleifend in, porttitor at, molestie vitae, nunc. Sed dignissim. Maecenas eu risus. Etiam sollicitudin dui. Cras tincidunt sollicitudin sapien. Sed cursus rhoncus massa. Mauris molestie semper erat. </p>
</div>
</div>
<div id="footer">Copyright © Your name | Designed by Identity Designz</div>
</div>
</body>
</html>
Related examples in the same category