<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Adamina_400.font.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js" ></script>
<script type="text/javascript" src="js/script.js" ></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
<![endif]-->
<!--[if lt IE 7]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
</div>
<![endif]-->
</head>
<body id="page3">
<div class="bg1">
<div class="bg2">
<div class="main">
<!-- header -->
<header>
<h1><a href="index.html" id="logo">LoungeHotel</a></h1>
<div class="department">
9863 - 9867 Mill Road, LA, MG09 99HT<br>
<span>Freephone: +1 800 559 6580</span>
</div>
</header>
<div class="box"><div class="ic">More Website Templates @ TemplateMonster.com - October 24, 2011!</div>
<nav>
<ul id="menu">
<li><a href="index.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li class="active"><a href="Booking.html">Booking</a></li>
<li><a href="Rooms.html">Rooms</a></li>
<li><a href="Locations.html">Locations</a></li>
</ul>
</nav>
<!-- header end -->
<!-- content -->
<article id="content">
<div class="box1">
<div class="wrapper">
<form action="#" id="form1">
<h2>Book a Room</h2>
<fieldset>
<div class="row">
<input type="text" class="input">
Your Name:
</div>
<div class="row">
<input type="text" class="input">
E-Mail Address:
</div>
<div class="row">
<input type="text" class="input">
Home Phone:
</div>
<div class="row">
<div class="select1"><select><option> </option><option>...</option></select></div>
Length of Stay:
</div>
<div class="row">
<div class="select1"><select><option> </option><option>...</option></select></div>
Number in Party:
</div>
<div class="row">
<div class="select2"><select><option> </option><option>...</option></select></div>
<div class="select2"><select><option> </option><option>...</option></select></div>
<div class="select2"><select><option> </option><option>...</option></select></div>
Arrival Date:
</div>
<div class="row_textarea">
Additional Comments:
<textarea cols="1" rows="1"></textarea>
</div>
<div class="wrapper">
<a href="#" class="button1" onClick="document.getElementById('form1').submit()">Send</a>
<a href="#" class="button1" onClick="document.getElementById('form1').reset()">Clear</a>
</div>
</fieldset>
</form>
<div class="col2 pad">
<h2><img src="images/title_marker1.jpg" alt="">Best Propositions of This Month</h2>
<div class="wrapper line1">
<div class="col3">
<figure class="pad_bot3"><img src="images/page3_img1.jpg" alt=""></figure>
<p class="pad_bot1"><strong class="color3">Lorem ipsum dolor amet consectetur</strong></p>
<p>Adipisicing elito eiusmod tempor incididunt ut labore dolore magna.</p>
<ul class="list2">
<li><span>2</span>Rooms</li>
<li><span>4</span>Beds</li>
</ul>
<a href="#" class="button2">Book Room</a>
</div>
<div class="col3 pad_left2">
<figure class="pad_bot3"><img src="images/page3_img4.jpg" alt=""></figure>
<p class="pad_bot1"><strong class="color3">Lorem ipsum dolor amet consectetur</strong></p>
<p>Ut enim ad minim veniam nostrud exercitation ullamco laboris nisi ut aliquip.</p>
<ul class="list2">
<li><span>2</span>Rooms</li>
<li><span>4</span>Beds</li>
</ul>
<a href="#" class="button2">Book Room</a>
</div>
</div>
</div>
</div>
</div>
<div class="pad">
<div class="wrapper line3">
<div class="col2">
<h2>About Booking</h2>
<p class="pad_bot1"><strong class="color2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo</strong> </p>
<p>
Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enigm ipsam voluptatem nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
<div class="wrapper">
<figure class="left marg_right1"><img src="images/page3_img3.jpg" alt=""></figure>
<p class="pad_bot1"><strong class="color2">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum</strong></p>
<p class="pad_bot2">
Deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga harum quidem rerum facilis est et expedita.</p>
</div>
<div class="pad_bot2">
<div class="wrapper line2">
<div class="col1">
<ul class="list1">
<li><a href="#">Inventore veritatis et quasi architecto</a></li>
<li><a href="#">Beatae vitae dicta sunt explicabo</a></li>
<li><a href="#">Nemo enim ipsam voluptatem quivolupta</a></li>
<li><a href="#">Sit aspernatur aut odit aut fugit sed</a></li>
</ul>
</div>
<div class="col1 pad_left1">
<ul class="list1">
<li><a href="#">Neque porro quisquam est, qui dolorem</a></li>
<li><a href="#">Ipsum quia dolor amet consectetur</a></li>
<li><a href="#">Adipisci velit, sed quia non numquam</a></li>
<li><a href="#">Eius modi tempora incidunt ut</a></li>
</ul>
</div>
</div>
</div>
<a href="#" class="button1">Read More</a>
</div>
<div class="col1 pad_left1">
<h2>Booking Info</h2>
<p class="pad_bot1"><strong class="color2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</strong></p>
<p class="pad_bot1">
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequu
H616国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （48个子文件） 
H616 
Rooms.html 9KB Booking.html 10KB Services.html 9KB js 
PIE.htc 28KB kwicks-1.5.1.pack.js 2KB jquery.jqtransform.js 14KB html5.js 1KB Adamina_400.font.js 104KB cufon-yui.js 18KB jquery-1.6.js 89KB atooltip.jquery.js 4KB cufon-replace.js 72B script.js 110B Locations.html 8KB css style.css 8KB layout.css 752B reset.css 936B ie.css 109B index.html 9KB images 
page2_img3.jpg 10KB page3_img3.jpg 24KB page1_img1.jpg 12KB title_marker3.jpg 2KB page4_img1.jpg 29KB Thumbs.db 66KB
line_vert1.gif 44B page2_img4.jpg 13KB page3_img1.jpg 28KB
logo.png 10KB img2.jpg 169KB line_vert2.gif 44B footer_menu_line.gif 44B select.gif 73B icon3.jpg 2KB page3_img4.jpg 24KB bg.gif 2KB icon2.jpg 1KB icon4.jpg 2KB img4.jpg 250KB img1.jpg 230KB icon1.jpg 2KB title_marker2.jpg 2KB bg_top.png 21KB img3.jpg 160KB marker_1.gif 51B title_marker1.jpg 1KB page2_img2.jpg 26KB page2_img1.jpg 29KB资源评论
