| DIR: /home/islapiiu/sites/unawatunahotel/ |
| Current File : /home/islapiiu/sites/unawatunahotel/gallery.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hotel Booking</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="img/favicon.ico" sizes="16x16">
<!-- fonts -->
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Karla:700,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'>
<!-- fontawesome -->
<link rel="stylesheet" href="css/font-awesome.css" />
<!-- bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<!-- uikit -->
<link rel="stylesheet" href="css/uikit.min.css" />
<!-- animate -->
<link rel="stylesheet" href="css/animate.css" />
<link rel="stylesheet" href="css/datepicker.css" />
<!-- Owl carousel 2 css -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- rev slider -->
<link rel="stylesheet" href="css/rev-slider/settings.css" />
<!-- lightslider -->
<link rel="stylesheet" href="css/lightslider.css">
<!-- Theme -->
<link rel="stylesheet" href="css/reset.css">
<!-- custom css -->
<link rel="stylesheet" href="style.css" />
<!-- responsive -->
<link rel="stylesheet" href="css/responsive.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!-- This Template Is Fully Coded By Aftab Zaman from swiftconcept.com -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="gallery_page">
<!-- start header -->
<header class="header_area">
<!-- start header top -->
<div class="header_top_area">
<div class="container">
<div class="row">
<div class="header_top clearfix">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<div class="left_header_top">
<ul>
<li><a href="#"><img src="img/temp-icon.png" alt="temp-icon">London dc, GR 17°C</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 floatright">
<div class="right_header_top clearfix floatright">
<ul class="nav navbar-nav navbar-right">
<li class="">
<a class="border-right-dark-4" href="#">login</a></li>
<li role="presentation" class="dropdown">
<a id="drop1" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
register
<span class="caret"></span>
</a>
<!-- <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
</ul> -->
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end header top -->
<!-- start main header -->
<div class="main_header_area">
<div class="container">
<!-- start mainmenu & logo -->
<div class="mainmenu">
<div id="nav">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="site_logo fix">
<a id="brand" class="clearfix navbar-brand" href="index.html"><img src="img/site-logo.png" alt="Trips"></a>
<!-- <div class="header_login floatleft">
<ul>
<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>
</ul>
</div> -->
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li role="presentation" class="dropdown">
<a id="drop-one" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
Home
</a>
<ul id="menu1" class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" tabindex="-1" href="index-two.html">Home Page two</a></li>
</ul>
</li>
<li><a href="accomodation.html">Accomodation</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li role="presentation" class="dropdown">
<a id="drop2" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
Features
</a>
<ul id="menu2" class="dropdown-menu" role="menu">
<li role="presentation"><a role="menuitem" tabindex="-1" href="about-us.html">About US</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="booking.html">Booking</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="room-details.html">Room Details</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="staff.html">Our Staff</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="404.html">404 Page</a></li>
</ul>
</li>
<li><a href="blog.html">News</a></li>
<li><a href="contact-us.html">Contacts</a></li>
</ul>
<div class="emergency_number">
<a href="tel:1234567890"><img src="img/call-icon.png" alt="">123 456 7890</a>
</div>
</div><!-- /.navbar-collapse -->
</nav>
</div>
</div>
<!-- end mainmenu and logo -->
</div>
</div>
<!-- end main header -->
</header>
<!-- end header -->
<!-- start breadcrumb -->
<section class="breadcrumb_main_area margin-bottom-80">
<div class="container-fluid">
<div class="row">
<div class="breadcrumb_main nice_title">
<h2>Gallery</h2>
<!-- special offer start -->
<div class="special_offer_main">
<div class="container">
<div class="special_offer_sub">
<img src="img/special-offer-yellow-main.png" alt="imf">
</div>
</div>
</div>
<!-- end offer start -->
</div>
</div>
</div>
</section>
<!-- end breadcrunb -->
<!-- start other detect room section -->
<div class="other_room_area">
<div class="container">
<div class="row">
<div class="other_room">
<div role="tabpanel">
<!-- <div class="section_title content-center"> -->
<!-- Nav tabs -->
<div class="container">
<div class="section_title">
<ul class="nav nav-tabs margin-bottom-60" role="tablist">
<li role="presentation" class="active"><a href="#all" aria-controls="all" role="tab" data-toggle="tab">all</a></li>
<li role="presentation"><a href="#deluxe_room" aria-controls="deluxe_room" role="tab" data-toggle="tab">deluxe room</a></li>
<li role="presentation"><a href="#single_bedroom" aria-controls="single_bedroom" role="tab" data-toggle="tab">single bedroom</a></li>
<li role="presentation"><a href="#double_bedroom" aria-controls="double_bedroom" role="tab" data-toggle="tab">double bedroom</a></li>
<li role="presentation"><a href="#classic_room" aria-controls="classic_room" role="tab" data-toggle="tab">classic room</a></li>
<li role="presentation"><a href="#exe_room" aria-controls="exe_room" role="tab" data-toggle="tab">exe room</a></li>
<li role="presentation"><a href="#royal_room" aria-controls="royal_room" role="tab" data-toggle="tab">royal room</a></li>
</ul>
</div>
</div>
<!-- Tab panes -->
<div class="tab-content">
<!-- <div class="section_content"> -->
<div role="tabpanel" class="tab-pane active" id="all">
<!-- start single room details -->
<div class="accomodation_single_room">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 margin-bottom-30">
<div class="clearfix demo" style="">
<div class="slider">
<div id="gallery_main_slider" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="single_item" style="">
<img src="img/lightslider-img/cS-16.jpg" alt="">
</div>
</div>
<div class="item">
<div class="single_item" style="">
<img src="img/lightslider-img/cS-53.jpg" alt="">
</div>
</div>
</div>
<!-- Controls -->
<a class="slider_ctrl left" href="#gallery_main_slider" role="button" data-slide="prev">
<i class="fa fa-angle-left"></i>
<span class="sr-only">Previous</span>
</a>
<a class="slider_ctrl right" href="#gallery_main_slider" role="button" data-slide="next">
<i class="fa fa-angle-right"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 margin-bottom-30">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-6 margin-bottom-30">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="dif_room_media">
<a href="img/gallery-four.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/gallery-four.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-6">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="dif_room_media">
<a href="img/gallery-four.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/gallery-five.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-ten.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-ten.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-twelve.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-twelve.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/showcase-slider-five.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/showcase-slider-five.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-fourteen.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-fourteen.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-fifteen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-fifteen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-sixteen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-sixteen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-seventeen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-seventeen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-eighteen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-eighteen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<!-- start pagination -->
<div class="col-lg-12 col-md-12 col-sm-12">
<nav class="text-center margin-top-65 margin-bottom-75">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<i class="fa fa-angle-left"></i>prev
</a>
</li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">next
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</nav>
</div>
<!-- end pagination -->
</div>
</div>
</div>
<!-- end single room details -->
</div>
<div role="tabpanel" class="tab-pane" id="deluxe_room">
<!-- start single room details -->
<div class="accomodation_single_room">
<div class="container">
<div class="row">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="col-lg-8 col-md-8 col-sm-12 margin-bottom-30">
<div class="clearfix demo" style="">
<div class="slider">
<div id="deluxe_gallery" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="single_item" style="">
<img src="img/lightslider-img/cS-54.jpg" alt="">
</div>
</div>
<div class="item">
<div class="single_item" style="">
<img src="img/lightslider-img/cS-55.jpg" alt="">
</div>
</div>
</div>
<!-- Controls -->
<a class="slider_ctrl left" href="#deluxe_gallery" role="button" data-slide="prev">
<i class="fa fa-angle-left"></i>
<span class="sr-only">Previous</span>
</a>
<a class="slider_ctrl right" href="#deluxe_gallery" role="button" data-slide="next">
<i class="fa fa-angle-right"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 margin-bottom-30">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-6 margin-bottom-30">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="dif_room_media">
<a href="img/gallery-four.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/gallery-four.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-6">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="dif_room_media">
<a href="img/gallery-four.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/gallery-five.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-eight.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-eight.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-seventeen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-seventeen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-sixteen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-sixteen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-fifteen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-fifteen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-fourteen.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-fourteen.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-seven.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-seven.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-twelve.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-twelve.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-ten.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-ten.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<!-- start pagination -->
<div class="col-lg-12 col-md-12">
<nav class="text-center margin-top-65 margin-bottom-75">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<i class="fa fa-angle-left"></i>prev
</a>
</li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">next
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</nav>
</div>
<!-- end pagination -->
</div>
</div>
</div>
<!-- end single room details -->
</div>
<div role="tabpanel" class="tab-pane" id="single_bedroom">
<!-- start single room details -->
<div class="accomodation_single_room">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-eight.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-eight.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-nine.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-nine.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-ten.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-ten.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-eleven.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-eleven.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<!-- start pagination -->
<div class="col-lg-12 col-md-12">
<nav class="text-center margin-top-65 margin-bottom-75">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<i class="fa fa-angle-left"></i>prev
</a>
</li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">next
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</nav>
</div>
<!-- end pagination -->
</div>
</div>
</div>
<!-- end single room details -->
</div>
<div role="tabpanel" class="tab-pane" id="double_bedroom">
<!-- start single room details -->
<div class="accomodation_single_room">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-twelve.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-twelve.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-thirteen.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-thirteen.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-fourteen.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-fourteen.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-fifteen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-fifteen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<!-- start pagination -->
<div class="col-lg-12 col-md-12">
<nav class="text-center margin-top-65 margin-bottom-75">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<i class="fa fa-angle-left"></i>prev
</a>
</li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">next
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</nav>
</div>
<!-- end pagination -->
</div>
</div>
</div>
<!-- end single room details -->
</div>
<div role="tabpanel" class="tab-pane" id="classic_room">
<!-- start single room details -->
<div class="accomodation_single_room">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-sixteen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-sixteen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-seventeen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-seventeen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-eighteen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-eighteen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-nine.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-nine.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<!-- start pagination -->
<div class="col-lg-12 col-md-12">
<nav class="text-center margin-top-65 margin-bottom-75">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<i class="fa fa-angle-left"></i>prev
</a>
</li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">next
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</nav>
</div>
<!-- end pagination -->
</div>
</div>
</div>
<!-- end single room details -->
</div>
<div role="tabpanel" class="tab-pane" id="exe_room">
<!-- start single room details -->
<div class="accomodation_single_room">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-ten.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-ten.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-eleven.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-eleven.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-twelve.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-twelve.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-thirteen.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-thirteen.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<!-- start pagination -->
<div class="col-lg-12 col-md-12">
<nav class="text-center margin-top-65 margin-bottom-75">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<i class="fa fa-angle-left"></i>prev
</a>
</li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">next
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</nav>
</div>
<!-- end pagination -->
</div>
</div>
</div>
<!-- end single room details -->
</div>
<div role="tabpanel" class="tab-pane" id="royal_room">
<!-- start single room details -->
<div class="accomodation_single_room">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-fourteen.jpg" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-fourteen.jpg" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-fifteen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-fifteen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-sixteen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-sixteen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3">
<div class="single_room_wrapper clearfix">
<div class="room_wrapper">
<div class="room_media">
<a href="img/room-image-seventeen.png" data-uk-lightbox="{group:'group1'}" title="Gallery">
<figure class="uk-overlay uk-overlay-hover">
<img alt="img" src="img/room-image-seventeen.png" >
<div class="uk-overlay-panel uk-overlay-background uk-overlay-icon"></div>
</figure>
</a>
</div>
</div>
</div>
</div>
<!-- start pagination -->
<div class="col-lg-12 col-md-12">
<nav class="text-center margin-top-65 margin-bottom-75">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<i class="fa fa-angle-left"></i>prev
</a>
</li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">next
<i class="fa fa-angle-right"></i>
</a>
</li>
</ul>
</nav>
</div>
<!-- end pagination -->
</div>
</div>
</div>
<!-- end single room details -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end other detect room section -->
<!-- start contact us area -->
<section class="contact_us_area content-left">
<div class="container">
<div class="contact_us clearfix">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="call clearfix">
<h6>Call Us</h6>
<p>123 456 7890</p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="email_us clearfix">
<h6>Email us</h6>
<p>[email protected]</p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="news_letter clearfix">
<input type="text" placeholder="Enter ID for News Letter">
<a href="#" class="btn btn-blue">go</a>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="social_icons clearfix">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- end contact us area -->
<!-- start footer -->
<footer class="footer_area">
<div class="container">
<div class="footer">
<div class="footer_top padding-top-80 clearfix">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="footer_widget">
<div class="footer_logo">
<a href="#"><img src="img/footer-logo-one.png" alt="img"></a>
</div>
<p>Lorem ipsum dolor sit amet, conser adipiscing elit. In consectetur tincidunt dolor.</p>
<ul>
<li>
<P><i class="fa fa-map-marker"></i>St Amsterdam finland, <br> United Stats of AKY16 8PN</P>
</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="row">
<div class="footer_widget clearfix">
<h5 class="padding-left-15">Quick Links</h5>
<div class="col-lg-6 col-md-6 col-sm-6">
<ul>
<li><a href="#">Rooms</a></li>
<li><a href="#">Food & Drinks</a></li>
<li><a href="#">Beach Venues</a></li>
<li><a href="#">Amenities</a></li>
</ul>
</div>
<div class="col-lg-6 col-md-6 sol-sm-6">
<ul>
<li><a href="#">Noordwijk</a></li>
<li><a href="#">Wellness</a></li>
<li><a href="#">Manifesto</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="footer_widget">
<h5>We Are Global</h5>
<div class="footer_map">
<a href="#"><img src="img/footer-map-two.jpg" alt="img"></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="container">
<div class="footer_copyright margin-tb-50 content-center">
<p>© 2015 <a href="#">Hotelbooking</a>. All rights reserved</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<!-- jquery library -->
<script src="js/vendor/jquery-1.11.2.min.js"></script>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- uikit -->
<script src="js/uikit.min.js"></script>
<!-- <script src="js/uikit-modal.js"></script> -->
<script src="js/uikit-lightbox.js"></script>
<!-- easing -->
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/datepicker.js"></script>
<!-- scroll up -->
<script src="js/jquery.scrollUp.min.js"></script>
<!-- owlcarousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- lightslider -->
<script src="js/lightslider.js"></script>
<!-- wow Animation -->
<script src="js/wow.min.js"></script>
<!--Activating WOW Animation only for modern browser-->
<!--[if !IE]><!-->
<script type="text/javascript">new WOW().init();</script>
<!--<![endif]-->
<!--Oh Yes, IE 9+ Supports animation, lets activate for IE 9+-->
<!--[if gte IE 9]>
<script type="text/javascript">new WOW().init();</script>
<![endif]-->
<!--Opacity & Other IE fix for older browser-->
<!--[if lte IE 8]>
<script type="text/javascript" src="js/ie-opacity-polyfill.js"></script>
<![endif]-->
<!-- my js -->
<script src="js/main.js"></script>
</body>
</html>
|