we think
<!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>Think with us sliced</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
#logo {
background-image: url(we think-images/index_02.jpg);
height: 117px;
width: 280px;
font-size:40px;
font-weight:bold;
font-family:"century Gothic";
text-align:left;
line-height: 1.5;
}
#logo a{
color:#000000;
text-decoration:none;
}
a{
color: #666666;
text-decoration:none;
}
a:hover{
color: #666666;
text-decoration:underline;
}
.menu {
background-image: url(we think-images/index_04.jpg);
height: 117px;
width: 142px;
font-family: "century gothic";
font-size: 20px;
font-weight:normal;
color: #353535;
text-decoration: none;
text-align: center;
text-align: left;
}
.menu ul {
margin: 0;
list-style: none;
padding-left: 0px;
}
.menu li {
display: inline;
}
.menu a {
font-family: "century gothic";
font-size: 20px;
font-weight:normal;
color: #353535;
text-decoration: none;
text-align: center;
background-image: url(we think-images/index_04.jpg);
height: 57px;
width: 142px;
float: left;
padding-top: 60px;
}
.menu a:hover {
text-decoration: none;
background:url(we think-images/index_04_hover.jpg);
width: 142px;
height: 57px;
background-repeat: none;
}
.slogan{
font-weight: bold;
font-size: 20px;
line-height: 0.3;
padding-left: 5px;
}
.header_right {
font-family: "century Gothic";
font-size: 20px;
color: #FFFFFF;
background-image: url(we think-images/index_12.jpg);
background-position: center;
background-repeat:none;
height: 117px;
width: 164px;
text-align: center;
}
.header_right_bottom {
font-family: "century Gothic";
font-size: 20px;
color: #FFFFFF;
background-image: url(we think-images/index_14.jpg);
background-position: center;
background-repeat:none;
height: 113px;
width: 164px;
text-align: center;
}
#header_left {
font-family: "century Gothic";
font-size: 14px;
color: #FFFFFF;
background-image: url(we think-images/index_10.jpg);
height: 347px;
width: 235px;
}
.header_right_first {
font-family: "century Gothic";
font-size: 20px;
color: #FFFFFF;
text-align: center;
padding-top: 30px;
font-weight: bold;
}
.header_left_first {
font-family: "century Gothic";
font-size: 14px;
color: #FFFFFF;
text-align: left;
font-weight: normal;
padding-top: 20px;
width: 225px;
padding-left: 5px;
}
.read_more_button{
background:url(we think-images/read_more.png);
width:100px;
height: 34px;
background-repeat: none;
font-family:"century Gothic";
font-size:12px;
color: #000000;
text-align: center;
margin-top: 20px;
line-height: 2.3;
}
.content_rightcenter {
background-image: url(we think-images/index_17.jpg);
height: 525px;
width: 354px;
}
.read_more_button a{
font-family:"century Gothic";
font-size:12px;
color: #000000;
text-align: center;
text-decoration: none;
line-height: 2.3;
}
.content_center {
font-family: "century Gothic";
font-size: 14px;
color: #000000;
background-image: url(we think-images/index_16.jpg);
height: 525px;
width: 585px;
}
.content_titel {
font-family: "century Gothic";
font-size: 25px;
color: #9b7f67;
padding-top: 10px;
}
.content_text {
font-family: "century Gothic";
font-size: 14px;
color: #000000;
padding-top: 5px;
width: 550px;
}
.content_text2 {
font-family: "century Gothic";
font-size: 14px;
color: #000000;
padding-top: 5px;
width: 350px;
}
#bottom_left {
background-image: url(we think-images/index_19.jpg);
height: 266px;
width: 321px;
font-family: "century Gothic";
font-size: 14px;
color: #FFFFFF;
}
#bottom_right {
background-image: url(we think-images/index_21.jpg);
height: 266px;
width: 308px;
}
#bottom_center {
background-image: url(we think-images/index_20.jpg);
height: 266px;
width: 311px;
}
.read_more_button a:hover{
text-decoration: none;
color:#663300
}
.content_bottom {
font-family: "century Gothic";
font-size: 14px;
color: #FFFFFF;
padding-top: 10px;
padding-left: 10px;
}
.style1 {font-size: 25px}
.style2 {
font-family: "century Gothic";
font-size: 12px;
color: #695F56;
padding-top: 20px;
font-weight: bold;
}
.style5 {
font-size: 10px;
color: #FFFFE5;
}
.style5 a {
text-decoration: none;
color: #FFFFE5;
}
#footer {
background-image: url(we think-images/index_22.jpg);
height: 98px;
width: 940px;
}
.style3 {color: #423C35}
</style>
</head>
<body bgcolor="#FFFFFF" style="leftmargin=0px; topmargin=0px; marginwidth= 0px; marginheight=0px;">
<!-- Save for Web Slices (Think with us sliced.psd) -->
<table style="width= 1000px; height= 1396px;" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="2" rowspan="6">
<img src="we think-images/index_01.jpg" width="26" height="1031" alt="" /></td>
<td colspan="3"><div id="logo"><a href="index.html">WE THINK!</a><br />
<span class="slogan">SO THINK WITH US</span></div></td>
<td colspan="2">
<img src="we think-images/index_03.jpg" width="92" height="117" alt="" /></td>
<td><div class="menu">
<ul>
<li><a href="index.html">HOME</a></li>
</ul>
</div></td>
<td colspan="3">
<div class="menu">
<ul>
<li><a href="index.html">ABOUT US</a></li>
</ul>
</div></td>
<td colspan="2">
<div class="menu">
<ul>
<li><a href="index.html">SERVICES</a></li>
</ul>
</div></td>
<td>
<div class="menu">
<ul>
<li><a href="index.html">CONTACT</a></li>
</ul>
</div></td>
<td rowspan="8">
<img src="we think-images/index_08.jpg" width="35" height="1395" alt="" /></td>
</tr>
<tr>
<td rowspan="4">
<img src="we think-images/index_09.jpg" width="1" height="389" alt="" /></td>
<td rowspan="3"><div id="header_left">
<div class="header_left_first">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
<div class="read_more_button">
<a href="index.html">READ MORE</a> </div>
</div></div></td>
<td colspan="8" rowspan="3">
<img src="we think-images/index_11.jpg" width="539" height="347" alt="" /></td>
<td colspan="2"><div class="header_right">
<div class="header_right_first">
WE THINK<br />
SMART </div></div></td>
</tr>
<tr>
<td colspan="2">
<div class="header_right"><div class="header_right_first">
WE THINK<br />
TOGETHER
</div>
</div></td>
</tr>
<tr>
<td colspan="2">
<div class="header_right_bottom"><div class="header_right_first">
WE THINK<br />
EFFICIENT
</div>
</div></td>
</tr>
<tr>
<td colspan="11">
<img src="we think-images/index_15.jpg" width="938" height="42" alt="" /></td>
</tr>
<tr>
<td colspan="7"><div class="content_center">
<div class=" content_titel">WELCOME</div>
<div class=" content_text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div>
<div class=" read_more_button"><a href=" index.html">READ MORE</a></div>
</div></td>
<td colspan="5"><div class="content_rightcenter">
<div class=" content_titel">NEWS AND EVENTS</div>
<div class=" content_text2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div>
<div class=" read_more_button"><a href=" index.html">READ MORE</a></div>
</div></td>
</tr>
<tr>
<td rowspan="2">
<img src="we think-images/index_18.jpg" width="25" height="364" alt="" /></td>
<td colspan="5"><div id="bottom_left">
<div class=" content_bottom style1">YOUR ADVANTAE</div>
<div class=" content_bottom">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </div>
</div></td>
<td colspan="4"><div id="bottom_center">
<div class=" content_bottom style1">3, 2, 1, GO!</div>
<div class=" content_bottom">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining esse.</div>
</div></td>
<td colspan="4"><div id="bottom_right">
<div class=" content_bottom style1">THE SOLUTION</div>
<div class=" content_bottom">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining esse.</div>
</div></td>
</tr>
<tr>
<td colspan="13"><div id="footer">
<div align="center" class="style2 style3">
<p>Copyright 2010 "YOUR SITE". DESIGN BY <a href="http://www.barokstoelen.com" title="Kinderstoelen">Kinderstoelen</a>.</p>
<p><br />
</p>
<div class="style5"><a href="http://www.barokstoelen.com">Kinderstoelen</a></div>
</div>
</div></td>
</tr>
<tr>
<td>
<img src="we think-images/spacer.gif" width="25" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="235" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="44" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="40" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="52" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="142" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="71" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="46" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="24" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="120" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="22" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="142" height="1" alt="" /></td>
<td>
<img src="we think-images/spacer.gif" width="35" height="1" alt="" /></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Related examples in the same category