ynt
<!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>your new template</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type='text/css'>
body {
background-image : url(ynt-picks/bg.jpg);
background-repeat : repeat-x;
line-height : 90%;
margin-top : 0;
background-color : #fff;
color : #fff;
}
.container {
width : 730px;
border : 0 solid gray;
margin-top : 10px;
margin-left : auto;
margin-right : auto;
background-color : #ffffff;
}
#banner {
width : 731px;
height : 188px;
background-image : url(ynt-picks/1.jpg);
}
.banner-text {
width : 335px;
height : 20px;
margin-top : 2.5em !important;
margin-top : 1.9em;
margin-left : 0.4em;
font-family : Georgia, Times, geneva, arial;
letter-spacing : 2px;
color : #b8d3ce;
font-size : 20px;
font-weight : bold;
}
.logo-1 {
width : 40px;
height : 40px;
margin : 0.1em 0 0 0.1em;
padding-top : 20px;
font-family : Georgia, Times, geneva, arial;
color : #d1b38d;
font-size : 58px;
font-weight : bold;
}
.logo-2 {
width : 35px;
height : 35px;
margin-top : -1.2em !important;
margin-top : -1.4em;
margin-left : 0.6em;
padding-top : 20px;
border : 0 solid #000;
font-family : Georgia, Times, geneva, arial;
color : #000;
font-size : 40px;
font-weight : bold;
}
.logo-3 {
width : 35px;
height : 35px;
margin-top : -1.6em !important;
margin-top : -1.8em;
margin-left : 1.6em;
padding-top : 20px;
font-family : Georgia, Times, geneva, arial;
color : #5e5f57;
font-size : 30px;
font-weight : bold;
}
.content {
height : 350px;
background-image : url(ynt-picks/corner.jpg);
background-repeat : no-repeat;
background-position : bottom right;
padding : 10px;
margin : 9px 0 0 140px;
font-family : geneva, arial;
color : #000;
font-size : 10px;
font-weight : bold;
letter-spacing : 2px;
border : 0 solid #e0dfdd;
}
img.right {
float : right;
padding : 0;
margin-right : 6px;
border : 1px solid #547fa9;
}
#left {
float : left;
width : 147px;
margin : 0 1px 0 0;
background-color : #fafce4;
}
.nav-box {
float : left;
width : 140px;
height : 65px;
margin : 0.2em 0 0 0.05em;
border : 1px solid #e0dfdd;
background-color : #ffffff;
}
.s1 {
float : left;
width : 4px;
height : 65px;
margin-left : 0.01em;
background-color : #b8a07a;
}
.s2 {
float : left;
width : 4px;
height : 65px;
margin-left : 0.05em;
background-color : #6ca2be;
}
.nav-box-text {
width : 100px;
height : 25px;
margin-top : 1em;
margin-left : 1.5em;
background-color : #fefdfb;
}
h1 {
font-size : 3em;
color : #4b5658;
margin-top : 5px;
padding : 1px;
border : 0 outset #95b7d0;
font-family : "times", verdana, arial, sans-serif, engravers mt bold;
}
a:hover {
color : #6ca2be;
text-decoration : none;
}
a {
color : #b8a07a;
text-decoration : none;
}
hr {
margin-top : 2.9em !important;
margin-top : 1.8em;
width : 500px;
}
.bottom {
margin-top : 1.5em;
margin-left : 8.5em;
}
</style>
</head>
<body>
<div class="container">
<div id="banner">
<div class="logo-1">Y</div>
<div class="logo-2">N</div>
<div class="logo-3">T</div>
<div class="banner-text">Youre New Template</div>
</div>
<div id="left">
<div class="nav-box">
<div class="s1">
</div>
<div class="s2">
</div>
<div class="nav-box-text">
<span style="font-family:geneva,arial;color:#B8A07A;font-size:14px;font-weight:bold;padding-left:1px;"><a href="#">ABOUT US</a></span>
<br />
<span style="font-family:geneva,arial;color:#6CA2BE;font-size:10px;font-weight:bold; font-style: italic;
letter-spacing: 2px;
padding-left:1px;">who we are</span>
</div></div>
<div class="nav-box">
<div class="s1">
</div>
<div class="s2">
</div>
<div class="nav-box-text">
<span style="font-family:geneva,arial;color:#B8A07A;font-size:14px;font-weight:bold;padding-left:1px;"><a href="#">SERVICES</a></span>
<br />
<span style="font-family:geneva,arial;color:#6CA2BE;font-size:10px;font-weight:bold; letter-spacing: 2px;
padding-left:1px;">We can help</span>
</div></div>
<div class="nav-box">
<div class="s1">
</div>
<div class="s2">
</div>
<div class="nav-box-text">
<span style="font-family:geneva,arial;color:#B8A07A;font-size:14px;font-weight:bold;padding-left:1px;"><a href="#">PRODUCTS</a></span>
<span style="font-family:geneva,arial;color:#6CA2BE;font-size:10px;font-weight:bold; letter-spacing: 2px;
padding-left:1px;">visit our store</span>
</div></div>
<div class="nav-box">
<div class="s1">
</div>
<div class="s2">
</div>
<div class="nav-box-text">
<span style="font-family:geneva,arial;color:#B8A07A;font-size:14px;font-weight:bold;padding-left:1px;"><a href="#">CONTACT US</a></span>
<span style="font-family:geneva,arial;color:#6CA2BE;font-size:10px;font-weight:bold; letter-spacing: 2px;
padding-left:1px;">Get in touch</span>
</div></div>
<div class="nav-box">
<div class="s1">
</div>
<div class="s2">
</div>
<div class="nav-box-text">
<span style="font-family:geneva,arial;color:#B8A07A;font-size:14px;font-weight:bold;padding-left:1px;"><a href="#">PORTFOLIO</a></span>
<span style="font-family:geneva,arial;color:#6CA2BE;font-size:10px;font-weight:bold; letter-spacing: 2px;
padding-left:1px;">our work</span>
</div></div>
</div>
<div class="content">
<h1>Your New Template</h1>
<p>
<big>L</big>orem ipsum dolor sit amet, consectetuer adipiscing elit. Sed in metus. Maecenas tempus. Cras ut sem id lacus ornare tincidunt. Maecenas eleifend. Ut vel lectus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi rutrum sollicitudin leo. Vivamus tincidunt laoreet nisl.</p> <p><big>C</big>urabitur ut massa. Vivamus in nibh eget quam faucibus condimentum. Aenean velit. Integer pretium accumsan pede. Mauris semper sapien in felis. Phasellus molestie velit a quam. Mauris scelerisque tempus pede. Nam feugiat adipiscing neque. Nulla laoreet purus sit amet magna. Pellentesque auctor tortor ac lectus. Duis eleifend.</p>
<p><big>N</big>ullam tincidunt. Cras gravida, lacus non cursus fermentum, felis odio porta lectus, tristique lacinia nisi augue vel mi. Integer lectus elit, imperdiet quis, gravida a, convallis a, lorem. In et neque in lectus fermentum dictum.</p>
<hr />
<div class="bottom"><a href="#"> HOME</a> | <a href="#">ABOUT </a>| <a href="#">SERVICES</a> | <a href="#">PRODUCTS</a> |<a href="#"> Contact us</a>
</div>
</div>
</div>
<br />
<div align="center">
<span style="font-family:geneva,arial;color:#000;font-size:14px;font-weight:bold;">By Coollew</span></div>
</body>
</html>
Related examples in the same category