Viziora
<html><head><title>Viziora</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type='text/css'>
/* CSS Document */
TD{
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #333;
text-decoration: none;
margin:0px; padding:0px
line-height:16px;
}
BODY{
background-image: url(Viziora-images/mainbg.gif);
background-repeat: repeat-x;
margin: 0;
background-color:#e9f2f9;
}
td.leftcolumntitle {
margin:0 1px;
}
span.columntitle {
display:block;
height:25px;
margin:0px 1px;
padding:5px 10px 0 10px;
}
p {padding:10px 0 10px 0; margin:0;}
h1 {font-family:'arial', Trebuchet MS, tahoma;
font-size:36px;
font-weight:bolder;
color:#0b8b89;
}
h1 a {text-decoration:none; color:#0b8b89;}
h1 a:hover {text-decoration:none; color:#f5665a;}
h2 {font-family:'arial', Trebuchet MS, tahoma;
font-size:16px;
font-weight:bolder;
color:#f31a41;
margin-bottom:3px;
}
.body_txt {
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #333;
line-height:15px;
}
.txt_copyright {
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #333;
text-decoration: none;
}
.txt_copyright a{
color: #333;
text-decoration: none;
}
.txt_copyright a:hover{
color: #ff0000;
text-decoration: none;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.titlebold {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: "Arial"
}
.titlebold2 {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #09938d; FONT-FAMILY: "Arial"
}
.sitenametitle {font-family:'arial', Trebuchet MS, tahoma; font-size:36px; font-weight:bold; color:#0b8b89; text-decoration:none;}
.sitenametitle a {text-decoration:none; color:#0b8b89;}
.sitenametitle a:hover {text-decoration:none; color:#f26c4f;}
/* CSS Tabs */
#navcontainer {
margin: 0;
padding: 4px;
height: 37px;
width:100%;
text-align:center;
}
#navcontainer ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#navcontainer ul li a {
width: 78px;
height: 27px;
padding: 10px 0 0 0;
margin: 0 0 0 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font: bold 12px "arial";
}
#navcontainer ul li a:hover {
color: #0c8486;
background: #fff;
}
#navcontainer a:active {
background: #f26c4f;
color: #fff;
}
#navcontainer li#active a {
background: #f26c4f;
color: #fff;
}
/*- Left Menu --------------------------- */
#menu2 {
width: 205px;
margin: 0 3px 0 5px;
font: bold 11px 'tahoma';
}
#menu2 li a {
height: 22px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
background: url(Viziora-images/bullet.gif) no-repeat left;
}
#menu2 li a:link, #menu2 li a:visited {
color:#484848;
display: block;
background: url(Viziora-images/bullet.gif) no-repeat left;
margin-left: 0px;
padding: 5px 15px 0 25px;
}
#menu2 li a:hover, #menu2 li #current {
display:block;
color: #09938d;
padding: 5px 15px 0 25px;
background: #fff url(Viziora-images/bullet.gif) no-repeat left;
margin-left: 0px;
}
</style>
</head><body bgcolor="#E9F2F9">
<table width="765" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td height="76"><a href="index.html" class="sitenametitle">viziora</a>
</td>
</tr>
<tr>
<td height="44"><div id="navcontainer">
<ul id="navlist"><!-- CSS Tabs -->
<li id="active"><a id="current" href="index.htm">HOME</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">PRODUCTS</a></li>
<li><a href="#">DOWNLOAD</a></li>
<li><a href="#">CLIENTS</a></li>
<li><a href="#">CONTACT</a></li></ul>
</div> </td>
</tr>
<tr>
<td><img src="Viziora-images/img_banner.jpg" width="765" height="190"></td>
</tr>
<tr>
<td valign="top" class="body_txt" background="Viziora-images/ctnt_bg.gif" style="padding:10px 10px 3px 10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table width="216" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="Viziora-images/leftbartop.gif" width="216" height="12"></td>
</tr>
<tr>
<td height="30" bgcolor="#09938d" class="leftcolumntitle, titlebold"><span class="columntitle">Lorem Ipsum 1</span></td>
</tr>
<tr>
<td background="Viziora-images/leftbarbg.gif" valign="top" style="padding:8px 0 8px 0"><div id="menu2">
<ul>
<!-- CSS Tabs -->
<li><a id="current" href="Home.html">quam uttellus text</a></li>
<li><a href="Products.html">quam uttellus text</a></li>
<li><a href="Services.html">quam uttellus text</a></li>
<li><a href="Support.html">quam uttellus text</a></li>
<li><a href="Order.html">quam uttellus text</a></li>
<li><a href="News.html">quam uttellus text</a></li>
<li><a href="About.html">quam uttellus text</a></li>
<li><a href="About.html">quam uttellus text</a></li>
</ul>
</div></td>
</tr>
<tr>
<td height="30" bgcolor="#09938d" class="leftcolumntitle, titlebold"><span class="columntitle">Advertisement</span></td>
</tr>
<tr>
<td background="Viziora-images/leftbarbg.gif"> </td>
</tr>
<tr>
<td align="center" background="Viziora-images/leftbarbg.gif"><img src="Viziora-images/ads.gif" width="197" height="64"><br><br><img src="Viziora-images/ads.gif" width="197" height="64"><br><br></td>
</tr>
<tr>
<td><img src="Viziora-images/leftbarbtm.gif" width="216" height="12"></td>
</tr>
</table></td>
<td style="padding:0 20px 10px 25px" valign="top"><p><span class="titlebold2">title 1</span><br>
This is Viziora, a free, fully standards-compliant CSS template designed by Free CSS Templates. <BR>
This free template is released under a Creative <A href="http://creativecommons.org/licenses/by/2.5/" target="_blank">Commons Attributions 2.5</A> license, so you’re pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it</p>
<img src="Viziora-images/hr_dotted.gif"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><img src="Viziora-images/hr_dotted.gif"><p><span class="titlebold2">title 2</span><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><img src="Viziora-images/hr_dotted.gif"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><img src="Viziora-images/hr_dotted.gif"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><img src="Viziora-images/hr_dotted.gif"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><img src="Viziora-images/hr_dotted.gif"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><img src="Viziora-images/hr_dotted.gif"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="Viziora-images/ftr_btm.gif" width="765" height="27"></td>
</tr>
<tr>
<td align="center" class="txt_copyright" style="padding:3px 10px 10px 10px;"><a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</body></html>
Related examples in the same category