HelloLand
<!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>
<meta name="Description" content="Offer Web Design, Web Programming, Hosting, Site Management, PA, Lancaster" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="description" content="Web Design, Web Programming, Print Design, Lancaster, Lanc, harrisburg, web hosting" />
<meta name="keywords" content="website design, web designers, web design, PA, MD, Lancaster PA, web, design, firm, web design company, yoohosting, yoosolutions, Print, Design, Print Design, Willow Street, Willow, Street, Luke, Kendig, Luke kendig" />
<meta name="Classification" content="Computers: Internet: Web Design and Development: Designers: Full Service: Print Design: Web Programming: Hosting " />
<meta name="ROBOTS" content="index, follow" />
<meta name="Revisit-after" content="10 days" />
<title>yooSolutions.com - Web Design - Hosting - Programming</title>
<style type='text/css'>
body {
margin : 0;
padding : 0;
font-family : arial, helvetica, sans-serif;
font-size : 9pt;
background-color: #777;
}
#container {
width : 730px;
margin : 20px auto 20px auto;
border : 1px solid #111;
background : #fff;
background-image: url(HelloLand-images/bg.png);
}
#header {
height : 250px;
background : transparent;
border-bottom : 4px solid #000;
}
#header h1 {
color : #fefefe;
font-size : 22pt;
margin : 0;
padding : 40px 10px 10px 10px;
}
#content {
width : 490px;
padding : 10px;
float : right;
}
#content h1, h2, h3, h4 {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-weight : lighter;
color : #9dceef;
}
#content h2 {
color : #a0d1f1;
font-size : 18pt;
border-bottom : 1px solid #ccc;
}
#content h3 {
color : #333;
font-size : 12pt;
}
#content a { color:#0099FF}
#photos {
width : 428px;
height : 224px;
margin : 10px auto 10px auto;
position : relative;
padding : 10px;
background : #f2f7e9;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
}
.imgbox {
width : 75px;
height : 75px;
border : 1px solid #77a13d;
background : #f1f1f1;
margin : 15px;
float : left;
display : inline;
}
#sidebar {
width : 200px;
padding : 10px;
float : left;
margin : 0;
}
#sidebar ul {
margin : 0;
padding : 0;
background : #f2f7e9 url(HelloLand-images/menu1.png) no-repeat top left;
border-bottom : 1px solid #fff;
}
#sidebar ul li {
margin : 0;
padding : 0;
list-style : none;
border : 1px solid #fff;
background : #f2f7e9 url(HelloLand-images/menu2.png) no-repeat top left;
border-bottom : none;
}
#sidebar ul li a {
display : block;
padding : 3px;
width : 192px;
background : #f2f7e9 url(HelloLand-images/menu1.png) no-repeat top left;
color : #060;
text-indent : 30px;
text-decoration : none;
}
#sidebar ul li a:hover {
background : #f2f7e9 url(HelloLand-images/menu2.png) no-repeat top left;
}
.side3 {
border : 1px solid #fff;
background : #d9de11;
padding : 5px;
text-align : center;
margin : 10px 0 0 0;
font-size : 8pt;
}
.side1 {
border : 1px solid #fff;
background : #87c73d;
padding : 5px;
text-align : center;
margin : 10px 0 0 0;
font-size : 8pt;
}
.side2 {
border : 1px solid #fff;
padding : 5px;
text-align : center;
margin : 10px 0 0 0;
font-size : 8pt;
background : #B5DBF4;
}
#footer {
clear : both;
border-top : 1px solid #000;
background : #000;
padding : 10px;
color : #fff;
font-size : 8pt;
text-align : center;
}
a {
color : #FFFFFF;
font-weight : bold;
}
a:hover {
}
.img-header {
background : #f2f7e9 url(HelloLand-images/ys_header.png) no-repeat top left;
clear : both;
float : left;
width : 730px;
height : 175px;
margin : 0;
padding : 0;
}
.nav1-container {
width : 730px;
top : 25px;
position : absolute;
z-index : auto;
background : transparent;
right: inherit;
}
.nav1 {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
}
.nav1 ul {
float : right;
margin : 0;
padding : 0 20px 0 0;
border-left : 1px solid rgb(115, 162, 182);
background-color : transparent;
font-weight : bold;
}
.nav1 li {
display : inline;
list-style : none;
margin : 0;
padding : 0;
}
.nav1 li a {
display : block;
float : left;
margin : 0;
padding : 2px 5px 2px 5px;
border-right : 1px solid rgb(115, 162, 182);
color : #FFFFFF;
text-decoration : none;
font-size : 10px;
}
.nav1 a:hover, .nav2 a.selected {
color : #003300;
text-decoration : none;
}
.style2 {color: #87C71D}
.style3 {color: #A0D9F8}
.style5 {color: #A1D1EE}
.style6 {
color: #9ED0F1;
font-size: 14pt;
font-weight: bold;
}
.nametxt {
width : 730px;
top : 25px;
position : absolute;
z-index : auto;
background : transparent;
left: inherit;
</style>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<div id="container">
<div class="nametxt">
<h1>Hello</h1></div>
<!-- Navigation Level 1 -->
<div class="nav1-container">
<div class="nav1">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li> <li><a href="sitemap.xml">Sitemap</a></li>
</ul>
</div>
</div>
<div><img src="HelloLand-images/ys_header.png" alt="" width="730" class="img-header"/></div>
<div id="content">
<h2>Welcome</h2>
<p>HelloLand is a CSS template that is free and fully standards compliant. <a href="http://www.free-css-templates.com/">Free CSS Templates</a> designed this template. </p>
<p> This template is allowed for all uses, including commercial use, as it is released under the Creative Commons Attributions 2.5 license. The only stipulation to the use of this free template is that the links appearing in the footer remain intact. Beyond that, simply enjoy and have fun with it!</p><br />
<br />
<br />
Think we should change something on the site? Send us an email.<br />
</div>
<div id="sidebar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="services.html">Our Services</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="free.html">Free Services</a></li>
</ul>
<div class="side1">
yooSolutions<br />
16 West Willow Road<br />
Willow Street, Pa 17584<br />
717-341-4645 - Luke<br />
Luke @ yoosolutions.com<br />
</div>
<div class="side2">
Jan 9 2008 yooSolutions<br />Opens up</div>
<div class="side3">
Print Design<br />
<a href="portfolio.html"><img src="HelloLand-images/3bthum.png" width="73" height="93" /></a> </div>
</div>
<div id="footer"> 2008. All Rights Reserved. <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>| <a href="http://validator.w3.org/check?uri=referer" title="XHTML 1.0 Transitional">W3C XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate Style Sheet as W3C CSS Compliant">W3C CSS </a></div>
</div>
</body>
</html>
Related examples in the same category