<!
DOCTYPE HTML>
<!-- Base Hotel: HTML Template by Klaye Morrison (http://klayemorrison.com) -->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>themelock.com - Base Hotel - Accommodation</title>
<link rel="stylesheet" href="system/css/global.css">
<link class="colour" rel="stylesheet" href="system/css/colour-blue.css">
<link class="pattern" rel="stylesheet" href="system/css/pattern-china.css">
<link rel="stylesheet"
href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body class="fullwidth">
<!-- Navigation | START -->
<div id="nav">
<div class="centre">
<a href="index.html" class="logo"><img alt=""
src="system/images/logo.png" /></a>
<nav>
<ul>
<li class="mobile"><a href="contact.php" class="navbook">Book
Online</a></li>
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Home 1 (Default)</a></li>
<li><a href="index2.html">Home 2 (Full
Screen)</a></li>
<li><a href="index3.html">Home 3 (Colourful)</a></li>
<li><a href="single.html">Single Page</a></li>
</ul>
</li>
<li><a href="accommodation.html">Accommodation</a>
<ul>
<li><a href="accommodation.html">Accommodation List
1</a></li>
<li><a href="accommodation2.html">Accommodation List
2</a></li>
<li><a href="room.html">Room Detail 1</a></li>
<li><a href="room2.html">Room Detail 2</a></li>
</ul>
</li>
<li><a href="about.html">More Pages</a>
<ul>
<li><a href="about.html">About Hotel</a></li>
<li><a href="restaurant.php">Restaurant</a></li>
<li><a href="specials.html">Special Offers</a></li>
<li><a href="gallery.html">Photo Gallery</a></li>
<li><a href="location.html">Location</a></li>
<li><a href="blog.html">Our Blog <i class="fa fa-chevron-
right"></i></a>
<ul>
<li><a href="blog.html">Blog Overview</a></li>
<li><a href="blog-post.html">Blog Post</a></li>
</ul>
</li>
<li><a href="guest-book.html">Guest Book</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a class="promopopup">Promo Popup</a></li>
</ul>
</li>
<li><a href="contact.php">Contact</a></li>
</ul>
<a id="pull"><i class="fa fa-bars"></i></a>
</nav>
<!-- Languages | START -->
<div id="language">
<ul>
<li class="en"><a>EN</a></li>
<li class="cn"><a href="#">CN</a></li>
<li class="fr"><a href="#">FR</a></li>
<li class="de"><a href="#">DE</a></li>
<li class="it"><a href="#">IT</a></li>
</ul>
</div>
<!-- Languages | END -->
<a href="contact.php" class="book"><span data-hover="Book Online">Book
Online</span> <i class="fa fa-check-circle"></i></a>
<div class="shadow"></div>
</div>
</div>
<!-- Navigation | END -->
<div id="container">
<header>
<div id="header">
<div class="h1">
<h1><span>Accommodation</span>
<span class="tagline">Modern Rooms & Spacious Suites</span></h1>
</div>
</div>
<!-- Check Rates Banner | START -->
<div id="check">
<div class="centre">
<form action="contact.php" method="post">
<div class="field calendar"><input name="arrival" type="text"
placeholder="Arrival" id="arrival" readonly /><i class="fa
fa-calendar-o"></i></div>
<div class="field calendar"><input name="departure" type="text"
placeholder="Departure" id="departure" readonly /><i class="fa
fa-calendar-o"></i></div>
<div class="field select">
<select name="rooms">
<option value="1 Room">1 Room</option>
<option value="2 Rooms">2 Rooms</option>
<option value="3 Rooms">3 Rooms</option>
</select>
<i class="fa fa-chevron-down"></i>
</div>
<div class="field select">
<select name="adults">
<option value="1 Adult">1 Adult</option>
<option value="2 Adults">2 Adults</option>
<option value="3 Adults">3 Adults</option>
<option value="4 Adults">4 Adults</option>
<option value="5 Adults">5 Adults</option>
</select>
<i class="fa fa-chevron-down"></i>
</div>
<div class="field select">
<select name="children">
<option value="0 Children">0 Children</option>
<option value="1 Child">1 Child</option>
<option value="2 Children">2 Children</option>
<option value="3 Children">3 Children</option>
<option value="4 Children">4 Children</option>
</select>
<i class="fa fa-chevron-down"></i>
</div>
<button><span data-hover="Book a Room">Book a
Room</span></button>
</form>
</div>
</div>
<!-- Check Rates Banner | END -->
</header>
<!-- Header | END -->
<!-- Content | START -->
<main>
<div class="centre">
<!-- List Items (Rooms) | START -->
<section id="rooms" class="list">
<div class="item">
<div class="imgcontainer"><img alt=""
src="http://dummyimage.com/1200x400" width="1200" height="400" /></div>
<div class="details">
<a href="room.html">
<h3 class="title">Standard Room<br />
<span>Stay from $149 per night</span></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
Suspendisse urna nibh.</p>
<div class="button"><span data-hover="View Room">View
Room</span></div>
</a>
</div>
</div>
</section>
<!-- List Items (Rooms) | END -->
<div id="content">
<h2><strong>Find Your Base</strong> with our selection of rooms &
suites</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet
vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet
viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam
mollis. Ut justo. Suspendisse potenti. Sed egestas, ante et vulputate volutpat,
eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero,
faucibus adipiscing, commodo quis, gravida id, est. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec
urna.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet
vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet
viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam
mollis. Ut justo. Suspendisse potenti. Sed egestas, ante et vulputate volutpat,
eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero,
faucibus adipiscing, commodo quis, gravida id, est.</p>
<table>
<tr>
<th>Room Type</th>
<th>Low Season</th>
<th>Mid Season</th>
<th>High Season</th>
</tr>
<tr>
<td><strong>Standard Room</strong></td>
<td>$149</td>
<td>$169</td>
<td>$199</td>
</tr>
<tr>
<td><strong>Ocean View Room</strong></td>
<td>$199</td>
<td>$219</td>
<td>$249</td>
</tr>
<tr>
<td><strong>Deluxe Room</strong></td>
<td>$225</td>
<td>$245</td>
<td>$275</td>
</tr>
<tr>
<td><strong>Junior Suite</strong></td>
<td>$240</td>
<td>$260</td>
<td>$290</td>
</tr>
<tr>
<td><strong>Premiere Suite</strong></td>
<td>$279</td>
<td>$299</td>
<td>$329</td>
</tr>
<tr>
<td><strong>3 Bed Penthouse</strong></td>
<td>$329</td>
<td>$349</td>
<td>$379</td>
</tr>
</table>
<a href="contact.php" class="button"><span data-hover="Book a
Room">Book a Room</span></a>
</div>
<!-- Video | START -->
<div id="video">
<div class="embed-container"><iframe
src="http://dummyimage.com/1200x675" width="1200" height="675"
allowfullscreen></iframe></div>
</div>
<!-- Video | END -->
</div>
</main>
<!-- Content | END -->
<!-- Sitewide Extras | START -->
<div id="extras">
<div class="centre">
<!-- List Items (Specials Slider) | START -->
<div id="specials" class="list">
<div class="back">
<div class="slider">
<div class="item">
<img alt="" src="http://dummyimage.com/1200x400"
width="1200" height="400" />
<div class="details">
<a href="specials.html">
<div class="title">Family Escape<br />
<span>Activity Package</span></div>
<p>Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna.<br />
<strong>Stay from $249 per night</strong></p>
<div class="button"><span data-hover="View
Special">View Special</span></div>
</a>
</div>
</div>
</div>
</div>
<div class="nav"></div>
</div>
<!-- List Items (Specials Slider) | END -->
<!-- Recent Blog Posts | START -->
<div class="recent">
<a href="blog-post.html">
<div class="date">
<span class="month">Dec</span>
<span class="day">12</span>
</div>
<p class="title">Our Latest Hotel Awards</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec odio. Quisque...</p>
</a>
<a href="blog-post.html">
<div class="date">
<span class="month">Nov</span>
<span class="day">27</span>
</div>
<p class="title">Free Wi-Fi in all rooms</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec odio. Quisque...</p>
</a>
</div>
<!-- Recent Blog Posts | END -->
<!-- Footer Testimonial | START -->
<div class="footertestimonial">
<i class="fa fa-quote-left"></i>
<p class="title">Comfortable & spacious apartment</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet
vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet
viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Lorem ipsum
dolor sit amet...</p>
<div class="author">– <strong>John Smith</strong>
<span>(Sydney, Australia)</span></div>
<a href="guest-book.html" class="button"><span data-hover="Read
Guest Book">Read Guest Book</span></a>
</div>
<!-- Footer Testimonial | END -->
</div>
</div>
<!-- Sitewide Extras | END -->
<!-- Footer | START -->
<footer>
<div id="footer">
<div class="centre">
<!-- Subscribe / Social | START -->
<div class="news">
<div class="title"><span>News & Offers</span></div>
<div class="subscribe">
<form>
<input name="email" type="text" placeholder="Your email
address" />
<button><span data-hover="Sign Up">Sign
Up</span></button>
</form>
</div>
<div class="social">
<a href="#" title="Facebook"><i class="fa
fa-facebook"></i></a>
<a href="#" title="Twitter"><i class="fa
fa-twitter"></i></a>
<a href="#" title="Google+"><i class="fa fa-google-
plus"></i></a>
<a href="#" title="Pinterest"><i class="fa fa-pinterest-
p"></i></a>
</div>
</div>
<!-- Subscribe / Social | END -->
<!-- Contact Details | START -->
<div class="contact">
<p><strong class="phone">+61 8 3456 7890</strong><br />
<a
href="mailto:[email protected]">[email protected]</a><br /><br />
<i class="fa fa-map-marker"></i> 101 Luxury Street<br />
Perth, WA Australia 6000<br />
<a href="https://www.google.com/maps/dir/Current+Location/-
31.957482,115.856868" target="_blank"><strong>Get Directions</strong></a></p>
</div>
<!-- Contact Details | END -->
<div class="dark"></div>
</div>
</div>
<!-- Footer Links | START -->
<div id="footerlinks">
<div class="centre">
<span>Copyright © <script>var d = new Date();
document.write(d.getFullYear());</script> <strong>Base Hotel</strong></span><a
href="index.html">Home</a><a href="sitemap.html">Sitemap</a><span><a
href="http://themeforest.net/item/base-hotel-responsive-booking-gallery-template/
10517095?ref=Klayemore" target="_blank">Template By KM</a></span><span></span>
</div>
</div>
<!-- Footer Links | END -->
</footer>
<!-- Footer | END -->
</div>
<!-- Promo Popup | START -->
<div id="pop">
<img alt="" src="http://dummyimage.com/400x150" width="400" height="150" />
<div class="container">
<p class="title"><strong>Our latest special offers,</strong><br />
straight to your inbox</p>
<p>Stay up to date with the latest specials from Base Hotel. Subscribe and
save on your next stay.</p>
<form>
<input name="email" type="text" placeholder="Your email address" />
<button><span data-hover="Subscribe">Subscribe</span></button>
</form>
<p class="close closepop"><a>Continue browsing site</a></p>
<i class="fa fa-close closepop"></i>
</div>
</div>
<!-- Promo Popup | END -->
<script src="system/js/plugins.js"></script>
<script src="system/js/global.js"></script>
</body>
</html>
