funkycorporate
<!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>Funky Corporate Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<style type='text/css'>
/*------------------------------------------------------------*
**
CSS coding by Empire Elements - www.empire-elements.co.uk
Contact us on : info@empire-elements.co.uk
UK Mobile: 07891 226 702 Tel: 020 8816 8289
**------------------------------------------------------------*/
/*------------------------------------------------------------*
** Global
**------------------------------------------------------------*/
body {
}
/*------------------------------------------------------------*
** Main Container
**------------------------------------------------------------*/
#Container {
width: 800px;
text-align: justify;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position: relative;
padding: 10px;
border: 1px solid #CCCCCC;
}
/*------------------------------------------------------------*
** Main Container
**------------------------------------------------------------*/
#Top{
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
#Top img{
float: right;
}
#Top h1{
font-family: "Trebuchet MS", Arial, Verdana;
font-size: 18px;
font-weight: bold;
color: #FC7316;
font-style: normal;
line-height: normal;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
}
#Top h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #005787;
margin: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
font-weight: bold;
}
/*------------------------------------------------------------*
** Top Navigation
**------------------------------------------------------------*/
#nav
{
height: 25px;
background-color: #EFEFEF;
width: 800px;
margin-top: 0px;
}
div#nav ul
{
height: 25px;
list-style: none;
width: 800px;
display: inline;
margin-left: 0px;
padding-left: 0px;
}
div#nav ul li
{
list-style: none;
display: block;
width: 133px;
float: left;
text-align: center;
line-height: 25px;
font-size: 12px;
font-weight: normal;
border-right: 1px solid #FFFFFF;
}
div#nav ul li a
{
width: 100%;
height: 25px;
display: block;
color: #005787;
text-decoration: none;
font-family: "Trebuchet MS";
font-size: 14px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FC7316;
}
div#nav ul li.last
{
width: 129px;
}
div#nav ul li a:hover
{
color: #FFFFFF;
background-color: #FC7316;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
/*------------------------------------------------------------*
** Top Image
**------------------------------------------------------------*/
div#TopImage {
text-align: left;
width: 800px;
padding-top: 5px;
}
/*------------------------------------------------------------*
** InfoLine
**------------------------------------------------------------*/
div#InfoLine {
background-color: #FC7316;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
height: 18px;
line-height: 18px;
font-weight: normal;
padding-right: 10px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: right;
}
/*------------------------------------------------------------*
** MainText
**------------------------------------------------------------*/
/* Container Start*/
div#MainText {
width: 800px;
clear: both;
float: left;
padding-bottom: 0px;
}
div#MainText h1{
font-family: "Trebuchet MS", Verdana, Arial;
font-size: 16px;
font-weight: bold;
color: #005787;
margin-top: 10px;
}
/* Container Left Start*/
div#MainText-left {
width: 180px;
}
div#MainText-left ul {
height: 25px;
list-style: none;
width: 180px;
clear: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
div#MainText-left ul li {
list-style: none;
display: block;
width: 180px;
float: left;
text-align: left;
line-height: 25px;
font-size: 12px;
font-weight: normal;
}
div#MainText-left ul li a{
width: 100%;
height: 25px;
display: block;
color: #FC7316;
text-decoration: none;
font-family: "Trebuchet MS";
font-size: 14px;
padding-left: 10px;
background-color: #EFEFEF;
margin: 1px;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #949494;
}
div#MainText-left ul li a:hover {
color: #FFFFFF;
background-color: #FC7316;
font-weight: bold;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #005787;
}
/* Container Right Start*/
div#MainText-right {
text-indent: 8pt;
clear: both;
width: 570px;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
line-height: 18px;
}
/*------------------------------------------------------------*
** Footer
**------------------------------------------------------------*/
div#Footer {
width: 100%;
clear: both;
background-color: #EFEFEF;
}
div#Footer p{
padding: 5px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #949494;
}
div#Footer a{
color: #FC7316;
text-decoration: none;
}
div#Footer a:hover{
color: #005787;
text-decoration: none;
}
</style>
</head>
<body>
<div id="Container">
<div id="Top">
<h1><img src="logo.gif" alt="Cool Web site Designs" width="160" height="50" class="logo" />Funky Corporate Design</h1>
<h2>Your sub header title goes here </h2>
</div>
<div id="nav">
<ul>
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Navigation 2</a></li>
<li><a href="http://www.free-css.com/">Navigation 3</a></li>
<li><a href="http://www.free-css.com/">Navigation 4</a></li>
<li><a href="http://www.free-css.com/">Navigation 5</a></li>
<li class="last"><a href="http://www.free-css.com/">Navigation 6</a></li>
</ul>
</div>
<div id="TopImage"><img src="top.jpg" alt="" width="800" height="174" /></div>
<div id="InfoLine">Latest news Text line.</div>
<div id="MainText">
<div id="MainText-right">
<h1>Welcome to our design studio that offers the coolest designs.</h1>
<p>Empire Elements is a UK Web Design Company delivering web sites, custom web design and web site hosting to businesses and individuals. We take proper care of the smallest job and we anticipate your needs.</p>
<p>We are specialists in web site design that requires precision code, supporting W3C standard (please see statement of validation at the bottom of this page), web hosting, multi browser support and Optimization for the search engines. When we build a web site our web sites are by default tested in all major browsers, to ensure visitors of your site encounter flawless experience.
Over 3 years of design company UK business experience, operating world wide with bases in the United Kingdom and Europe. <br />
<br />
No fixed office hours, help when you need it.</p>
</div>
<div id="MainText-left">
<ul>
<li><a href="http://www.free-css.com/">Original Web design Style</a></li>
<li><a href="http://www.free-css.com/">W3C standard Validation</a></li>
<li><a href="http://www.free-css.com/">Explicit Coding Techniques</a></li>
<li><a href="http://www.free-css.com/">Makeovers</a></li>
<li><a href="http://www.free-css.com/">Multibrowser Support</a></li>
<li><a href="http://www.free-css.com/">LIVE Feature</a></li>
<li><a href="http://www.free-css.com/">Code Optimization</a></li>
<li><a href="http://www.free-css.com/">Our Clients</a></li>
<li><a href="http://www.free-css.com/">Benefits with Us</a></li>
</ul>
</div>
</div>
<div id="Footer">
<p> Designed By <a href="http://www.empire-elements.co.uk/" title="Empire Elements web design">Empire Elements</a><br />
<b>More Info:</b> | <a href="http://www.free-css.com/">Terms and Conditions</a> | <a href="http://www.free-css.com/">Testimonials</a> | <a href="http://www.free-css.com/">Contact Us</a><br />
This web site is <a href="http://validator.w3.org/check?uri=referer">W3C XHTML 1.0 Strict VALID</a><br />
<b>Link Exchange: </b><a href="http://www.free-css.com/">Add your site free</a>, <a href="http://www.free-css.com/">Add your site free</a><br />
Licenced under <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/uk/">Creative Commons Attribution-Noncommercial-Share Alike 2.0 UK</a></p>
</div>
</div>
</body>
</html>
Related examples in the same category