<!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
共 48 条
- 1
资源评论
woisking2
- 粉丝: 12
- 资源: 6721
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功