home/islapiiu/sites/bnb/restaurant.php 0000644 00000032322 15076705252 0014117 0 ustar 00 <?php
include_once ('class/include.php');
?>
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<title>Restaurant || Beach & Bliss</title>
<!-- reponsive meta-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- strock gap icons-->
<link rel="stylesheet" href="vendors/Stroke-Gap-Icons-Webfont/style.css">
<link rel="stylesheet" href="css/animate.min.css">
<!-- owl-carousel-->
<link rel="stylesheet" href="vendors/owlcarousel/owl.carousel.css">
<link rel="stylesheet" href="vendors/imagelightbox/imagelightbox.min.css">
<link rel="stylesheet" href="vendors/jquery-ui-1.11.4/jquery-ui.min.css">
<!-- Main Css-->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<!--if IE-->
<link rel="stylesheet" type="text/css" href="css/all-ie-only.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Playball&display=swap" rel="stylesheet">
</head>
<body>
<div id="preloader">
<div id="status"></div>
</div>
<?php include './header.php'; ?>
<!-- <section class="banner">
<div class="slider">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(images/restaurant/01.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/restaurant/02.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/restaurant/03.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/restaurant/04.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/restaurant/05.jpg)"></div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="overlay"></div>
</div>
</section>-->
<!-- Header Inner style-->
<section class="row final-inner-header">
<div class="container">
<ol class="breadcrumb">
<li><a href="./">Home</a></li>
<li class="active">Restaurant</li>
</ol>
</div>
</section>
<!-- Header Slider style-->
<section class="speciality mobile-section">
<div class="container">
<div class="section-title speciality-title">
<h2 class="speciality-main-title">Our <span class="blue">Speciality</span></h2>
<p>At the Beach & Bliss the cuisine served is heavenly.</p>
</div>
<div class="speciality-outer">
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="special-item">
<div class="special-image">
<img src="images/menu/breakfast.png" alt="menu" class="special-img">
<!-- <div class="special-tag"><span>$89</span></div>-->
</div>
<div class="special-content text-center">
<h4 class="special-sub-title">Breakfast</h4>
<p class="special-content-p">Breakfast is the first meal of the day eaten after waking up. So enjoy the delisous breakfast with us.</p>
<a href="#" class="btn btn-orange btn2-top">7.30 AM - 10.30 AM</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="special-item">
<div class="special-image">
<img src="images/menu/lunch.png" alt="menu" class="special-img">
<!-- <div class="special-tag"><span>$89</span></div>-->
</div>
<div class="special-content text-center">
<h4 class="special-sub-title">Lunch</h4>
<p class="special-content-p">At the Beach & Bliss the cuisine served is heavenly. The restaurant offers delectable Western or Eastern delicacies and delights for the lunch.</p>
<a href="#" class="btn btn-orange btn1-top">12.00 PM - 3.00 PM</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="special-item">
<div class="special-image">
<img src="images/menu/dinner.png" alt="menu" class="special-img">
<!-- <div class="special-tag"><span>$89</span></div>-->
</div>
<div class="special-content text-center">
<h4 class="special-sub-title">Dinner</h4>
<p class="special-content-p p-btn">At our restaurant you can have a delicious meal for your dinner and also classic interior blended dominant calm can enjoy the candle light with the best dishes.</p>
<a href="#" class="btn btn-orange">6.00 PM - 11.30 PM</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="menu gallery mobile-section pt-30 pb-13">
<div class="container">
<div class="section-title title-white pb-15">
<center> <h2 class="white speciality-main-title">Our <span class="blue">Menu</span></h2></center>
<center><p class="white">Our dishes are peppered with a host of truly faithful Sri Lankan delicacies offering distinct tastes.</p></center>
</div>
<div class="menu-outer" data-ref="container-1">
<div class="row">
<div class="col-sm-2 nroom-grid"></div>
<div class="col-sm-4 nroom-grid">
<a href="images/menu1.pdf" target="_blank" class="room-img">
<img src="images\menu\menu7.jpg" alt>
</a>
<div class="row this-conts">
<div class="media">
<center>
<div class="media-body this-title r-title">Beach & Bliss Restaurant Menu</div>
</center>
</div>
<a href="images/menu1.pdf" target="_blank" class="read-more">View More</a>
</div>
</div>
<div class="col-sm-4 nroom-grid">
<a href="images/menu2.pdf" target="_blank" class="room-img">
<img src="images\menu\menu10.jpg" alt>
</a>
<div class="row this-conts">
<div class="media">
<center>
<div class="media-body this-title r-title">Beach & Bliss Bar Menu</div>
</center>
</div>
<a href="images/menu2.pdf" target="_blank" class="read-more">View More</a>
</div>
</div>
<div class="col-sm-2 nroom-grid"></div>
</div>
</div>
<div class="overlay"></div>
</section>
<section class="about-restaurant menu-section mobile-section-2 pt-30">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="about-content pad-top-70">
<h2 class="about-title">About our <span class="blue">Restaurant</span></h2>
<p class="text-justify special-content-p">We’ve introduced a unique regional home style dining experience at our restaurant for your breakfast,
lunch and dinner. And also you can classic interior blended dominant calm can enjoy the candle light with the best dishes.</p>
<div class="about-para-list mar-top-20">
<div class="row">
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="about-icon"><h4 class="about-food">Breakfast</h4>
<h6 class="about-time">7.30 a.m - 10.30 a.m</h6>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="about-icon"><h4 class="about-food">Lunch</h4>
<h6 class="about-time">12.00 p.m - 3.00 p.m</h6></div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="about-icon"><h4 class="about-food">Dinner</h4>
<h6 class="about-time">6.00 p.m - 11.30 p.m</h6></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="about-image" style="margin-bottom:20px;">
<img src="images\about4.jpg" alt="image" class="about-img">
</div>
</div>
</div>
</div>
</section>
<?php include './footer.php'; ?>
<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.bxslider.js"></script>
<!-- owl carousel-->
<script src="vendors/owlcarousel/owl.carousel.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/zebra_datepicker.js"></script>
<!-- jQuery appear-->
<script src="vendors/jquery-appear/jquery.appear.js"></script>
<!-- jQuery countTo-->
<script src="vendors/jquery-countTo/jquery.countTo.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/contact.js"></script>
<script src="js/jquery.mixitup.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="vendors/jquery-ui-1.11.4/jquery-ui.min.js"></script>
<script src="js/custom.js"></script>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
<script type="text/javascript">
$('.translation-links a').click(function () {
var lang = $(this).data('lang');
var $frame = $('.goog-te-menu-frame:first');
if (!$frame.size()) {
alert("Error: Could not find Google translate frame.");
return false;
}
$frame.contents().find('.goog-te-menu2-item span.text:contains(' + lang + ')').get(0).click();
return false;
});
</script>
</body>
</html> |