<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Free Css Template 185 - Youth Travel</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
#sidebar1 { width: 250px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
#sidebar1 { padding-top: 30px; }
#mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]--></head>
<body>
<!-- begin #container -->
<div id="container">
<!-- begin #header -->
<div id="header">
<div>
<div class="logo">
Youth <span>Travel</span>
<div class="author">Collect From </div>
</div>
<div class="search"><input type="button" value="" class="buttonSearch" /><input type="text" name="" id="datepicker" class="searcharea" /></div>
</div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">TRAVEL</a></li>
<li><a href="#">VACATION</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">PHOTOS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<div><img src="images/headerPic.jpg" alt="" /></div>
</div>
<!-- end #header -->
<!-- begin #sidebar1 -->
<div id="sidebar1">
<h2>Hot Travel</h2>
<ul>
<li>
<img src="images/pic1.jpg" class="picPreview" alt="" />
Lorem Ipsum has been the industry's standard dummy text ever since<br />
<a href="#"><img src="images/p.png" class="seemore" alt="" /></a>
</li>
<li>
<img src="images/pic2.jpg" class="picPreview" alt="" />
Lorem Ipsum has been the industry's standard dummy text ever since<br />
<a href="#"><img src="images/p.png" class="seemore" alt="" /></a>
</li>
<li>
<img src="images/pic3.jpg" class="picPreview" alt="" />
Lorem Ipsum has been the industry's standard dummy text ever since<br />
<a href="#"><img src="images/p.png" class="seemore" alt="" /></a>
</li>
<li>
<img src="images/pic4.jpg" class="picPreview" alt="" />
Lorem Ipsum has been the industry's standard dummy text ever since<br />
<a href="#"><img src="images/p.png" class="seemore" alt="" /></a>
</li>
<li>
<img src="images/pic5.jpg" class="picPreview" alt="" />
Lorem Ipsum has been the industry's standard dummy text ever since<br />
<a href="#"><img src="images/p.png" class="seemore" alt="" /></a>
</li>
<li>
<img src="images/pic6.jpg" class="picPreview" alt="" />
Lorem Ipsum has been the industry's standard dummy text ever since<br />
<a href="#"><img src="images/p.png" class="seemore" alt="" /></a>
</li>
<li>
<img src="images/pic7.jpg" class="picPreview" alt="" />
Lorem Ipsum has been the industry's standard dummy text ever since<br />
<a href="#"><img src="images/p.png" class="seemore" alt="" /></a>
</li>
</ul>
</div>
<!-- end #sidebar1 -->
<!-- begin #mainContent -->
<div id="mainContent">
<h2>All website template is released under a Creative Commons Attribution 2.5 License</h2>
<p>
We request you retain the full copyright notice below including the link to This not only gives respect to the large amount of time given freely by the developers but also helps build interest, traffic and use of our free and paid designs. If you cannot (for good reason) retain the full copyright we request you at least leave in place the Website Templates line, with Website Templates linked to . If you refuse to include even this then support may be affected.<br /><br />
<b>You are allowed to use this design only if you agree to the following conditions:</b><br />
- You can not remove copyright notice from any our template without our permission.<br />
- If you modify any our template it still should contain copyright because it is based on our work.<br />
- You may copy, distribute, modify, etc. any our template as long as link to our website remains untouched.<br /><br />
For support please visit
</p>
<div class="horSeparator"></div>
<h2>Popular Places</h2>
<p>
<img src="images/pictureContent.jpg" class="picContent" alt="" /><b>Lorem Ipsum is simply</b><br /><br />
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br /><br />
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing <br /><br />
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
</p>
<input type="button" value="More Details" class="buttonMoreDetails" />
<br class="clearfloat" />
</div>
<!-- end #mainContent -->
</div>
<!-- end #container -->
<!-- begin #footer -->
<div id="footer">
<div class="footerHeader"></div>
<div class="footerBody">
<div class="copyright">
Terms of Use |
<a title="This page validates as XHTML 1.0 Strict" href="#" class="footerLink"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> |
<a title="This page validates as CSS" href="#" class="footerLink"><abbr title="Cascading Style Sheets">CSS</abbr></a><br />Copyright © 2011 Youth Travel. Collect from <a title="网站模板" href="http://www.cssmoban.com">网站模板</a> | Best <a href="http://www.cssmoban.com/" title="模板之家" target="_blank">模板之家</a> from www.cssmoban.com
</div>
<div class="footerIcons">
<ul>
<li><a href=""><img src="images/facebookIcon.png" alt="" /></a></li>
<li><a href=""><img src="images/flickrIcon.png" alt="" /></a></li>
<li><a href=""><img src="images/twitterIcon.png" alt="" /></a></li>
<li><a href=""><img src="images/youtubeIcon.png" alt="" /></a></li>
</ul>
</div>
</div>
</div>
<!-- end #footer -->
</body>
</html>