biz-company
<html>
<head>
<title>Biz Company</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Desciption" content="This web design site is a very good site with wonderful web design resources">
<meta name="keywords" content="This,web,design,site,is,a,very,good,site,with,wonderful,web,design,resources">
<style type='text/css'>
body
{
margin: 0 auto;
}
.wrapper
{
width: 1024px;
height: auto;
text-align: center;
display: table-cell;
margin: 0 auto;
}
/**************************** Header Section Starts ***************************/
.header
{
width: 1024px;
height: 146px;
background: url(biz-company-images/header.jpg);
background-repeat: no-repeat;
}
/**************************** Second Section Ends *****************************/
/**************************** Menu Section Starts *****************************/
.menu
{
width: 1024px;
height: 44px;
background: url(biz-company-images/menu.jpg);
background-repeat: no-repeat;
}
.menu-text
{
font-family: verdana;
font-size: 14px;
color: #ffffff;
padding: 12px 45px 10px 10px;
float: left;
font-stretch: condensed;
cursor: pointer;
}
/**************************** Menu Section Ends *******************************/
/**************************** First Section Starts ****************************/
.first-section
{
width: 1024px;
height: 235px;
border: solid 2px #ffffff;
}
.right-image
{
width: 230px;
height: 235px;
float: right;
background-image: url(biz-company-images/right-image.jpg);
background-repeat: repeat-x;
border-left: solid 1px #ffffff;
text-align: left;
}
.mid-image
{
width: 443px;
height: 235px;
float: right;
background-image: url(biz-company-images/mid-image.gif);
background-repeat: no-repeat;
}
.left-image
{
width: 238px;
height: 235px;
float: right;
background-image: url(biz-company-images/left-image.jpg);
background-repeat: repeat-x;
border-right: solid 1px #ffffff;
text-align: left;
}
/**************************** First Section Ends ******************************/
/**************************** Second Section Starts ***************************/
.second-section
{
width: 675px;
height: 139px;
border-bottom: solid 1px #dbdbdb;
float: right;
}
.pack-box3
{
width: 230px;
height: 139px;
float: right;
background-image: url(biz-company-images/pack-image.jpg);
background-repeat: repeat-x;
border-left: solid 1px #ffffff;
text-align: left;
}
.pack-box2
{
width: 221px;
height: 139px;
float: right;
background-image: url(biz-company-images/pack-image.jpg);
background-repeat: repeat-x;
border-left: solid 1px #ffffff;
text-align: left;
}
.pack-box1
{
width: 221px;
height: 139px;
float: right;
background-image: url(biz-company-images/pack-image.jpg);
background-repeat: repeat-x;
border-left: solid 1px #ffffff;
text-align: left;
}
/**************************** Second Section Ends *****************************/
/**************************** Third Section Starts ****************************/
.third-section
{
width: 675px;
height: 170px;
float: right;
}
.down-box2
{
width: 230px;
height: 170px;
float: right;
background-image: url(biz-company-images/down-image2.jpg);
background-repeat: repeat-x;
text-align: left;
}
.down-box1
{
width: 444px;
height: 170px;
float: right;
background-image: url(biz-company-images/down-image1.jpg);
background-repeat: repeat-x;
text-align: left;
}
/**************************** Third Section Ends ******************************/
/**************************** Left Section Starts *****************************/
.left-section
{
width: 238px;
height: 309px;
float: right;
}
.left-box2
{
width: 217px;
height: 309px;
float: right;
background-image: url(biz-company-images/left-image1.jpg);
background-repeat: repeat-x;
text-align: left;
}
.left-box1
{
width: 21px;
height: 309px;
float: right;
background-image: url(biz-company-images/left-image2.jpg);
background-repeat: repeat-x;
}
/**************************** Left Section Ends *******************************/
/**************************** Footer Section Starts ***************************/
.footer
{
float: right;
width: 900px;
font-family: Tahoma;
font-size: 8pt;
font-weight: normal;
color: #616161;
text-align: left;
margin-top: 18px;
clear: both;
margin-bottom: 10px;
}
/**************************** Footer Section Ends *****************************/
/**************************** General Section Starts **************************/
.title1
{
font-family: Tahoma;
font-size: 14pt;
font-weight: normal;
color: #8f8383;
margin-top: 10px;
margin-left: 12px;
}
.title2
{
font-family: Tahoma;
font-size: 14pt;
font-weight: bold;
color: #535353;
}
.title3
{
font-family: Tahoma;
font-size: 14pt;
font-weight: normal;
color: #616161;
margin-top: 10px;
margin-left: 12px;
}
.sub-title
{
font-family: Tahoma;
font-size: 8pt;
font-weight: normal;
color: #3f3a3a;
margin-left: 12px;
}
.description
{
font-family: Tahoma;
font-size: 8pt;
font-weight: normal;
color: #616161;
text-align: justify;
width: 195px;
line-height: 18px;
margin-left: 12px;
margin-top: 2px;
}
.description1
{
font-family: Tahoma;
font-size: 8pt;
font-weight: normal;
color: #616161;
text-align: justify;
width: 400px;
line-height: 18px;
margin-left: 12px;
margin-top: 2px;
}
.date-text{
font-family: Tahoma;
font-size: 8pt;
color: #a4e3ff;
font-weight: bold;
margin-left: 12px;
margin-top: 2px;
}
hr{
background-color: #00deff;
width: 200px;
color: #00deff;
border: solid 1px #00deff;
}
a.nav:link {color: #ffffff; text-decoration: none; }
a.nav:visited {color: #ffffff; text-decoration: none; }
a.nav:hover {color: #ffff99; text-decoration: underline; }
a.nav:active {color: blue; }
/**************************** General Section Ends ****************************/
</style>
</head>
<body>
<center>
<div class="wrapper">
<div class="header">
<div style="float:left; margin-left:110px; margin-top:20px;"> <img src="biz-company-images/logo.jpg" style="float:left;">
<div style="float:left; text-align:left; font-family:tahoma; font-size:24pt; color:#636363; margin-left:5px;margin-top:5px;">Business<b>Logo</b><br>
<span style="float:left; text-align:left; font-family:tahoma; font-size:8pt; color:#b1b1b1;"><b> best business in town</b></span> </div>
</div>
<div style="float:right; margin-right:30px; margin-top:50px; text-align:left; font-family:tahoma; font-size:17pt; color:#636363;">the best media <b>solutions</b><br>
<span style="float:left; text-align:left; font-family:tahoma; font-size:8pt; color:#b1b1b1;"><b> best business in town</b></span> </div>
</div>
<div class="menu">
<div class="menu-text" style="padding-left:140px;padding-right:50px;"><a href="http://www.free-css.com/" class="nav">Home</a></div>
<div class="menu-text"><a href="http://www.free-css.com/" class="nav">About</a></div>
<div class="menu-text"><a href="http://www.free-css.com/" class="nav">Media</a></div>
<div class="menu-text" style="padding-right:30px;"><a href="http://www.free-css.com/" class="nav">Products</a></div>
<div class="menu-text"><a href="http://www.free-css.com/" class="nav">Contact</a></div>
<div style="float:right; padding-right:25px;padding-top:12px;">
<input type="image" src="biz-company-images/go.jpg" />
</div>
<div style="float:right;padding-right:8px;padding-top:14px;">
<input style="border:none; height:18px;width:130px;" type="text" name="search_box" />
</div>
</div>
<div class="first-section">
<div class="right-image">
<div class="title1">A Personal Touch</div>
<div class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<img src="biz-company-images/personal.jpg" style="margin-left:12px;">
<div class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempoiyt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet.. <img src="biz-company-images/more.jpg" alt=""></div>
</div>
<div class="mid-image"> </div>
<div class="left-image">
<div class="title1" style="color:#ffffff; border-bottom:solid 1px #00deff; width:200px; padding-bottom:7px;">Website <span class="title2" style="color:#ffffff;">News</span> </div>
<div class="date-text">Site Update 31/12/2007</div>
<div class="description" style="color:#ffffff; border-bottom:solid 1px #00deff; width:200px; padding-bottom:7px;padding-top:5px;"><b>Lorem ipsum</b> dolor sit amet cttur ing elit, sed do eiusmod tempnti doloregna aliqua. Uties for enis..</div>
<div class="date-text">Site Update 31/12/2007</div>
<div class="description" style="color:#ffffff; width:200px;padding-top:5px;"><b>Lorem ipsum</b> dolor sit amet cttur ing elit, sed do eiusmod tempnti doloregna aliqua. Uties for enis..</div>
</div>
</div>
<div class="wrapper">
<div style="float:right; width:675px">
<div class="second-section">
<div class="pack-box3">
<div class="title1">Client Pack <span class="title2">Three</span></div>
<div class="sub-title">Great Oak Pack</div>
<div class="description">Lorem ipsum dolor sit amet, consectiurn adipisicing elit, sed do eiusmod tempont ut labore et dolore magna aliquaiam uis nostrud exercitation.. <img src="biz-company-images/more.jpg" alt=""></div>
</div>
<div class="pack-box2">
<div class="title1">Client Pack <span class="title2">Two</span></div>
<div class="sub-title">Growth Pack</div>
<div class="description">Lorem ipsum dolor sit amet, consectiurn adipisicing elit, sed do eiusmod tempont ut labore et dolore magna aliquaiam uis nostrud exercitation.. <img src="biz-company-images/more.jpg" alt=""></div>
</div>
<div class="pack-box1">
<div class="title1">Client Pack <span class="title2">One</span></div>
<div class="sub-title">Saplink Pack</div>
<div class="description">Lorem ipsum dolor sit amet, consectiurn adipisicing elit, sed do eiusmod tempont ut labore et dolore magna aliquaiam uis nostrud exercitation.. <img src="biz-company-images/more.jpg" alt=""> </div>
</div>
</div>
<div class="third-section">
<div class="down-box2">
<div class="title3">Testimonial</div>
<div class="description"> “Lorem ipsum dolor sit amet, consecttur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magnaaliqua. Lorem ipsum dolor sit ame adipisicing somar elle vio tar nero magna puro elit..” <img src="biz-company-images/more.jpg" alt=""> </div>
</div>
<div class="down-box1">
<div class="title3">Why we're Special</div>
<div class="description1"> <img src="biz-company-images/special.jpg" style="float:right; margin:3px; margin-left:5px;" alt=""> Lorem ipsum dolor sit amet, consecteturp elitd do eiusmod tempor incididunt ue et doloreagna aliqua. Ut enim ad minim veniam, quis nostrudi. Sedim, veil tu so marre, poller toniam so purte.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ididunt ut labore et dolore magna aliqua. Ut enim ad minim.. <img src="biz-company-images/more.jpg" alt=""> </div>
</div>
</div>
</div>
<div class="left-section">
<div class="left-box2">
<div class="title1" style="margin-left:0px">Treating Clients Well</div>
<img src="biz-company-images/client.jpg">
<div class="description" style="margin-left:0px">Lorem ipsum dolor sit amet, consecttur adipisicing elit, sed do eiusmod tempot ut labore et dolore magna aliqua. Utim ad minim veniam.. <img src="biz-company-images/more.jpg"></div>
</div>
<div class="left-box1"> </div>
</div>
</div>
<div class="footer"> Copyright Business Company (c) 2007, All rights Reserved. Designed by <a href="http://www.elegant-templates.com">Elegant Web Templates</a></div>
</div>
</center>
</body>
</html>
Related examples in the same category