Server : LiteSpeed System : Linux us-phx-web1202.main-hosting.eu 4.18.0-553.84.1.lve.el8.x86_64 #1 SMP Tue Nov 25 18:33:03 UTC 2025 x86_64 User : u615232177 ( 615232177) PHP Version : 8.1.33 Disable Function : NONE Directory : /home/u615232177/domains/ellexsleevesapartments.com/public_html/ |
<?php session_start();
$page_name = basename($_SERVER['PHP_SELF']);
include("header.php"); ?>
<title><?php echo $company_name; ?> - Home</title>
<!-- content begin -->
<div class="no-bottom no-top" id="content">
<?php
$stmt_slider = $con -> prepare('SELECT * FROM picture_slider WHERE id = 1');
$stmt_slider -> execute();
$stmt_slider -> store_result();
$stmt_slider -> bind_result($slideid,$slideheading,$slideparagraph,$slidepicture);
$numrows_slider = $stmt_slider -> num_rows();
if($numrows_slider > 0){
while ($stmt_slider -> fetch()) {
?>
<div id="top"></div>
<section class="no-top no-bottom text-light jarallax relative vertical-center" data-video-src="mp4:site_img/home_background/<?php echo $slidepicture; ?>">
<div class="video-overlay"></div>
<div class="container relative z-2">
<div class="abs abs-centered z-1000 w-100">
<div class="container">
<div class="row g-4 justify-content-center">
<div class="col-lg-6 text-center">
<div class="mb-1 subtitle wow fadeInUp" data-wow-delay=".0s"><?= $slideparagraph ?></div>
<h1 class="fs-72 wow fadeInUp" data-wow-delay=".2s"><?= $slideheading ?></h1>
</div>
</div>
</div>
</div>
</div>
</section>
<?php } } ?>
<section>
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-lg-6">
<div class="subtitle id-color wow fadeInUp mb-2">Welcome to <?= $company_name ?></div>
<h2 class="wow fadeInUp">Experience the Perfect Harmony of Affordability, Luxury, and Comfort</h2>
</div>
<div class="col-lg-6">
<div class="relative pb-75">
<img src="images/logo.png" class="abs abs-centered bg-dark z-3 p-4" style="width:200px;">
<img src="site_img/general/ccce2d05ea.jpg" class="wow scaleIn absolute w-60 bottom-0 start-0 z-2" alt="" data-wow-delay=".3s">
<img src="site_img/general/5dccaa8a53.jpg" class="wow scaleIn absolute w-60 top-0 end-5 z-2" alt="" data-wow-delay=".6s">
<img src="site_img/general/121b16a942.jpg" class="wow fadeIn absolute abs-centered w-80" alt="" data-wow-delay="0s">
</div>
</div>
</div>
</div>
</section>
<section class="bg-color-op-1">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-lg-6">
<div class="relative">
<div class="w-100 pe-5 pb-5 wow scaleIn">
<img src="site_img/general/441b33b0fe.jpeg" class="w-100" alt="">
</div>
<div class="bg-color text-light w-50 p-4 abs end-0 bottom-0 z-2 soft-shadow wow scaleIn" data-wow-delay=".2s" alt="">
<h4>Your perfect short-term home—modern, cozy, and fully equipped.</h4>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="ps-lg-3">
<div class="subtitle id-color wow fadeInUp" data-wow-delay=".2s">Short Lets Made Simple</div>
<h2 class="wow fadeInUp" data-wow-delay=".4s">Stay Comfortably, Leave Freely</h2>
<p class="mb-0 wow fadeInUp" data-wow-delay=".6s">Experience the convenience of home with all the perks of a luxury stay. Whether you're in town for business, vacation, or a quick weekend escape, our fully furnished apartments offer everything you need—from stylish interiors to seamless self-check-in. Book for a night, a week, or longer—your space, your terms.</p>
</div>
</div>
</div>
</section>
<section class="bg-color-op-7 text-light">
<div class="container">
<div class="row g-4 relative z-2">
<!-- 24-hour on-site security -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".1s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-user-shield"></i>
</span>
<div class="pl-90">
<h4>24-Hour On-Site Security</h4>
<p class="mb-0">Your safety is our priority, with trained personnel available at all times.</p>
</div>
</div>
</div>
<!-- CCTV coverage -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-video"></i>
</span>
<div class="pl-90">
<h4>CCTV Coverage</h4>
<p class="mb-0">24/7 surveillance in all common areas for added peace of mind.</p>
</div>
</div>
</div>
<!-- Free high-speed Wi-Fi -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-wifi"></i>
</span>
<div class="pl-90">
<h4>Free High-Speed Wi-Fi</h4>
<p class="mb-0">Reliable, fast internet for work, streaming, or staying connected.</p>
</div>
</div>
</div>
<!-- 24-hour solar power backup -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-solar-panel"></i>
</span>
<div class="pl-90">
<h4>24-Hour Solar Power Backup</h4>
<p class="mb-0">Eco-friendly solar backup ensures uninterrupted power supply.</p>
</div>
</div>
</div>
<!-- Generator available -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-bolt"></i>
</span>
<div class="pl-90">
<h4>Generator Available</h4>
<p class="mb-0">Backup generator keeps you powered even during outages.</p>
</div>
</div>
</div>
<!-- Spacious & furnished rooms -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-home"></i>
</span>
<div class="pl-90">
<h4>Spacious & Furnished Rooms</h4>
<p class="mb-0">Enjoy comfort in well-designed and fully furnished living spaces.</p>
</div>
</div>
</div>
<!-- Comfortable workstation -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-laptop-house"></i>
</span>
<div class="pl-90">
<h4>Comfortable Workstation</h4>
<p class="mb-0">Dedicated workspace designed for productivity and focus.</p>
</div>
</div>
</div>
<!-- Fully equipped kitchen -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-utensils"></i>
</span>
<div class="pl-90">
<h4>Fully Equipped Kitchen</h4>
<p class="mb-0">Cook with ease using modern appliances, cookware, and utensils.</p>
</div>
</div>
</div>
<!-- Laundry service -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".9s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-tshirt"></i>
</span>
<div class="pl-90">
<h4>Laundry Service</h4>
<p class="mb-0">Convenient laundry options to keep your clothes fresh and clean.</p>
</div>
</div>
</div>
<!-- Free secure parking -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="1.0s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-parking"></i>
</span>
<div class="pl-90">
<h4>Free & Secure Parking</h4>
<p class="mb-0">Ample parking space with round-the-clock security.</p>
</div>
</div>
</div>
<!-- Comfortable bedding -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="1.1s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-bed"></i>
</span>
<div class="pl-90">
<h4>Comfortable Bedding</h4>
<p class="mb-0">Premium mattresses, soft linens, and cozy pillows for restful sleep.</p>
</div>
</div>
</div>
<!-- Cleaning service -->
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="1.2s">
<div class="relative">
<span class="abs w-70px p-3 bg-color d-block text-center fs-3">
<i class="fas fa-broom"></i>
</span>
<div class="pl-90">
<h4>Cleaning Service</h4>
<p class="mb-0">Regular cleaning to keep your environment fresh and welcoming.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative lines-deco">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="text-center">
<h2>Make A Reservation</h2>
</div>
<div id="booking_form_wrap">
<form id='contactForm' class="form-border" method="post">
<div class="select-room">
<h4>Select Apartment</h4>
<select class="room-type form-control" name="room_type">
<?php
$stmt_r = $con -> prepare('SELECT id,header,price,picture1,discount FROM rooms');
$stmt_r -> execute();
$stmt_r -> store_result();
$stmt_r -> bind_result($r_id,$header_a,$price_a,$picture1_a,$discount_a);
$numrows_r = $stmt_r -> num_rows();
if($numrows_r > 0){
while ($stmt_r -> fetch()) {
?>
<option value='<?= $r_id ?>' data-src="rooms/<?= $picture1_a ?>">
<?= $header_a ?> | <?php if($discount_a == ""){
echo $currency;
echo number_format((float)$price_a, 2, '.', ','); echo"/night";
}
if($discount_a !== ""){
$amount_to_remove = calculatePercentageOfNumber($price_a, $discount_a);
$discounted_price = $price_a - $amount_to_remove;
echo $currency;echo number_format((float)$discounted_price, 2, '.', ',');
echo"/night";
}
?>
</option>
<?php } } ?>
</select>
</div>
<div id="" class="row g-4">
<div class="col-md-12">
<div>
<label for="">Check in</label>
<input type='date' name='check_in' id='' class="form-control" placeholder="Check in" required>
</div>
<div>
<label for="">Check out</label>
<input type='date' name='check_out' id='' class="form-control" placeholder="Check out" required>
</div>
</div>
<div class="col-md-6">
<div>
<input type='text' name='first_name' id='first_name' class="form-control" placeholder="First Name" <?php if(isset($_SESSION['email'])){echo"value='$first_name' readonly";} ?> required>
</div>
<div>
<input type='text' name='last_name' id='last_name' class="form-control" placeholder="Last Name" <?php if(isset($_SESSION['email'])){echo"value='$last_name' readonly";} ?> required>
</div>
</div>
<div class="col-md-6">
<div>
<input type='email' name='email' id='email' class="form-control" placeholder="Your Email" <?php if(isset($_SESSION['email'])){echo"value='$email' readonly";} ?> required>
</div>
<div>
<input type='text' name='phone' id='phone' class="form-control" placeholder="Your Phone" required>
</div>
</div>
<div class="col-md-12">
<p id='submit'>
<button type='submit' id="submitBtn" name='send_message' class="btn-main">Make Reservation</button>
</p>
</div>
</div>
</form>
<div class='alert alert-success' style="display: none;">
<div id="response"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-dark text-light jarallax">
<div class="video-overlay" style='z-index:-1;'></div>
<img src="site_img/general/17146c5ad2.jpg" class="jarallax-img" alt="">
<div class="container">
<div class="row g-4 justify-content-center">
<div class="col-lg-10 text-center">
<div class="spacer-double"></div>
<div class="mb-1 subtitle wow fadeInUp z-1000" data-wow-delay=".0s">Modern Comfort, Prime Locations, Flexible Stays</div>
<h1 class="mb-0 wow fadeInUp" style='z-index:9999;' data-wow-delay=".2s">Enjoy a stylish and hassle-free stay with all the comforts of home—perfect for any length of visit!</h1>
<div class="spacer-single sm-hide"></div>
<div class="spacer-double"></div>
</div>
</div>
</div>
</section>
<section class="bg-color-op-2">
<div class="container-fluid relative z-2">
<div class="row g-4">
<div class="col-lg-8 offset-lg-2 text-center">
<div class="subtitle id-color wow fadeInUp">Accomodations</div>
<h2 class="wow fadeInUp">Explore Our Apartments</h2>
</div>
<div class="col-lg-12">
<div class="owl-custom-nav menu-float px-5" data-target="#room-carousel">
<a class="btn-next"></a>
<a class="btn-prev"></a>
<div id="room-carousel" class="owl-4-cols owl-carousel owl-theme">
<?php $six=6; $yes="Yes";
$stmt1 = $con -> prepare('SELECT id,header,paragraph,price,picture1,picture2,picture3,picture4,discount FROM rooms WHERE featured = ? ORDER BY RAND() LIMIT ?');
$stmt1 -> bind_param('si',$yes,$six);
$stmt1 -> execute();
$stmt1 -> store_result();
$stmt1 -> bind_result($r_id_f,$header_f,$paragraph_f,$price_f,$picture1_f,$picture2_f,$picture3_f,$picture4_f,$discount_f);
$numrows1 = $stmt1 -> num_rows();
if($numrows1 > 0){
while ($stmt1 -> fetch()) {
//get 60 characters
$paragraph_part_f = substr($paragraph_f,0,60);
?>
<!-- room begin -->
<div class="item">
<div class="hover relative overflow-hidden text-light text-center wow fadeInUp" data-wow-delay=".3s">
<?php if($discount_f !== ""){ ?>
<div class="d-label m-2 text-uppercase">
<?php echo "$discount_f% OFF!"; ?>
</div>
<?php } ?>
<img src="rooms/<?php echo $picture1_f ?>" class="w-100" style="object-fit:cover; height:300px;">
<div class="abs hover-op-1 z-4 hover-mt-40 abs-centered">
<div class="fs-14"></div>
<h3 class="fs-30 lh-1 mb-4">
<?php if($discount_f == ""){
echo $currency;
echo number_format((float)$price_f, 2, '.', ','); echo"<span>/night</span> ";
}
if($discount_f !== ""){
$amount_to_remove = calculatePercentageOfNumber($price_f, $discount_f);
$discounted_price = $price_f - $amount_to_remove;
echo"<span class='cross'>";
echo $currency;echo number_format((float)$price_f, 2, '.', ',');
echo"</span> ";
echo"<br><b>";
echo $currency;echo number_format((float)$discounted_price, 2, '.', ',');
echo"/night";
echo"</b>";
}
?>
</h3>
<a class="btn-line" href="room_details.php?u=<?php echo $r_id_f; ?>">View Details</a>
</div>
<div class="abs bg-color z-2 top-0 w-100 h-100 hover-op-1"></div>
</div>
<div class="w-100 text-center hover-op-0">
<h4 class="mt-3 mb-0"><?php echo $header_f ?></h4>
<div class="text-center fs-14">
<span class="mx-2">
<?php if($discount_f == ""){
echo $currency;
echo number_format((float)$price_f, 2, '.', ','); echo"<span>/night</span> ";
}
if($discount_f !== ""){
$amount_to_remove = calculatePercentageOfNumber($price_f, $discount_f);
$discounted_price = $price_f - $amount_to_remove;
echo"<span class='cross'>";
echo $currency;echo number_format((float)$price_f, 2, '.', ',');
echo"</span> ";
echo"<br><b>";
echo $currency;echo number_format((float)$discounted_price, 2, '.', ',');
echo"/night";
echo"</b>";
}
?>
</span>
</div>
</div>
</div>
<!-- room end -->
<?php } } ?>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container relative z-2">
<div class="row g-4">
<div class="col-lg-8 offset-lg-2 text-center">
<div class="subtitle wow fadeInUp mb-3">Discover</div>
<h2 class="wow fadeInUp">Our Gallery</h2>
</div>
</div>
<?php
// Fetch 7 random images
$sql = "SELECT picture FROM gallery1 ORDER BY RAND() LIMIT 7";
$result = $con->query($sql);
$images = [];
while ($row = $result->fetch_assoc()) {
$images[] = $row['picture'];
}
// Safety check
if (count($images) >= 7) {
// Output layout
echo '<div class="row g-3 align-items-center">';
// 1st Column (image 0)
echo '
<div class="col-lg-1-5">
<a href="site_img/gallery/'.$images[0].'" class="image-popup d-block hover wow fadeInUp" data-wow-delay=".6s">
<div class="relative overflow-hidden">
<div class="absolute start-0 w-100 abs-middle fs-36 text-white text-center z-2">
<h4 class="mb-0 hover-scale-in-3">View</h4>
</div>
<div class="absolute w-100 h-100 top-0 bg-dark hover-op-05"></div>
<img src="site_img/gallery/'.$images[0].'" class="img-fluid hover-scale-1-2 gallery-img" alt="">
</div>
</a>
</div>';
// 2nd Column (images 1 and 2 stacked)
echo '
<div class="col-lg-1-5">
<a href="site_img/gallery/'.$images[1].'" class="image-popup d-block hover mb-3 wow fadeInUp" data-wow-delay=".2s">
<div class="relative overflow-hidden">
<div class="absolute start-0 w-100 abs-middle fs-36 text-white text-center z-2">
<h4 class="mb-0 hover-scale-in-3">View</h4>
</div>
<div class="absolute w-100 h-100 top-0 bg-dark hover-op-05"></div>
<img src="site_img/gallery/'.$images[1].'" class="img-fluid hover-scale-1-2 gallery-img" alt="">
</div>
</a>
<a href="site_img/gallery/'.$images[2].'" class="image-popup d-block hover wow fadeInUp" data-wow-delay=".4s">
<div class="relative overflow-hidden">
<div class="absolute start-0 w-100 abs-middle fs-36 text-white text-center z-2">
<h4 class="mb-0 hover-scale-in-3">View</h4>
</div>
<div class="absolute w-100 h-100 top-0 bg-dark hover-op-05"></div>
<img src="site_img/gallery/'.$images[2].'" class="img-fluid hover-scale-1-2 gallery-img" alt="">
</div>
</a>
</div>';
// 3rd Column (image 3)
echo '
<div class="col-lg-1-5">
<a href="site_img/gallery/'.$images[3].'" class="image-popup d-block hover wow fadeInUp">
<div class="relative overflow-hidden">
<div class="absolute start-0 w-100 abs-middle fs-36 text-white text-center z-2">
<h4 class="mb-0 hover-scale-in-3">View</h4>
</div>
<div class="absolute w-100 h-100 top-0 bg-dark hover-op-05"></div>
<img src="site_img/gallery/'.$images[3].'" class="img-fluid hover-scale-1-2 gallery-img" alt="">
</div>
</a>
</div>';
// 4th Column (images 4 and 5 stacked)
echo '
<div class="col-lg-1-5">
<a href="site_img/gallery/'.$images[4].'" class="image-popup d-block hover mb-3 wow fadeInUp" data-wow-delay=".2s">
<div class="relative overflow-hidden">
<div class="absolute start-0 w-100 abs-middle fs-36 text-white text-center z-2">
<h4 class="mb-0 hover-scale-in-3">View</h4>
</div>
<div class="absolute w-100 h-100 top-0 bg-dark hover-op-05"></div>
<img src="site_img/gallery/'.$images[4].'" class="img-fluid hover-scale-1-2 gallery-img" alt="">
</div>
</a>
<a href="site_img/gallery/'.$images[5].'" class="image-popup d-block hover wow fadeInUp" data-wow-delay=".4s">
<div class="relative overflow-hidden">
<div class="absolute start-0 w-100 abs-middle fs-36 text-white text-center z-2">
<h4 class="mb-0 hover-scale-in-3">View</h4>
</div>
<div class="absolute w-100 h-100 top-0 bg-dark hover-op-05"></div>
<img src="site_img/gallery/'.$images[5].'" class="img-fluid hover-scale-1-2 gallery-img" alt="">
</div>
</a>
</div>';
// 5th Column (image 6)
echo '
<div class="col-lg-1-5">
<a href="site_img/gallery/'.$images[6].'" class="image-popup d-block hover wow fadeInUp" data-wow-delay=".6s">
<div class="relative overflow-hidden">
<div class="absolute start-0 w-100 abs-middle fs-36 text-white text-center z-2">
<h4 class="mb-0 hover-scale-in-3">View</h4>
</div>
<div class="absolute w-100 h-100 top-0 bg-dark hover-op-05"></div>
<img src="site_img/gallery/'.$images[6].'" class="img-fluid hover-scale-1-2 gallery-img" alt="">
</div>
</a>
</div>';
echo '</div>';
}
?>
</div>
</section>
</div>
<!-- content close -->
<script>
document.querySelector("#contactForm").addEventListener("submit", async function(e) {
e.preventDefault();
const formData = new FormData(this);
const submitBtn = document.querySelector("#submitBtn");
const responseDiv = document.querySelector("#response");
const alertBox = document.querySelector(".alert-success");
// Set loading state
submitBtn.disabled = true;
const originalText = submitBtn.innerText;
submitBtn.innerText = "Sending...";
try {
const res = await fetch("send-mail", {
method: "POST",
body: formData,
});
const data = await res.json();
responseDiv.innerHTML = data.message;
if (data.message && data.message.trim() !== "") {
alertBox.style.display = "block";
} else {
alertBox.style.display = "none";
}
} catch (error) {
responseDiv.innerHTML = "An error occurred.";
alertBox.style.display = "block";
console.error("Error:", error);
} finally {
// Reset button
submitBtn.disabled = false;
submitBtn.innerText = originalText;
}
});
</script>
<?php include("footer.php"); ?>