<!DOCTYPE html>
<!--[if lt IE 7]> <html dir="ltr" lang="en-US" class="ie6"> <![endif]-->
<!--[if IE 7]>    <html dir="ltr" lang="en-US" class="ie7"> <![endif]-->
<!--[if IE 8]>    <html dir="ltr" lang="en-US" class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html dir="ltr" lang="en-US"> <!--<![endif]-->

<!-- BEGIN head -->
<head>

	<!--Meta Tags-->
	<meta name="viewport" content="width=device-width; initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
	<!--Title-->
	<title>Nice Hotel - A Premium HTML Template for Hotels</title>

	<!--Stylesheets-->
	<link rel="stylesheet" href="<?php echo e(Asset('public/template/css/superfish.css')); ?>" type="text/css"  media="all"  />
	<link rel="stylesheet" href="<?php echo e(Asset('public/template/css/prettyPhoto.css')); ?>" type="text/css" media="all" />
	<link type="text/css" href="<?php echo e(Asset('public/template/css/jqueryui/jquery.ui.datepicker.css')); ?>" rel="stylesheet" />
	<link rel="stylesheet" href="<?php echo e(Asset('public/template/style.css')); ?>" type="text/css"  media="all"  />
	<link rel="stylesheet" href="<?php echo e(Asset('public/template/css/colours/cream-red.css')); ?>" type="text/css"  media="all"  />
	<link href='http://fonts.googleapis.com/css?family=Cardo:400,400italic,700' rel='stylesheet' type='text/css'>

	<!--Favicon-->
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

	<!--JavaScript-->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js'></script>
	<script type="text/javascript" src="<?php echo e(Asset('public/template/js/jquery.ui.core.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(Asset('public/template/js/jquery.ui.widget.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(Asset('public/template/js/jquery.ui.datepicker.js')); ?>"></script>
	<script type='text/javascript' src="<?php echo e(Asset('public/template/js/jquery.prettyPhoto.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(Asset('public/template/js/superfish.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(Asset('public/template/js/slides.min.jquery.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(Asset('public/template/js/scripts.js')); ?>"></script>
	
	<!--[if (gte IE 6)&(lte IE 8)]>
		<script type="text/javascript" src="js/selectivizr-min.js"></script>
	<![endif]-->

<!-- END head -->
</head>

<!-- BEGIN body -->
<body>

	<!-- BEGIN .background-wrapper -->
	<div class="background-wrapper">
		
		<!-- BEGIN .content-wrapper -->
		<div class="content-wrapper">
		
			<!-- BEGIN .content-body -->
			<div class="content-body">
				
				<!-- BEGIN #header-google-map -->
				<div id="header-google-map" style="display:none;">
					<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
					<script type="text/javascript" src="js/gmap.js"></script>
					<div id="map_canvas" style="width:100%;height:300px;"></div>
				<!-- END #header-google-map -->
				</div>
				
				<!-- BEGIN .top-bar -->
				<div class="top-bar clearfix">
					
					<!-- BEGIN .social-icons -->
					<ul class="social-icons fl">
						<li><a href="#"><span id="twitter_icon"></span></a></li>
						<li><a href="#"><span id="facebook_icon"></span></a></li>
						<li><a href="#"><span id="googleplus_icon"></span></a></li>
						<li><a href="#"><span id="skype_icon"></span></a></li>
						<li><a href="#"><span id="flickr_icon"></span></a></li>
						<li><a href="#"><span id="linkedin_icon"></span></a></li>
						<li><a href="#"><span id="vimeo_icon"></span></a></li>
						<li><a href="#"><span id="youtube_icon"></span></a></li>
						<li><a href="#"><span id="rss_icon"></span></a></li>
					<!-- END .social-icons -->
					</ul>
					
					<!-- BEGIN .gmap-btn-wrapper -->
					<div class="gmap-btn-wrapper">
						<a href="#" class="gmap-btn"></a>
						<div class="gmap-curve"></div>
					<!-- END .gmap-btn-wrapper -->
					</div>
					
					<!-- BEGIN .top-menu-wrapper -->
					<div class="top-menu-wrapper fr clearfix">
						<a href="accommodation.html" class="button1 fl">Book Now</a>
						<ul class="top-menu fr">
							<li><a href="#">En</a><span> /</span></li>
							<li><a href="#">Fr</a></li>
						</ul>
					<!-- END .top-menu-wrapper -->
					</div>
					
				<!-- END .top-bar -->
				</div>
				
				<!-- BEGIN .title-wrapper -->
				<div id="title-wrapper">
					<h1><div class="title-dec-left"></div><a href="index.html">Nice Hotel <span>A HTML Template</span></a><div class="title-dec-right"></div></h1>
				<!-- END .title-wrapper -->
				</div>
				
				<!-- BEGIN #navigation -->
				<div id="navigation" class="clearfix">
					
					<!-- BEGIN #main-menu -->
					<ul id="main-menu" class="fl clearfix">
						<li><a href="index.html">Home<span>start here</span></a></li>
						<li><a href="accommodation.html">Accommodation<span>rates &amp; reservations</span></a>
							<ul>
								<li><a href="accommodation-single.html">Single Standard Room</a></li>
								<li><a href="accommodation-single.html">Double Standard Room</a></li>
								<li><a href="accommodation-single.html">Single Ensuite Room</a>
									<ul>
										<li><a href="accommodation-single.html">Single Standard Room</a></li>
										<li><a href="accommodation-single.html">Double Standard Room</a></li>
										<li><a href="accommodation-single.html">Single Ensuite Room</a>
									</ul>
								</li>
								<li><a href="accommodation-single.html">Double Ensuite Room</a></li>
							</ul>
						</li>
						<li class="current-menu-item"><a href="typography.html">Facilities<span>spa &amp; relaxation</span></a>
							<ul>
								<li><a href="blog.html">Blog</a>
								<li><a href="blog-single.html">Blog Single</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>
								<li><a href="gallery.html">Photo Gallery</a>
								<li><a href="typography.html">Typography</a>
								<li><a href="js-elements.html">JavaScript Elements</a></li>
								<li><a href="left-sidebar.html">Left Sidebar</a></li>
							</ul>
						</li>
						<li><a href="events.html">Events<span>what's happening</span></a></li>
						<li><a href="contact.html">Contact<span>get in touch</span></a></li>
					<!-- END #main-menu -->
					</ul>
					
					<ul class="main-menu-contact-info fr">
						<li class="info-phone">+44 0123456789</li>
						<li class="info-email">mail [at] website [dot] com</li>
					</ul>
					
					<div class="corner-left"></div>
					<div class="corner-right"></div>
					
				<!-- END #navigation -->
				</div>
				
				<!-- BEGIN .page-header -->
				<div class="page-header">
					<img src="images/page-head.png" alt="" />
				<!-- END .page-header -->
				</div>
				
				<!-- BEGIN .section -->
				<div class="section gallery-page page-full clearfix">

					<h2 class="page-title page-title-full">Photo Gallery</h2>

					<!-- BEGIN .section -->
					<div class="section even-cols section-bm clearfix">
						
						<!-- BEGIN .one-third-full -->
						<div class="one-third-full">
								
							<!-- BEGIN .gallery-item -->
							<div class="gallery-item">
								
								<!-- BEGIN .gallery-thumbnail -->
								<div class="gallery-thumbnail">
									
									<a href="images/image3.png" rel="prettyPhoto">
										<span class="zoom-wrapper">
											<span class="zoom"></span>
										</span>
										<img src="images/image3.png" alt="" />
									</a>
								
								<!-- END .gallery-thumbnail -->
								</div>
								
								<h3 class="title1"><a href="images/image3.png" rel="prettyPhoto">Gallery Caption #1</a><span class="title-end"></span></h3>
								
							<!-- END .gallery-item -->
							</div>
						
						<!-- END .one-third-full -->
						</div>
						
						<!-- BEGIN .one-third-full -->
						<div class="one-third-full">
								
							<!-- BEGIN .gallery-item -->
							<div class="gallery-item">
								
								<!-- BEGIN .gallery-thumbnail -->
								<div class="gallery-thumbnail">
									
									<a href="images/image3.png" rel="prettyPhoto">
										<span class="zoom-wrapper">
											<span class="zoom"></span>
										</span>
										<img src="images/image3.png" alt="" />
									</a>
								
								<!-- END .gallery-thumbnail -->
								</div>
								
								<h3 class="title1"><a href="images/image3.png" rel="prettyPhoto">Gallery Caption #2</a><span class="title-end"></span></h3>
								
							<!-- END .gallery-item -->
							</div>
						
						<!-- END .one-third-full -->
						</div>
						
						<!-- BEGIN .one-third-full -->
						<div class="one-third-full last-col-full">
								
							<!-- BEGIN .gallery-item -->
							<div class="gallery-item">
								
								<!-- BEGIN .gallery-thumbnail -->
								<div class="gallery-thumbnail">
									
									<a href="images/image3.png" rel="prettyPhoto">
										<span class="zoom-wrapper">
											<span class="zoom"></span>
										</span>
										<img src="images/image3.png" alt="" />
									</a>
								
								<!-- END .gallery-thumbnail -->
								</div>
								
								<h3 class="title1"><a href="images/image3.png" rel="prettyPhoto">Gallery Caption #3</a><span class="title-end"></span></h3>
								
							<!-- END .gallery-item -->
							</div>
						
						<!-- END .one-third-full -->
						</div>
						
						<!-- BEGIN .one-third-full -->
						<div class="one-third-full">
								
							<!-- BEGIN .gallery-item -->
							<div class="gallery-item">
								
								<!-- BEGIN .gallery-thumbnail -->
								<div class="gallery-thumbnail">
									
									<a href="images/image3.png" rel="prettyPhoto">
										<span class="zoom-wrapper">
											<span class="zoom"></span>
										</span>
										<img src="images/image3.png" alt="" />
									</a>
								
								<!-- END .gallery-thumbnail -->
								</div>
								
								<h3 class="title1"><a href="images/image3.png" rel="prettyPhoto">Gallery Caption #4</a><span class="title-end"></span></h3>
								
							<!-- END .gallery-item -->
							</div>
						
						<!-- END .one-third-full -->
						</div>
						
						<!-- BEGIN .one-third-full -->
						<div class="one-third-full">
								
							<!-- BEGIN .gallery-item -->
							<div class="gallery-item">
								
								<!-- BEGIN .gallery-thumbnail -->
								<div class="gallery-thumbnail">
									
									<a href="images/image3.png" rel="prettyPhoto">
										<span class="zoom-wrapper">
											<span class="zoom"></span>
										</span>
										<img src="images/image3.png" alt="" />
									</a>
								
								<!-- END .gallery-thumbnail -->
								</div>
								
								<h3 class="title1"><a href="images/image3.png" rel="prettyPhoto">Gallery Caption #5</a><span class="title-end"></span></h3>
								
							<!-- END .gallery-item -->
							</div>
						
						<!-- END .one-third-full -->
						</div>
						
						<!-- BEGIN .one-third-full -->
						<div class="one-third-full last-col-full">
								
							<!-- BEGIN .gallery-item -->
							<div class="gallery-item">
								
								<!-- BEGIN .gallery-thumbnail -->
								<div class="gallery-thumbnail">
									
									<a href="images/image3.png" rel="prettyPhoto">
										<span class="zoom-wrapper">
											<span class="zoom"></span>
										</span>
										<img src="images/image3.png" alt="" />
									</a>
								
								<!-- END .gallery-thumbnail -->
								</div>
								
								<h3 class="title1"><a href="images/image3.png" rel="prettyPhoto">Gallery Caption #6</a><span class="title-end"></span></h3>
								
							<!-- END .gallery-item -->
							</div>
						
						<!-- END .one-third-full -->
						</div>
						
						<!-- BEGIN .one-third-full -->
						<div class="one-third-full">
								
							<!-- BEGIN .gallery-item -->
							<div class="gallery-item">
								
								<!-- BEGIN .gallery-thumbnail -->
								<div class="gallery-thumbnail">
									
									<a href="images/image3.png" rel="prettyPhoto">
										<span class="zoom-wrapper">
											<span class="zoom"></span>
										</span>
										<img src="images/image3.png" alt="" />
									</a>
								
								<!-- END .gallery-thumbnail -->
								</div>
								
								<h3 class="title1"><a href="images/image3.png" rel="prettyPhoto">Gallery Caption #7</a><span class="title-end"></span></h3>
								
							<!-- END .gallery-item -->
							</div>
						
						<!-- END .one-third-full -->
						</div>
						
						<!-- BEGIN .one-third-full -->
						<div class="one-third-full">
								
							<!-- BEGIN .gallery-item -->
							<div class="gallery-item">
								
								<!-- BEGIN .gallery-thumbnail -->
								<div class="gallery-thumbnail">
									
									<a href="images/image3.png" rel="prettyPhoto">
										<span class="zoom-wrapper">
											<span class="zoom"></span>
										</span>
										<img src="images/image3.png" alt="" />
									</a>
								
								<!-- END .gallery-thumbnail -->
								</div>
								
								<h3 class="title1"><a href="images/image3.png" rel="prettyPhoto">Gallery Caption #8</a><span class="title-end"></span></h3>
								
							<!-- END .gallery-item -->
							</div>
						
						<!-- END .one-third-full -->
						</div>
						
						<!-- BEGIN .one-third-full -->
						<div class="one-third-full last-col-full">
								
							<!-- BEGIN .gallery-item -->
							<div class="gallery-item">
								
								<!-- BEGIN .gallery-thumbnail -->
								<div class="gallery-thumbnail">
									
									<a href="images/image3.png" rel="prettyPhoto">
										<span class="zoom-wrapper">
											<span class="zoom"></span>
										</span>
										<img src="images/image3.png" alt="" />
									</a>
								
								<!-- END .gallery-thumbnail -->
								</div>
								
								<h3 class="title1"><a href="images/image3.png" rel="prettyPhoto">Gallery Caption #9</a><span class="title-end"></span></h3>
								
							<!-- END .gallery-item -->
							</div>
						
						<!-- END .one-third-full -->
						</div>

					<!-- END .section -->
					</div>

				<!-- END .section -->
				</div>
				
				<!-- BEGIN #footer -->
				<div id="footer" class="clearfix">
					
					<!-- BEGIN .two-forths -->
					<div class="two-forths">
						
						<!-- BEGIN .widget -->
						<div class="widget">
							<div class="widget-title clearfix">
								<h5>Nice Hotel</h5>
							</div>
							<p>Pellentesque dignissim porta enim, eget commodo metus euismod id. Suspendisse congue, ligula ac accumsan vestibulum, nisi mauris aliquet quam, in facilisis felis tortor eu dui. Vivamus augue elit, viverra id congue ut, accumsan in dolor. Nulla id risus sit amet nisl euismod egestas non eget dolor. Aliquam in dui diam</p>
						<!-- END .widget -->
						</div>
					
					<!-- END .two-forths -->
					</div>
					
					<!-- BEGIN .one-forth -->
					<div class="one-forth">
						
						<!-- BEGIN .widget -->
						<div class="widget">
							<div class="widget-title clearfix">
								<h5>Site Map</h5>
							</div>
							
							<ul>
								<li><a href="accommodation.html">Accommodation</a></li>
								<li><a href="typography.html">Facilities</a></li>
								<li><a href="events.html">Events</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
							
						<!-- END .widget -->
						</div>
					
					<!-- END .one-forth -->
					</div>
					
					<!-- BEGIN .one-forth -->
					<div class="one-forth last-col">
						
						<!-- BEGIN .widget -->
						<div class="widget">
							<div class="widget-title clearfix">
								<h5>Flickr</h5>
							</div>
							
							<div class="flickr_badge_wrapper clearfix">
								<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6&amp;flickr_display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=65744139@N04"></script>
								<div style="clear:both;"></div>
								<p class="flickr-more-photos"><a href="http://www.flickr.com/photos/65744139@N04">View More &raquo;</a></p>
							</div>
							
						<!-- END .widget -->
						</div>
						
					<!-- END .one-forth -->
					</div>
					
				<!-- END #footer -->
				</div>
				
				<!-- BEGIN #footer-bottom -->
				<div id="footer-bottom" class="clearfix">
					<p class="fl">&copy; Copyright 2012</p>
					<ul class="footer-menu fr">
						<li><a href="index.html">Home</a><span>/</span></li>
						<li><a href="accommodation.html">Book</a><span>/</span></li>
						<li><a href="contact.html">Contact</a><span>/</span></li>
					</ul>
				<!-- END #footer-bottom -->
				</div>
			
			<!-- END .content-body -->
			</div>
			
		<!-- END .content-wrapper -->
		</div>
		
	<!-- END .background-wrapper -->
	</div>

<!-- END body -->
</body>
</html>