corporation-ltd
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Corporation ltd.</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<style type='text/css'>
<!--
/*
2008 - Design, CSS Style by P&B Creations, pbcreations.sk
2008 - Martin Plakinger (CEO)
*/
body {
color:#333333;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 auto;
background: transparent url("corporation-ltd-img/bg.gif") center top no-repeat;
background-color:#e4e4e4;
}
a, a:visited, a:link { color:#000000; text-decoration:underline; }
a:hover { color: #666666; }
h1 { font-size:18px; margin:0; color:#333333; border-bottom: 1px dashed #333333; }
h2 { font-size:12px; margin:0; color:#333333; border-bottom: 1px dashed #333333; border-top:1px dotted #333333; }
h1 a, h1 a:visited, h1 a:link { text-decoration:none; }
h2 a, h2 a:visited, h2 a:link { text-decoration:none; padding:10px; line-height:25px; }
h2 img { margin-right:5px; border:0; }
input {
background-color: #fff;
background-image:url("corporation-ltd-img/input.gif");
background-repeat: repeat-x;
border:1px solid #a66347;
width:140px;
padding:3px;
margin-top:18px;
}
div.wrap1 {
width: 858px;
margin: 0 auto;
overflow: hidden;
border:1px solid #c3c3c3;
}
div.wrap1 .wrap2 {
width: 856px;
background-repeat:repeat-y;
border: 1px solid #FFFFFF;
margin: 0 auto;
overflow: hidden;
}
div.wrap2 .logo {
width:796px;
height:61px;
padding:0px;
margin:0 auto;
background-image: url("corporation-ltd-img/logo.png");
background-repeat:no-repeat;
color:#FFFFFF;
font-size:22px;
font-weight:bold;
padding:30px;
}
div.logo .slogan {
font-size:9px;
font-weight:normal;
margin-top:3px;
}
div.info, div.info1 {
width:816px;
line-height:40px;
background-color:#FFFFFF;
padding-left:20px;
padding-right:20px;
background-image:url(corporation-ltd-img/info.gif);
background-repeat:repeat-x;
}
div.info1 {
background-image:url(corporation-ltd-img/info1.gif);
float:left;
border-top:1px solid #fff;
background-color:#e4e4e4;
color:#999;
}
div.info1 a, div.info1 a:link, div.info1 a:visited { color:#999; }
div.info1 a:hover { color: #666; }
div.wrap2 .leftpanel, div.wrap2 .rightpanel {
width:200px;
display: inline;
float:left;
}
div.wrap2 .mainpanel {
width:456px;
float:left;
}
div.leftpanel .header, div.rightpanel .header {
background-image:url(corporation-ltd-img/header.png);
background-repeat:no-repeat;
width:180px;
line-height:35px;
padding-left:20px;
color:#FFFFFF;
overflow:hidden;
font-weight:bold;
}
.text { padding:8px; text-align:justify; }
/* uplatnuje sa na left a right stlpec */
.text img { margin-right:10px; margin-bottom: 10px; border:0; float:left; }
.text_ { padding:15px; text-align:justify; }
/* uplatnuje sa na hlavny stlpec */
.text_ img { vertical-align:middle; border:0; }
span.divider {
border-bottom:1px dashed #333333;
padding-bottom:5px;
margin-bottom:5px;
display:block;
}
div.rightpanel .inquiry, div.leftpanel .inquiry {
padding:8px;
text-align:justify;
}
.inquiry a, .inquiry a:link, .inquiry a:visited, .inquiry a:hover { text-decoration:none; }
-->
</style>
<link rel="stylesheet" type="text/css" media="screen, projection" href="style.css" />
<style type="text/css">
<!--
div.wrap1 .wrap2 {
/* only with left panel- background-image: url(corporation-ltd-img/bg1.gif); */
/* right and left panel */ background-image: url(corporation-ltd-img/bg2.gif);
/* only with right panel - background-image: url(corporation-ltd-img/bg3.gif); */
}
-->
</style>
</head>
<body>
<div class="wrap1">
<div class="wrap2">
<div class="logo">
<div style="display:inline; float:left;"> Corporation ltd.
<div class="slogan">Free CSS Website Template</div>
</div>
<div style="display:inline; float:right">
<input type="text" />
</div>
</div>
<div id="menu">
<div class="menu">
<ul>
<li><span class="left"></span><span class="hlavny"><a href="http://www.free-css.com/">Home</a></span><span class="right"></span></li>
<li><img src="corporation-ltd-img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="index1.html">2 Columns (1)</a></span></li>
<li><img src="corporation-ltd-img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="index2.html">2 Columns (2)</a></span></li>
<li><img src="corporation-ltd-img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="http://www.free-css.com/" >Links</a></span></li>
<li><img src="corporation-ltd-img/divider2.png" alt="" /></li>
<li><span class="hlavny_"><a href="http://www.free-css.com/">Contact</a></span></li>
</ul>
</div>
<div class="info"> This text is describing selected item. You may give here advertisement, informations etc. Whatever! </div>
<div class="leftpanel">
<div class="header">Products</div>
<ul id="categories">
<li style="border-top:0;"><a href="http://www.free-css.com/">Item 1</a></li>
<li><a href="http://www.free-css.com/">Item 1</a></li>
<li><a href="http://www.free-css.com/">Item 2</a></li>
<li><a href="http://www.free-css.com/">Item 3</a></li>
<li class="selected"><a href="http://www.free-css.com/">Item 4 - selected</a></li>
<li><a href="http://www.free-css.com/">Item 5</a></li>
<li><a href="http://www.free-css.com/">Item 6</a></li>
<li><a href="http://www.free-css.com/">Item 7</a></li>
</ul>
<br />
<div class="header">Office</div>
<div class="text"> <strong>Corporation ltd.</strong><br />
<br />
212 Military Parkway<br />
<span class="divider">Los Angeles, CA 94043</span> Telephone: +421 903 000 000<br />
E-mail: e-mail@domain.com<br />
ICQ: 000-000-000<br />
Skype: corporation1<br />
<br />
</div>
</div>
<div class="mainpanel">
<div class="text_">
<h1><a href="http://www.free-css.com/">Welcome on our website!</a></h1>
<div class="text"><img src="corporation-ltd-img/img1.jpg" alt="" />This is a free, fully standards-compliant CSS template designed by P&B Creations and supported by Tachlovice. 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. The photo used is from Wallpaperstock.net. Have fun with it :)<br />
<br />
Ad has utinam senserit maiestatis. Sonet causae per no, ex vel choro eirmod alienum. Tota takimata imperdiet ea est, ut eligendi iudicabit mei. Sea probo laboramus in, paulo placerat at qui. Vix labore concludaturque ex.<br />
<br />
Cu alii movet diceret duo. Sonet causae per no, ex vel choro eirmod alienum. </div>
<h2><a href="http://www.free-css.com/"><img src="corporation-ltd-img/more.gif" alt="" />Read more</a> <a href="http://www.free-css.com/"><img src="corporation-ltd-img/comment.gif" alt="" />Comments (8)</a></h2>
</div>
<div class="text_">
<h1><a href="http://www.free-css.com/">Sed unum qualisque idi</a></h1>
<div class="text"><img src="corporation-ltd-img/img1.jpg" alt="" />Sed unum qualisque id, et est reque veniam disputando. Ad eum saperet consulatu laboramus, audire percipit eu cum. Nec eu wisi delicatissimi. Ut putent fabulas civibus eam, eu mucius nostrum philosophia pro, pri an reque iuvaret vulputate. Eum ei assum sensibus iudicabit. Ad has utinam senserit maiestatis. Sonet causae per no, ex vel choro eirmod alienum. Tota takimata <a href="http://www.free-css.com/">imperdiet</a> ea est, ut eligendi iudicabit mei. Sea probo <a href="http://www.free-css.com/">laboramus</a> in, paulo placerat at qui. Vix labore concludaturque ex. Cu alii movet diceret duo. </div>
<h2><a href="http://www.free-css.com/"><img src="corporation-ltd-img/more.gif" alt="" />Read more</a> <a href="http://www.free-css.com/"><img src="corporation-ltd-img/comment.gif" alt="" />Comments (1)</a></h2>
</div>
<div class="text_">
<h1><a href="http://www.free-css.com/">His aliquip inciderint ex</a></h1>
<div class="text"><img src="corporation-ltd-img/img1.jpg" alt="" />His aliquip inciderint ex, meliore mediocritatem in sed, an fabulas inimicus praesent cum. Ut legendos conclusionemque vix. Ea legere tincidunt constituto has. Ut his <a href="http://www.free-css.com/">solum audire efficiendi</a>, pri postea quidam referrentur at. Ut solet mucius placerat usu, ut has dicat dolorum evertitur, at utamur partiendo has. Ex enim laudem persequeris vim.<br />
<br />
Sit an posse eruditi corrumpit. Eligendi pericula ne duo. Vix illud omnesque salutatus ne. Est in saepe civibus, oportere hendrerit scribentur eos ad. Alienum comprehensam eu mei. Te iusto integre nam, unum hendrerit eu ius. Sonet causae per no, ex vel choro eirmod alienum. Ut putent fabulas civibus eam, eu mucius nostrum philosophia pro, pri an reque iuvaret vulputate. </div>
<h2><a href="http://www.free-css.com/"><img src="corporation-ltd-img/more.gif" alt="" />Read more</a> <a href="http://www.free-css.com/"><img src="corporation-ltd-img/comment.gif" alt="" />Comments (21)</a></h2>
</div>
</div>
<div class="rightpanel">
<div class="header">Inquiry</div>
<div class="inquiry"> <span class="divider" style="font-weight:bold;">Pri iudico cetero euripidis eu, tota utinam interesset nam et?</span> <span class="divider"><a href="http://www.free-css.com/">Viris delectus voluptatum</a> (467)</span> <span class="divider"><a href="http://www.free-css.com/">Has ne etiam epicuri</a> (1347)</span> <span class="divider"><a href="http://www.free-css.com/">Docendi honestatis eos ne</a> (608)</span> <span class="divider"><a href="http://www.free-css.com/">Mel ex ullum probatus similique</a> (609)</span> <strong>3031 votes</strong><br />
<br />
</div>
<div class="header">Corporation ltd.</div>
<div class="text"> <strong>Corporation ltd.</strong><br />
<br />
212 Military Parkway<br />
<span class="divider">Los Angeles, CA 94043</span> Telephone: +421 903 000 000<br />
E-mail: e-mail@domain.com<br />
ICQ: 000-000-000<br />
<span class="divider">Skype: corporation1</span> Telephone: +421 903 000 000<br />
E-mail: e-mail@domain.com<br />
ICQ: 000-000-000<br />
Skype: corporation1<br />
<br />
</div>
</div>
</div>
<div class="info1">
<div style="display:inline; float:left;">© 2008 <a href="http://www.free-css.com/">yourwebsite.com</a>. Design <a href="http://pbcreations.sk">P&B Creations</a>.</div>
<div style="display:inline; float:right;"><a href="http://www.topas-tachlovice.cz/topas-tachlovice.aspx">Tachlovice</a></div>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category