| DIR: /home/islapiiu/sites/forbes/contact-form/img/ |
| Current File : /home/islapiiu/sites/forbes/contact-form/img/gallery.html.tar |
home/islapiiu/sites/toursatsrilanka/gallery.html 0000644 00000036170 15076663427 0016244 0 ustar 00 <!DOCTYPE html>
<html lang="en">
<!-- Mirrored from thesoftking.com/html/iskul/demo/gallery.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 15 Feb 2019 06:54:58 GMT -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gallery Page</title>
<!-- favicon -->
<link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
<!-- fontawesome css link -->
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<!-- flaticon css link -->
<link rel="stylesheet" href="assets/css/flaticon.css">
<!-- bootstrap css link -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- owl carousel css link -->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<!-- lightcase css link -->
<link rel="stylesheet" href="assets/css/lightcase.css">
<!-- main style css link -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- responsive css link -->
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<!-- preloader start -->
<div id="preloader">
<div id="loader"></div>
</div>
<!-- preloader end -->
<!-- header-section start -->
<header class="header-section">
<div class="header-top">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 col-md-7">
<ul class="header-company-contact">
<li><i class="fa fa-phone"></i>01 245 845 4225</li>
<li><i class="fa fa-envelope"></i> [email protected]</li>
</ul>
</div>
<div class="col-lg-4 col-md-5">
<ul class="header-user-login-regis">
<li><a href="login-account.html">Log in</a></li>
<li><a href="create-account.html">Register</a></li>
<li>
<div class="header-select-list">
<select>
<option value="english">English</option>
<option value="bangla">Bangla</option>
<option value="arabic">Arabic</option>
<option value="spanish">Spanish</option>
</select>
</div>
</li>
</ul>
</div>
</div>
</div>
</div><!-- header-top end -->
<div class="header-bottom">
<div class="container">
<nav class="navbar navbar-expand-lg">
<a class="site-logo site-title" href="#"><img src="assets/images/logo.png" alt="site-logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="menu-toggle"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav main-menu ml-auto">
<li class="menu_has_children"><a href="#">Home</a>
<ul class="sub-menu">
<li><a href="home-one.html">Home One</a></li>
<li><a href="home-two.html">Home Two</a></li>
<li><a href="home-three.html">Home there</a></li>
</ul>
</li>
<li><a href="about-us.html">About</a>
<li class="menu_has_children"><a href="#">courses</a>
<ul class="sub-menu">
<li><a href="course-grid.html">Courses Grid</a></li>
<li><a href="course-price-review.html">Courses Grid Two</a></li>
<li><a href="course-grid-details.html">Courses Details</a></li>
</ul>
</li>
<li class="menu_has_children"><a href="#">events</a>
<ul class="sub-menu">
<li><a href="events-page.html">Event page one</a></li>
<li><a href="events-page-two.html">Event page two</a></li>
<li><a href="event-details-one.html">Event Details one</a></li>
<li><a href="event-details-two.html">Event Details two</a></li>
</ul>
</li>
<li class="menu_has_children"><a href="#">pages</a>
<ul class="sub-menu">
<li><a href="advisors-one.html">Advisors One</a></li>
<li><a href="advisors-two.html">Advisors two</a></li>
<li><a href="advisors-three.html">Advisors three</a></li>
<li><a href="advisors-details.html">Advisors details one</a></li>
<li><a href="advisors-details-two.html">Advisors details two</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="error-page.html">ERROR pag</a></li>
<li><a href="comming-soon.html">Coming soon page</a></li>
<li><a href="gallery.html">Gallery Page</a></li>
<li><a href="create-account.html">Create Account page</a></li>
<li><a href="login-account.html">login page</a></li>
</ul>
</li>
<li class="menu_has_children"><a href="#">blog</a>
<ul class="sub-menu">
<li><a href="blog-grid.html">Blog grid one</a></li>
<li><a href="blog-grid-two.html">Blog grid two</a></li>
<li><a href="blog-list.html">Blog List one</a></li>
<li><a href="blog-list-two.html">Blog list two</a></li>
<li><a href="blog-details.html">Blog details</a></li>
</ul>
</li>
<li class="menu_has_children"><a href="#">contact</a>
<ul class="sub-menu">
<li><a href="contact-one.html">Contact One</a></li>
<li><a href="contact-two.html">Contact Two</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
</div><!-- header-bottom end -->
</header>
<!-- header-section end -->
<!-- banner-section start -->
<section class="single-banner gallery-banner">
<div class="banner-content-area">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="banner-content text-center">
<h1 class="banner-title">photo gallery</h1>
</div>
<div class="page-breadcums">
<div class="container">
<ul class="page-list">
<li><a href="home-one.html">Home</a></li>
<li>About us</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- banner-section end -->
<!-- events-gallery-section start -->
<section class="events-gallery-section section-padding">
<div class="container">
<div class="section-header text-center">
<div class="row justify-content-center">
<div class="col-lg-8">
<h2 class="section-title">Event Gallery</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text</p>
</div>
</div>
</div>
<div class="section-wrapper">
<div class="event-gallery-slider owl-carousel grid">
<div class="gallery-single-slide academy">
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/7.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/8.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/10.jpg" alt="event-gallery">
</div>
</div><!-- gallery-single-slide end -->
<div class="gallery-single-slide">
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/2.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/5.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/11.jpg" alt="event-gallery">
</div>
</div><!-- gallery-single-slide end -->
<div class="gallery-single-slide">
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/3.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/9.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/12.jpg" alt="event-gallery">
</div>
</div><!-- gallery-single-slide end -->
<div class="gallery-single-slide">
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/1.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/2.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/4.jpg" alt="event-gallery">
</div>
</div><!-- gallery-single-slide end -->
<div class="gallery-single-slide academy">
<div class="event-gallery-thumb grid-item">
<img src="assets/images/event-gallery/1.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/4.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/6.jpg" alt="event-gallery">
</div>
</div><!-- gallery-single-slide end -->
<div class="gallery-single-slide">
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/9.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb grid-item">
<img src="assets/images/event-gallery/11.jpg" alt="event-gallery">
</div>
<div class="event-gallery-thumb">
<img src="assets/images/event-gallery/3.jpg" alt="event-gallery">
</div>
</div><!-- gallery-single-slide end -->
</div>
</div>
</div>
</section>
<!-- events-gallery-section end -->
<!-- footer-section start -->
<footer class="footer-section style-two">
<div class="footer-top">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-5 col-md-6">
<div class="widget company-widget">
<a href="#" class="site-logo"><img src="assets/images/logo2.png" alt="logo"></a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s</p>
</div>
<div class="widget subscribe-widget">
<h5 class="widget-title">subscribe us</h5>
<div class="subscribe-form-area">
<form class="subscribe-form">
<input type="email" id="subs-email" placeholder="Your email address">
<button type="submit" class="subscribe-btn"><i class="fa fa-paper-plane"></i></button>
</form>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="widget quick-links-widget">
<h5 class="widget-title">Quick Links</h5>
<div class="short-links-list">
<ul class="widget-links-list">
<li><a href="#"><i class="fa fa-angle-right"></i>Admission</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Helpline</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Information</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Career Guide</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Courses</a></li>
</ul>
<ul class="widget-links-list">
<li><a href="#"><i class="fa fa-angle-right"></i>Library</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Notice Board</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Semisters</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Subjects</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Events</a></li>
<li><a href="#"><i class="fa fa-angle-right"></i>Contatc Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="widget hot-links-widget">
<h5 class="widget-title">contact us</h5>
<ul class="company-address-list">
<li><i class="fa fa-envelope"></i><p>[email protected]</p></li>
<li><i class="fa fa-phone"></i><p>+123 4567 9876</p></li>
<li><i class="fa fa-map-marker"></i><p>123 New Yourk City, US -PA 895<br>Dix 3, Level 5. NYC</p></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="footer-bottom-conetnt">
<p>Copyright © 2019 | All Right Reserved</p>
</div>
</div>
</div>
</footer>
<!-- footer-section end -->
<!-- scroll-to-top start -->
<div class="scroll-to-top">
<span class="scroll-icon">
<i class="fa fa-rocket" aria-hidden="true"></i>
</span>
</div>
<!-- scroll-to-top end -->
<!-- jquery js link -->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- bootstrap js link -->
<script src="assets/js/bootstrap.bundle.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- owl carousel js link -->
<script src="assets/js/owl.carousel.min.js"></script>
<!-- lightcase js link -->
<script src="assets/js/lightcase.js"></script>
<!-- waypoints js link -->
<script src="assets/js/jquery.waypoints.min.js"></script>
<!-- countup js link -->
<script src="assets/js/jquery.countup.min.js"></script>
<!-- circle-progress js link -->
<script src="assets/js/circle-progress.min.js"></script>
<!-- countdown js link -->
<script src="assets/js/jquery.countdown.js"></script>
<!-- goolg-map-activate js link -->
<script src="assets/js/goolg-map-activate.js"></script>
<!-- main js link -->
<script src="assets/js/main.js"></script>
</body>
<!-- Mirrored from thesoftking.com/html/iskul/demo/gallery.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 15 Feb 2019 06:55:00 GMT -->
</html> home/islapiiu/sites/unawatunahotel/gallery.html 0000644 00000267763 15076771642 0016072 0 ustar 00 <!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>
|