home/islapiiu/sites/bnb/rooms.php 0000644 00000020576 15076674635 0013110 0 ustar 00 <!DOCTYPE html>
<?php
include './class/include.php';
?>
<html>
<head>
<meta charset="UTF-8">
<title>Rooms || 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">
</head>
<body>
<!-- Header Slider style-->
<?php include './header.php'; ?>
<!-- Header Inner style-->
<section class="row final-inner-header">
<div class="container">
<ol class="breadcrumb">
<li><a href="index.php">Home</a></li>
<li class="active">Rooms </li>
</ol>
</div>
</section>
<section class="clearfix news-wrapper">
<section class="container clearfix common-pad-inner about-info-box">
<div class="row">
<div class="col-lg-12 col-md-12 col-xs-12">
<link href="https://live.ipms247.com/themes/reservation/css/bookingbtn/resui_datepicker.css" rel="stylesheet" type="text/css">
<link href="https://live.ipms247.com/themes/reservation/css/bookingbtn/resui_bookingbox.css" rel="stylesheet" type="text/css">
<div class="bewarp">
<form style="margin: 0px;" action="https://live.ipms247.com/booking/book-rooms-beachblissmirissa" method="post" name="_resBBBox" target="_blank">
<div id="bb_resBookingBox" class="bb_resbox"> </div>
</form>
</div>
</div>
</div>
</section>
<div class="container clearfix ">
<div class="row">
<style>
.bewarp {position:relative; width:100%; text-align:center; z-index:1000; bottom:0px; border-radius: 6px; }
.bb_resbox {width: initial !important; display:inline-block; text-align:center; padding: 10px 10px 20px 10px; }
.bb_resbox label { color: #fff; font-size: 17px; }
.bb_resbox input[type="text"] {margin: 0px; font-size:14px; min-width: 100%; line-height: 26px;}
.bb_resbox select { line-height: 26px; }
button.ui-datepicker-trigger { margin: 0px; padding: 0px;}
input[type="button"]#bb_resBtn, input#bb_resBtn { margin-bottom:0px; -webkit-appearance: none;border-radius: 0; line-height: 26px; font-weight: bold;}
#bb_resBtn:hover{color: #000 !important; background: #f5ba15 !important; border: 1px solid #f5ba15 !important; }
.ui-datepicker .ui-datepicker-header { padding: .2em 40px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-size: 15px; display: inline-block; width: 76px;}
@media only screen and (max-width: 752px) {.bewarp { position:static; min-width: 100%; }}
@media only screen and (max-width: 415px) {
.bb_resbox p { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
.bb_resbox input[type="text"]{ width: 100%; }
}
</style>
<!-- One-->
<?php foreach (Room::all() as $key => $room) { ?>
<div class="room-wrapper">
<div class="media">
<div class="media-left"><a href="view-room.php?id=<?php echo $room['id'] ?>"><img src="upload/room/<?php echo $room['image_name'] ?>" alt=""></a></div>
<div class="media-body">
<h2><?php echo $room['title'] ?></h2>
<p class="text-justify"><?php echo $room['short_description'] ?></p>
</div>
<div class="media-right">
<a href="view-room.php?id=<?php echo $room['id'] ?>">view room</a>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</div>
</section>
<?php include './footer.php'; ?>
<!-- footer style-->
<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 ui js-->
<script src="js/jquery.fancybox.pack.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>
<script src="https://live.ipms247.com/themes/reservation/js/bookingbtn/jquery-ui.js" type="text/javascript"></script>
<script src="https://live.ipms247.com/themes/reservation/js/bookingbtn/common.js" type="text/javascript"></script>
<!-- <script src="https://live.ipms247.com/themes/reservation/js/bookingbtn/resui_resbookingbox.js" type="text/javascript"></script> -->
<script src="https://live.ipms247.com/themes/reservation/js/bookingbtn/prime_bookingbox.js" type="text/javascript"></script>
<script>
jQuery("#bb_resBookingBox").bb_resBookingBox({
btnContainer: "bb_resBookingBox",
headerColor: "#56c5d0",
bodyColor: "rgba(0, 0, 0, 0.74)",
showborder: false,
BorderColor: "rgba(0, 0, 0, 0.52)",
BorderWidth: 2,
BorderType: "solid",
FontFamily: "Arial, sans-serif",
BodyLanguage:"en",
FontSize: "12",
TextColor: "#fff",
InputBorderColor: "#fff",
InputbackColor: "#fff",
InputTextColor: "#000",
ButnBackColor: "#3f84c5",
ButnBorderColor: "#3f84c5",
ButnTextColor: "#fff",
HeaderTextColor: "#000000",
HeaderFontSize: "15",
ShowHeader: "0",
boxwidth: "100",
boxwidthtype: "TYPE_PER",
ShowInlineCSS: "1",
type: "htype",
acr:false,
ShowChild:false,
rooms:false,
promotion:false,
defaultadult:10,
defaultchild:10,
defaultroom:16,
ShowNights:false,
Nonights:15,
HTextCaption: "Reservation",
BtnTextCaption: "Book Now",
LblPromoCaption: "Promotion",
LblChkOutCaption: "Check Out",
Calinit: true,
CalShowOn: "both",
CalDefaultDt: "+0w",
CalChangeMonth: true,
CalMinDate: "0",
CalMaxDate: "",
CalDtFormat: "dd-mm-yy",
CalCutoffDays: "1",
CalImage: "1px -24px",
CalBackColor: "#a0f2ea",
CalHeaderColor: "#fff",
CalCellActiveColor: "#101414",
CalCellInActiveColor: "#c8dbda",
LblArrivalCaption: "Check In",
LblNightsCaption: "Nights",
LblAdultsCaption: "Adult",
LblChildsCaption: "Child",
LblRoomsCaption: "Rooms",
LblPerRoomCaption: "Per Room",
HotelId:"beachblissmirissa"
});
</script>
</body>
</html>
|