<!doctype html>
<?php
include './class/include.php';
?>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Meta Tags -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Vilena template">
<meta name="keywords" content="hotel, resort, hotel booking, tour, living hotel, motel, event, hotel template">
<meta name="author" content="Unicoder">
<!-- Favicons -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<!-- Font Link -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oleo+Script:400,700" rel="stylesheet">
<!-- Required style of the theme -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/layerslider.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/color.css" id="color-change">
<link rel="stylesheet" href="css/fontawesome-all-5.2.0.min.css">
<link rel="stylesheet" href="webfonts/flaticon/flaticon.css">
<link href="css/custom.css" rel="stylesheet" type="text/css"/>
<title>Evergreen Villa | Accomadation</title>
</head>
<body>
<!-- Color Settings -->
<!-- End Color Settings -->
<div id="page_wrapper">
<div class="">
<!-- Header 4 Section Start -->
<?php include './header-top.php'; ?>
<!-- Header 4 Section End -->
<!-- Page Banner Section Start -->
<div class="full-row overlay-secondery-opacity-65 bg-img-5" id="page-banner">
<div class="container">
<div class="row py-80">
<div class="col-sm-6">
<h1 class="banner-title text-white">Living Rooms</h1>
</div>
<div class="col-sm-6">
<ul class="pages-link">
<li><a href="index-7.html">Home</a></li>
<li>/</li>
<li>Living Rooms</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Page Banner Section End -->
<!-- Rooms Grid Section Start -->
<section class="full-row bg-white">
<div class="container">
<div class="row">
<?php
$ROOM = new Room(NULL);
foreach ($ROOM->all() as $key => $rooms) {
?>
<div class="col-md-6 col-lg-4">
<div class="room-thumb-grid-1 hover_zoom bg-white mb-4 shadow">
<div class="thumb-top overflow_hidden">
<ul class="facility-icon upper-place-bottom-left">
<li><i class="flaticon-tv"></i></li>
<li><i class="flaticon-wifi"></i></li>
</ul>
<!-- <div class="room-size upper-place-bottom-right">12 X 15 Sqft</div>-->
<a href="view-accomadation.php?id=<?php echo $rooms["id"]; ?>"><img src="upload/room/<?php echo $rooms['image_name'] ?>" alt="Booking Room"></a></div>
<div class="room-info p-4">
<div class="down-line-left mb-3">
<h5 class="title"><a class="text-secondery" href="view-accommodation.php?id=<?php echo $rooms["id"]; ?>"><?php echo $rooms['title']; ?></a></h5>
<span><?php echo substr($rooms['short_description'], 0, 115) ?>...</span> </div>
<div class="h5 per-night text-secondery">$<?php echo $rooms["price"]; ?><small>/From</small></div>
<a href="view-accomadation.php?id=<?php echo $rooms["id"]; ?>" class="btn btn-primary float-right">View More</a>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</section>
<!-- Rooms Grid Section End -->
<!-- Footer Section Start -->
<?php include './footer.php'; ?>
<!-- Footer Section End -->
<!-- Copyright Section Start -->
<!-- Copyright Section End -->
<div class="scroll-to-top"> <a href="#" class="btn-scroll" data-target="body"><i class="fa fa-angle-up" aria-hidden="true"></i><b>Back to Top</b></a> </div>
</div>
</div>
<!-- Wrapper End -->
<!-- Jquery links -->
<script src="js/jquery.min.js"></script>
<script src="js/greensock.js"></script>
<script src="js/layerslider.transitions.js"></script>
<script src="js/layerslider.kreaturamedia.jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/common.js"></script>
<script src="js/jquery.countdown.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/custom.js"></script>
<!-- For Home page5 side nav -->
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginRight = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginRight = "0";
}
</script>
</body>
</html> |