<!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</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 consequuntur magni dolores eos qui ratione volupta
非响应式黑白黄旅馆企业站模板_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
82 浏览量
2023-08-03
11:14:32
上传
评论
收藏 1.13MB ZIP 举报
woisking2
- 粉丝: 12
- 资源: 6721
最新资源
- maven下载、安装、配置与使用教程(windows、Linux)
- html css网页制作成品案例.zip
- 神经网络介绍及教程&案例.docx
- 重庆市首席信息官(CIO)协会 《软件及信息化工程造价规范V5.0》T/CQCIO 001-2019
- 联想Y471老A卡笔记本开机黑屏 需等待黑屏结束才能进入桌面,解决方法
- elasticsearch-7.14.0和ik分词器
- 利用MPI计算任意范围内的质数
- EnviroSkyandWeather v2.1.1(u2017.1.2)真实动态天气系统包
- React框架介绍及相关教程、案例.docx
- 基于Springboot和Vue教务评教系统(PC端+server端源码+数据库MySQL脚本+环境部署步骤讲解+运行步骤讲解)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈