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>
home/islapiiu/sites/chaayainn/rooms.php 0000644 00000015141 15076741477 0014271 0 ustar 00 <!DOCTYPE html>
<?php
include './class/include.php';
$ROOM_OBJ = new Room(NULL);
?>
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- TITLE -->
<title>Chaaya Inn Hikkaduwa | Rooms</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="shortcut icon" href="images/favicon.png">
<!-- GOOGLE FONT -->
<link href='http://fonts.googleapis.com/css?family=Hind:400,300,500,600%7cMontserrat:400,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet">
<!-- CSS LIBRARY -->
<link rel="stylesheet" type="text/css" href="css/lib/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/lib/font-lotusicon.css">
<link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/lib/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="css/lib/jquery-ui.min.css">
<link rel="stylesheet" type="text/css" href="css/lib/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="css/lib/settings.css">
<link rel="stylesheet" type="text/css" href="css/lib/bootstrap-select.min.css">
<link rel="stylesheet" type="text/css" href="css/helper.css">
<!-- MAIN STYLE -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<!--[if IE 7]> <body class="ie7 lt-ie8 lt-ie9 lt-ie10"> <![endif]-->
<!--[if IE 8]> <body class="ie8 lt-ie9 lt-ie10"> <![endif]-->
<!--[if IE 9]> <body class="ie9 lt-ie10"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body> <!--<![endif]-->
<!-- PRELOADER -->
<!-- <div id="preloader">
<span class="preloader-dot"></span>
</div>-->
<!-- END / PRELOADER -->
<!-- PAGE WRAP -->
<div id="page-wrap" class="bg-white-2">
<?php include './header.php'; ?>
<!-- SUB BANNER -->
<section class="section-sub-banner bg-9">
<div class="awe-overlay"></div>
<div class="sub-banner">
<div class="container">
<div class="text text-center">
<h2>Our Rooms</h2>
<p>Home away home for your choice</p>
</div>
</div>
</div>
</section>
<!-- END / SUB BANNER -->
<section class="section-room bg-white">
<div class="container">
<div class="room-wrap-5">
<div class="row">
<?php
$ROOM = $ROOM_OBJ->all();
foreach ($ROOM as $room) {
?>
<!-- ITEM -->
<div class="col-xs-6">
<div class="room_item-5" data-background="upload/room/<?php echo $room['image_name'] ?>" style="background-image: url("upload/room/<?php echo $room['image_name'] ?>");">
<div class="img">
<a href="room-details.php?id=<?php echo $room['id'] ?>"><img src="upload/room/<?php echo $room['image_name'] ?>" alt=""></a>
</div>
<div class="room_item-forward">
<h2><a href="room-details.php?id=<?php echo $room['id'] ?>"><?php echo $room['title'] ?></a></h2>
</div>
<a href="room-details.php?id=<?php echo $room['id'] ?>" >
<div class="room_item-back">
<h3><?php echo $room['title'] ?></h3>
<p><?php echo substr($room['short_description'], 0, 160) ?></p>
<a href="room-details.php?id=<?php echo $room['id'] ?>" class="awe-btn awe-btn-13">VIEW DETAILS</a>
</div>
</a>
</div>
</div>
<!-- END / ITEM -->
<?php
}
?>
</div>
</div>
</div>
</section>
<?php include './footer.php'; ?>
</div>
<!-- END / PAGE WRAP -->
<!-- LOAD JQUERY -->
<script type="text/javascript" src="js/lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lib/bootstrap-select.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script type="text/javascript" src="js/lib/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="js/lib/owl.carousel.js"></script>
<script type="text/javascript" src="js/lib/jquery.appear.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.countTo.js"></script>
<script type="text/javascript" src="js/lib/jquery.countdown.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/lib/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/lib/SmoothScroll.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html> |