studio_art
<!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>Modern studio art</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
background-image: url(../../dotted_bg.png);
background-repeat: repeat-x;
background-color: #390D03;
}
*
{
border: 0;
margin-top: 0px;
margin-bottom: 0px;
}
a{
color: #c20e41;
text-decoration:none;
}
a:hover{
color: #c20e41;
text-decoration:underline;
}
#logo {
background-image: url(studio_art-images/index_03.png);
height: 112px;
width: 852px;
}
.logo_title{
font-family:"trebuchet MS";
font-size: 35px;
color:#FFFFFF;
}
.logo_subtitle{
font-family:"trebuchet MS";
font-size: 14px;
color:#FFFFFF;
}
.logo_pic{
}
#top-nav {
font-family: "trebuchet MS";
font-size: 20px;
color: #FFFFFF;
background-image: url(studio_art-images/index_05.jpg);
height: 55px;
width: 852px;
}
#top-nav ul {
margin: 0;
list-style: none;
padding-top: 12px;
padding-left: 25px;
}
#top-nav li {
display: inline;
}
#top-nav a{
font-family: "trebuchet MS";
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
line-height: 2;
padding-right: 40px;
font-weight: bold;
}
#top-nav a:hover{
font-family: "trebuchet MS";
font-size: 16px;
color: #1B080C;
text-decoration: none;
font-weight: bold;
}
.index1{
}
.index1 a{
font-size: 8px;
text-decoration: none;
color: #340D03;
}
.index1 a:hover{
text-decoration: none;
}
#headline {
background-image: url(studio_art-images/index_06.jpg);
height: 114px;
width: 852px;
}
.headline{
font-size: 30px;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 3;
padding-left: 30px;
}
#content-left {
background-image: url(studio_art-images/index_07.jpg);
height: 475px;
width: 595px;
}
.content-left {
font-family:"trebuchet MS";
font-size:14px;
color:#1B1B1B;
padding-left: 23px;
padding-right: 15px;
padding-top: 20px;
}
.title{
font-family:"trebuchet MS";
font-size:20px;
color:#1E1E1E;
padding-top: 15px;
padding-left: 5px;
}
.title2{
font-family:"trebuchet MS";
font-size:20px;
color:#ffffff;
padding-top: 5px;
}
#bottom-right {
background-image: url(studio_art-images/index_10.png);
height: 139px;
width: 392px;
}
#content-right {
background-image: url(studio_art-images/index_08.jpg);
height: 475px;
width: 257px;
}
.content-right {
font-family: "trebuchet MS";
font-size: 12px;
color: c20e41;
padding-top: 15px;
}
#bottom-left {
background-image: url(studio_art-images/index_09.png);
height: 139px;
width: 460px;
}
.content-right a{
color: #c20e41;
text-decoration:underline;
}
.content-right a:hover{
color: #720625;
text-decoration:underline;
}
.content-bottom{
font-family: "trebuchet MS";
font-size: 14px;
color: #ffffff;
}
#footer {
background-image: url(studio_art-images/index_11.png);
height: 61px;
width: 852px;
}
.footer {
font-family: "trebuchet MS";
font-size:10px;
color:#FFFFFF;
text-align:center;
padding-top: 15px;
}
#index1 {
background-image: url(studio_art-images/index_01.png);
height: 44px;
width: 1000px;
}
</style>
</head>
<body style=" leftmargin= 0px; topmargin= 0px; marginwidth= 0px; marginheight= 0px;">
<!-- Save for Web Slices (Untitled-1.psd) -->
<table style="width=1000px; height=1001px;" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="5"><div id="index1"><div class="index1"><a href="http://www.barokstoelen.com">Eetkamerstoelen</a></div></div></td>
</tr>
<tr>
<td rowspan="6">
<img src="studio_art-images/index_02.png" width="80" height="956" alt="" /></td>
<td colspan="3"><div id="logo"><a href="index.html"><img src="studio_art-images/logo.png" alt="logo" width="103" height="102" border="0" longdesc="index.html" /></a><span class="logo_title">MODERN STUDIO ART</span><span class="logo_subtitle">Creative way of designing without borders!</span></div></td>
<td rowspan="6">
<img src="studio_art-images/index_04.png" width="68" height="956" alt="" /></td>
</tr>
<tr>
<td colspan="3"><div id="top-nav">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="index.html">SERVICE WE OFFER</a></li>
<li><a href="index.html">OUR WORKS</a></li>
<li><a href="index.html">LATEST NEWS</a></li>
<li><a href="index.html">INFORMATION</a></li>
<li><a href="index.html">CONTACT</a></li>
</ul>
</div></td>
</tr>
<tr>
<td colspan="3"><div id="headline"><span class="headline">ARTICLE/ PAGE TITLE</span></div></td>
</tr>
<tr>
<td colspan="2"><div id="content-left">
<img src="studio_art-images/image_1.jpg" alt="image1" width="164" height="119" style="float:left; padding-left:20px; padding-top:18px; padding-right: 15px;" />
<div class="content-left">
<p><strong>Lorem</strong> ipsum dolor eetkamerstoelen sit amet, consectetur adipiscing elit. Pellentesque sed cursus urna. Curabitur odio nisi, aliquam interdum aliquet semper, porttitor ac nisi. Curabitur ac est nunc, at fringilla tellus. Aliquam erat volutpat. Phasellus ultrices facilisis eros a congue. Nulla facilisi. Ut vel leo sem. Eetkamerstoelen Curabitur dignissim feugiat felis at porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices.</p>
<p> </p>
<p><strong>Cubilia</strong> Curae; Duis sed convallis metus. Phasellus congue eros id leo consequat quis mollis purus fermentum. Ut sed tempus enim. Suspendisse blandit lectus sed lorem tempor at imperdiet elit congue. Aenean ut ante turpis. Nullam id purus venenatis nisi commodo suscipit. Aenean ante nibh, iaculis scelerisque eetkamerstoelenfaucibus sit amet, lobortis in sem. Nullam non tincidunt nisi. Curabitur sit amet quam turpis. Aliquam eu quam lorem, et tempor risus. Maecenas euismod massa vel arcu venenatis vitae dictum augue blandit. Curabitur varius, felis in imperdiet dictum, metus lectus vehicula dui, ut suscipit felis massa non justo. Morbi tincidunt mattis purus, vel dictum enim volutpat convallis. Nunc et turpis nunc, nec tempus lacus. Suspendisse varius libero id massa lacinia ut placerat dui malesuada. Integer vitae orci velit, nec luctus velit.</p>
<p> </p>
<p><strong>Eetkamerstoelen</strong> mollis velit id eros vulputate euismod ut in mauris. Nam sed nibh in neque interdum bibendum. Morbi rhoncus tellus quis arcu faucibus posuere. Mauris pulvinar leo ut odio ultrices in varius neque ultrices. Nulla sapien neque, tincidunt pellentesque scelerisque a, tempor aliquam orci. <a href="index.html">READ MORE...</a></p>
</div>
</div></td>
<td><div id="content-right">
<div class="title">LATEST ARTICLES</div>
<div class="content-right">
<p><a href="index.html">-Nulla tincidunt orci tellus, non rh.</a></p>
<p> </p>
<p><a href="index.html">-Morbi mollis tempor blandit.</a></p>
<p> </p>
<p><a href="index.html">-Morbi ultrices fringilla quam telsapl</a></p>
<p> </p>
<p><a href="index.html">-Curabitur dignissim feugiat felis at porta.</a></p>
<p> </p>
<p><a href="index.html">-Nunc risus eros, sagittis vehicula blandit.</a></p>
<p> </p>
<p><a href="index.html">-Nulla tincidunt orci tellus, non rhoncus.</a></p>
<p> </p>
<p><a href="index.html">-Morbi mollis tempor blandit. </a></p>
<p><br />
</p>
<p><a href="index.html">-Morbi ultrices fringilla quam telsapl </a></p>
<p> </p>
<p><a href="index.html">-Curabitur dignissim feugiat felis at porta. </a></p>
<p> </p>
<p><a href="index.html">-Nunc risus eros, sagittis vehicula blandit.</a></p>
<p> </p>
<p><a href="index.html">-Morbi ultrices fringilla quam telsapl. </a></p>
<p><br />
</p>
</div>
</div></td>
</tr>
<tr>
<td><div id="bottom-left"><div class="title2">LATEST NEWS</div>
<div class="content-bottom">
>> Phasellus congue eros id leo consequat quis mollis purus fermentum.<br/>
>> Leo consequat quis mollis purus fermentum.<br/>
>> Congue eros id leo consequat quis mollis purus fermentum.<br/>
>> Phasellus congue eros id leo consequat quis mollis purus fermentum.<br/>
</div>
</div></td>
<td colspan="2"><div id="bottom-right"><div class="title2">CONTACT INFORMATION</div>
<div class="content-bottom">
TEL. 555 555 555<br/>
FAX. 000 444 444<br/>
ADDRESS. Modern art studio<br/>
Searoad 40, 4111 LM Munch<br/>
EMAIL. info@modernstudioart.seo<br/>
</div>
</div></td>
</tr>
<tr>
<td colspan="3"><div id="footer">
<div class="footer">
COPYRIGHT (C) 2010 "YOUR SITE". DESIGN BY
<a href="http://www.barokstoelen.com">Eetkamerstoelen</a></div>
</div></td>
</tr>
<tr>
<td>
<img src="studio_art-images/spacer.gif" width="80" height="1" alt="" /></td>
<td>
<img src="studio_art-images/spacer.gif" width="460" height="1" alt="" /></td>
<td>
<img src="studio_art-images/spacer.gif" width="135" height="1" alt="" /></td>
<td>
<img src="studio_art-images/spacer.gif" width="257" height="1" alt="" /></td>
<td>
<img src="studio_art-images/spacer.gif" width="68" height="1" alt="" /></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Related examples in the same category