<!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 http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Beach Holidays web More Templates From www.htmldivcss.com</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main_body">
<div id="wraper">
<div class="header">
<div class="header_left"><img src="images/spoons.png" alt="" class="logo_icon"/>
<h1 class="logo_text">Beach<span class="different">Vacations</span></h1>
<h2 class="logo_punch_line">Best Beach Holiday Destinations around the world </h2>
</div>
<div class="header_right">
<img src="images/banner.jpg" alt="" />
</div>
</div>
<div class="navigation">
<ul>
<li class="visit"><a href="#" class="h_light">Home</a></li>
<li><a href="#">Top Destinations</a></li>
<li><a href="#">Travel Information</a></li>
<li><a href="#"> Tours Packages</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
<div class="body_part">
<div class="body_mid">
<div class="slogan">
<h1 class="main_slogan">Best Beach Holiday Destinations around the world.</h1>
<h2 class="sub_slogan">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean eu leo quam!</h2>
</div>
<div class="slider">
<div class="slider_left">
<img src="images/slider-image.jpg" width="462" height="236" alt="" />
</div>
<div class="inner_copyright">Collect from <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a></div>
<div class="slider_right">
<h2><a href="#" class="sub_title">Featured Destinations of World</a></h2>
<div class="slide_box">
<div class="slide_box_one"><img src="images/photo_1.jpg" alt="" />
<p class="red_text"><a href="#">Hawaii</a></p>
<p class="price">View Details</p>
<p class="details">Book a Tour</p>
</div>
<div class="slide_box_two"><img src="images/photo_2.jpg" alt="" />
<p class="red_text"><a href="#">Goa</a></p>
<p class="price">View Details</p>
<p class="details">Book a Tour</p>
</div>
<div class="slide_box_three"><img src="images/photo_3.jpg" alt="" />
<p class="red_text"><a href="#">Andamam</a></p>
<p class="price">View Details</p>
<p class="details">Book a Tour</p>
</div>
</div>
</div>
</div>
<div class="contenar">
<div class="contenar_one">
<h4><a href="#" class="contenar_link">Destinations in world</a></h4>
<p class="sub_para">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean eu leo quam....</p>
<a href="#"><img src="images/black_button.gif" alt="" border="0" class="butt"/></a> </div>
<div class="contenar_two">
<h4><a href="#" class="contenar_link">Honeymoon Packages</a></h4>
<p class="sub_para">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean eu leo quam...</p>
<a href="#"><img src="images/black_button.gif" alt="" border="0" class="butt"/></a>
</div>
<div class="contenar_three">
<h4><a href="#" class="contenar_link">Popular Tour Packages </a></h4>
<p class="sub_para">No.1 place for holidaying the weather and tourist places are just awesome all the time...</p>
<a href="#"><img src="images/black_button.gif" alt="" border="0" class="butt"/></a>
</div>
</div>
<div class="main_content">
<div class="side_left">
<h2 class="main_title">Welcome to Beach Vacations<br />
<span class="inner_style"> Praesent commodo cursus magna, vel scelerisque</span></h2>
<p class="text_box_one">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<br /> <br />Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie ccumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
<div class="content_box">
<div class="content_box_up">
<h2 class="content_title">Beach Tourism Articles</h2>
<a href="#"><img src="images/blog_butt.png" alt="" border="0" class="go_butt"/></a> </div>
<div class="content_box_down">
<div class="blog_date">
<div class="date_icon">
<h3 class="date_sign">06<br />
<span class="month">Aug</span></h3></div>
<div class="blog_para"><p class="blog_content"><a href="#" class="high_text">Praesent commodo cursus magna, vel scelerisque nisl consectetur et....</a><br />
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean eu leo quamw...</p>
<p class="post_text">Posted on 06-aug-2012 / In Category / By Admin</p>
</div>
</div>
<div class="blog_date">
<div class="date_icon">
<h3 class="date_sign">29<br />
<span class="month">July</span></h3></div>
<div class="blog_para"><p class="blog_content"><a href="#" class="high_text">Praesent commodo cursus magna, vel scelerisque nisl consectetur...</a><br />
Praesent commodo cursus magna, vel scelerisque nisl consectetur...</p>
<p class="post_text">Posted on 29-July-2012 / In Category / By Admin</p>
</div>
</div>
<div class="blog_date"></div>
</div>
</div>
</div>
<div class="side_right">
<div class="price_box">
<h3 class="menu_title">Quick Destinations </h3>
<div class="food_chart">
<p><a href="#" class="dish_name">Destinations one</a></p>
</div>
<img src="images/ass_border.gif" alt="" class="line_dash"/>
<div class="food_chart">
<p><a href="#" class="dish_name">Destinations two</a></p>
</div>
<img src="images/ass_border.gif" alt="" class="line_dash"/>
<div class="food_chart">
<p><a href="#" class="dish_name">Destinations three</a></p>
</div>
<img src="images/ass_border.gif" alt="" class="line_dash"/>
<div class="food_chart">
<p><a href="#" class="dish_name">Destinations four</a></p>
</div>
<img src="images/ass_border.gif" alt="" class="line_dash"/>
<div class="food_chart">
<p><a href="#" class="dish_name">Destinations five</a></p>
</div>
<img src="images/ass_border.gif" alt="" class="line_dash"/>
<div class="food_chart">
<p><a href="#" class="dish_name">Destinations six</a></p>
</div>
<img src="images/ass_border.gif" alt="" class="line_dash"/>
<div class="food_chart">
<p><a href="#" class="dish_name">Destinations seven</a></p>
</div>
</div>
<div class="contact_box"> <h3 class="social_title">We are social</h3>
<a href="#"><img src="images/facebook.png" alt="" border="0" class="face_icon"/></a>
<a href="#"><img src="images/twiter.png" alt="" border="0" class="twit_icon"/></a>
<a href="#"><img src="images/rss.png" alt="" border="0" class="rss_icon"/></a>
<a href="#"><img src="images/youtube.png" alt="" border="0" class="tube_icon"/></a>
</div>
</div>
</div>
</div>
<div class="footer">
<p class="copy_right">© 2012 sitename.com Designed By: Collect from Collect from <a href="http://www.htmldivcss.com/" title="网页模板" target="_blank">网页模板</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
822js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （21个子文件） 
822 
style.css 9KB
1.jpg 158KB
index.html 7KB images 
black_button.gif 2KB photo_3.jpg 9KB
blog_butt.png 3KB nav_bar.png 3KB date_board.png 9KB chart_table.png 38KB slider-image.jpg 261KB photo_2.jpg 23KB banner.jpg 7KB beach.jpg 140KB slider_body.gif 777B spoons.png 993B youtube.png 4KB facebook.png 5KB rss.png 6KB twiter.png 5KB photo_1.jpg 9KB ass_border.gif 1KB资源评论
