<![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>4* BENIDORM BEACH ESCAPE w/ MEALS</title>
<!-- CSS & Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono&subset=cyrillic">
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet' type='text/css'>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="./script/script.js"></script>
<style>
body {
margin: 0;
padding: 0;
}
.sticky-sidebar {
position: sticky;
top: 20px;
}
.main-content {
min-height: 100vh;
padding-bottom: 50px;
}
.carousel-img {
/* width: 100%; */
height: auto;
/* max-height: 400px; */
object-fit: cover;
}
.carousel-container {
/* max-width: 800px; */
margin: 0 auto 40px auto;
}
/* .scrollable-col {
max-height: 1000px;
overflow-y: auto;
} */
</style>
</head>
<body>
<!-- Header -->
<div class="container overflow-hidden mt-5">
<div class="row ">
<div class="col">
<h2 class="overviewHeader" style="text-align: center; font-family: sans-serif; color:#00247D;"><strong>4*
BENIDORM : 3 NIGHTS, FLIGHTS & FREE MEALS <br>FROM £139 PER PERSON </strong></h2>
<div class="p-3">
<!-- Start of Deal Title -->
<div class="box">
<i class="fa fa-star" aria-hidden="true" style="color: #fcc201;"></i><i class="fa fa-star"
aria-hidden="true" style="color: #fcc201;"></i><i class="fa fa-star" aria-hidden="true"
style="color: #fcc201;"></i><i class="fa fa-star" aria-hidden="true" style="color: #fcc201;"></i>
<h4 class="title">Hotel Olympus</h4>
<i class="fa fa-map-marker text-default" aria-hidden="true"
style="position: relative; display: flex; font-size: 18px; letter-spacing: 0; color:#00247D">
<p class="hotel-location" style="padding-left: 5px; font-weight: 500; color:#00247D">Benidorm, Spain</p>
</i>
<p class="sub-title" style="text-align: start;">Travellers’ Choice 2025 | Free Meals | Availability : Jun'25
- Oct'25</p>
</div>
<!-- End of deal Title -->
<div class="right-div">
<img decoding="async" src="https://holidayjet.co.uk/wp-content/uploads/2025/04/travelzoo-memberoffer.jpg"
alt="travelzoo-memberoffer" style="height: 50px;width: 100px;" class="tzmember-logo">
</div>
</div>
</div>
</div>
</div>
<!-- Image Carousel -->
<div class="container overflow-hidden ">
<div class="row justify-content-center">
<div class="col">
<div class="box">
<div class="carousel-container">
<div class="big-image position-relative" id="mainImageContainer">
<img decoding="async" id="mainImage" src="https://holidayjet.co.uk/wp-content/uploads/2025/05/0_1-1.jpg"
alt="Big Image">
<div class="discount-badge">Saving upto 55% OFF</div>
</div>
<div class="thumbnail-container">
<div class="thumbnail"><img decoding="async" src="https://holidayjet.co.uk/wp-content/uploads/2025/05/0_2-1.jpg"
onclick="changeImage(0)"></div>
<div class="thumbnail"><img decoding="async" src="https://holidayjet.co.uk/wp-content/uploads/2025/05/0_3-1.jpg"
onclick="changeImage(1)"></div>
<div class="thumbnail"><img decoding="async" src="https://holidayjet.co.uk/wp-content/uploads/2025/05/0_4-1.jpg"
onclick="changeImage(2)"></div>
<div class="thumbnail"><img decoding="async" src="https://holidayjet.co.uk/wp-content/uploads/2025/05/0_5.jpeg"
onclick="changeImage(3)"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End of Carousel -->
<!-- Main Content Section with Two Columns -->
<div class="container main-content">
<div class="row content-section">
<!-- Left Scrollable Content -->
<div class="col-md-8">
<div id="overview">
<h3 class="sub-heading" style="font-family: Poppins; font-weight: 500; color: #00247D;">Overview</h3>
<p class="deal_description"
style="font-size: 17px; padding-left: 0px; text-align: justify; font-family: 'Lato', Courier, monospace; font-weight: 0; color:#110f0f;">
This hotel is set in a central-yet-quiet area of the Costa Blanca resort of Benidorm, just a 15-minute walk
from Poniente beach. Free WiFi is available in the public areas.<br/><br/>
At the modern Hotel Olympus you will be able to spend your day relaxing beneath the warm Mediterranean sun
beside the outdoor swimming pool. This has a separate area for children.<br/><br/>
Try the local specialities offered in the hotel buffet restaurant and come accompanied with refreshing
beers, wines and sangria. It also offers weekly gala dinners and an open kitchen where guests may watch the
dishes being prepared. The hotel specialises in gluten-free cuisine and offers a variety of 60 dishes for
guests allergic to gluten .<br/><br/>
The resort’s famous Poniente beach is set just 800 metres from the hotel, and the city centre only 850
metres away.</p>
</div>
<!-- -->
<div id="aboutus">
<h3 class="sub-heading" style="font-family: 'Lato', Courier, monospace; font-weight: 500; color: #00247D;">
What's Include :</h3>
<div class="row g-2 cont-font">
<div class="col-md-6">
<div class="amenities-box">
<i class="fas fa-plane"></i>
<span>Return Flights</span>
</div>
</div>
<div class="col-md-6">
<div class="amenities-box">
<i class="fa fa-hamburger"></i>
<span>Half Board</span>
</div>
</div>
<div class="col-md-6">
<div class="amenities-box">
<i class="fa fa-moon "></i>
<span>3 Nights Stay</span>
</div>
</div>
<div class="col-md-6">
<div class="amenities-box">
<i class='fas fa-award'></i>
<span>Traveler's Choice 2025</span>
</div>
</div>
<div class="col-md-6">
<div class="amenities-box">
<i class='fas fa-calendar'></i>
<span>Dates Available : Jun 2025 - Oct 2025</span>
</div>
</div>
<div class="col-md-6">
<div class="amenities-box">
<i class='fas fa-pound-sign'></i>
<span>non-refundable rate</span>
</div>
</div>
<div class="col-md-6">
<div class="amenities-box">
<i class='fas fa-cancel'></i>
<span>Cancellations are not permitted</span>
</div>
</div>
<div class="col-md-6">
<div class="amenities-box">
<i class='fas fa-shield-alt'></i>
<span>Atol Protected</span>
</div>
</div>
<div class="col-md-6">
<div class="amenities-box">
<i class='fas fa-clock'></i>
<span>Other durations available, Please call</span>
</div>
</div>
</div>
</div>
<!-- -->
<div id="dates" style="padding-top: 10px;">
<h3 class="sub-heading" style="font-family: Poppins; font-weight: 500; color: #00247D;">Dates :</h3>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">London Stansted Departures 3 Nights From £139 pp</div>
<div class="deal__month"><span>Jun 2025 £139</span><span> 1st, 7th, 8th, 9th, 10th, 11th, 29th</span></div>
<div class="deal__month"><span>Jul 2025 £189</span><span> 1st, 2nd, 7th, 8th, 9th, 11th, 22nd</span></div>
<div class="deal__month"><span>Aug 2025 £289</span><span> 3rd, 4th, 5th, 8th, 10th, 11th, 12th, 16th, 17th, 31st</span></div>
<div class="deal__month"><span>Sep 2025 £179</span><span> 6th, 7th, 8th, 9th, 14th, 21st, 23rd, 28th, 29th, 30th</span></div>
<div class="deal__month"><span>Oct 2025 £139</span><span> 4th, 5th, 6th, 7th, 11th, 12th, 13th, 14th, 19th, 20th</span></div></div></div>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">London Gatwick Departures 3 Nights From £139 pp</div>
<div class="deal__month"><span>Jun 2025 £159</span><span> 3rd, 4th, 7th, 8th, 9th, 10th, 28th</span></div>
<div class="deal__month"><span>Jul 2025 £309</span><span> 1sth, 8th, 14th, 15th, 16th, 17th</span></div>
<div class="deal__month"><span>Aug 2025 £289</span><span> 4th, 5th, 6th, 9th, 10th, 11th, 12th, 13th, 14th, 17th, 18th, 19th, 20th, 30th, 31st</span></div>
<div class="deal__month"><span>Sep 2025 £179</span><span> 2nd, 3rd, 7th, 8th, 9th, 10th, 14th, 15th, 16th, 21st, 22nd, 23rd, 28th, 29th, 30th</span></div>
<div class="deal__month"><span>Oct 2025 £139</span><span> 1st, 5th, 6th, 7th, 8th, 10th, 11th, 12th, 13th, 14th, 15th, 20th</span></div></div></div>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">London Luton Departures 3 Nights From £139 pp</div>
<div class="deal__month"><span>Jun 2025 £169</span><span> 1st, 2nd, 3rd, 8th, 9th, 10th, 29th</span></div>
<div class="deal__month"><span>Jul 2025 £189</span><span> 1st, 2nd, 7th, 8th, 9th, 14th, 15th</span></div>
<div class="deal__month"><span>Aug 2025 £279</span><span> 1st, 3rd, 4th, 7th, 8th, 12th, 19th, 31st</span></div>
<div class="deal__month"><span>Sep 2025 £189</span><span> 7th, 8th, 9th, 14th, 15th, 16th, 21st, 22nd, 23rd, 28th, 29th, 30th</span></div>
<div class="deal__month"><span>oct 2025 £139</span><span> 1st, 5th, 6th, 7th, 12th, 13th, 14th, 15th, 19th</span></div></div></div>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">Manchester Departures 3 Nights From £159 pp</div>
<div class="deal__month"><span>Jun 2025 £159</span><span> 1st, 7th, 8th, 9th, 10th, 11th</span></div>
<div class="deal__month"><span>Jul 2025 £189</span><span> 1st, 2nd, 7th, 8th, 9th, 14th</span></div>
<div class="deal__month"><span>Aug 2025 £279</span><span> 3rd, 4th, 5th, 6th, 9th, 10th, 11th, 17th, 31th</span></div>
<div class="deal__month"><span>Sep 2025 £189</span><span> 7th, 8th, 14th, 15th, 21th, 22nd</span></div>
<div class="deal__month"><span>Oct 2025 £169</span><span> 5th, 6th, 7th, 12th, 13th, 14th, 18th, 19th, 21th</span></div></div></div>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">Liverpool Departures 3 Nights From £139 pp</div>
<div class="deal__month"><span>Jun 2025 £159</span><span> 3rd, 5th, 9th, 10th, 11th, 30th</span></div>
<div class="deal__month"><span>Jul 2025 £189</span><span> 1st, 2nd, 7th, 8th, 9th, 16th</span></div>
<div class="deal__month"><span>Aug 2025 £289</span><span> 5th, 6th, 11th, 12th, 13th, 18th, 19th, 31st</span></div>
<div class="deal__month"><span>Sep 2025 £169</span><span> 9th, 10th, 16th, 23rd, 30th</span></div>
<div class="deal__month"><span>Oct 2025 £139</span><span> 1st, 7th, 8th, 13th, 14th, 15th, 21st</span></div></div></div>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">Bristol Departures 3 Nights From £139 pp</div>
<div class="deal__month"><span>Jun 2025 £179</span><span> 3rd, 4th, 8th, 9th, 10th, 11th, 28th</span></div>
<div class="deal__month"><span>Jul 2025 £199</span><span> 1st, 2nd, 7th, 8th, 9th, 14th, 15th</span></div>
<div class="deal__month"><span>Aug 2025 £249</span><span> 4th, 5th, 6th, 8th, 11th, 12th, 13th, 18th, 19th, 31st</span></div>
<div class="deal__month"><span>Sep 2025 £159</span><span> 6th, 7th, 8th, 15th, 28th, 29th, 30th</span></div>
<div class="deal__month"><span>Oct 2025 £139</span><span> 5th, 6th, 7th, 11th, 12th, 13th, 14th, 19th, 20th</span></div></div></div>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">Edinburgh Departures 3 Nights From £259 pp</div>
<div class="deal__month"><span>Jun 2025 £259</span><span> 2nd, 3rd, 5th, 6th, 8th, 10th, 11th</span></div>
<div class="deal__month"><span>Jul 2025 £329</span><span> 1st, 2nd, 8th, 13th, 15th, 17th, 19th, 20th, 21st, 27st, 28th, 29th, 30th</span></div>
<div class="deal__month"><span>Aug 2025 £329</span><span> 9th, 11th, 12th, 13th, 15th, 16th, 17th, 18th, 19th, 24th, 25th, 27th, 30th, 31th</span></div>
<div class="deal__month"><span>Sep 2025 £279</span><span> 6th, 7th, 8th, 9th, 13th, 30th</span></div>
<div class="deal__month"><span>Oct 2025 £279</span><span> 5th, 6th, 7th, 20th, 24th, 26th, 27th, 29th</span></div></div></div>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">Birmingham Departures 3 Nights From £179 pp</div>
<div class="deal__month"><span>Jun 2025 £179</span><span> 1st, 3rd, 7th, 8th, 9th, 10th, 28th</span></div>
<div class="deal__month"><span>Jul 2025 £329</span><span> 4th, 5th, 6th, 7th, 8th, 13th, 14th, 15th, 16th, 17th</span></div>
<div class="deal__month"><span>Aug 2025 £399</span><span> 4th, 5th, 8th, 9th, 11th, 12th, 17th, 30th, 31st</span></div>
<div class="deal__month"><span>Sep 2025 £299</span><span> 2nd, 6th, 7th, 8th, 9th, 10th, 13th, 14th, 28th, 29th, 30th</span></div>
<div class="deal__month"><span>Oct 2025 £249</span><span> 3rd, 4th, 5th, 10th, 11th, 12th, 13th, 14th, 15th, 17th, 18th</span></div></div></div>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">East Midlands Departures 3 Nights From £149 pp</div>
<div class="deal__month"><span>Jun 2025 £189</span><span> 3rd, 5th, 6th, 7th, 8th, 9th, 10th</span></div>
<div class="deal__month"><span>Jul 2025 £219</span><span> 1st, 8th, 9th, 13th, 15th, 16th</span></div>
<div class="deal__month"><span>Aug 2025 £299</span><span> 3rd, 4th, 5th, 9th, 10th, 12th, 13th, 16th, 17th, 18th, 31st</span></div>
<div class="deal__month"><span>Sep 2025 £219</span><span> 3rd, 6th, 7th, 8th, 9th, 10th, 14th, 16th, 23rd, 28th, 30th</span></div>
<div class="deal__month"><span>Oct 2025 £149</span><span> 5th, 7th, 12th, 13th, 14th, 19th</span></div></div></div>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">Leeds Bradford Departures 3 Nights From £139 pp</div>
<div class="deal__month"><span>Jan 2025 £159</span><span> 3rd, 7th, 8th, 9th, 10th, 11th, 28th, 29th</span></div>
<div class="deal__month"><span>Jul 2025 £199</span><span> 1st, 7th, 8th, 10th, 13th, 14th, 15th, 16th</span></div>
<div class="deal__month"><span>Aug 2025 £259</span><span> 3rd, 4th, 5th, 10th, 12th, 30th, 31st</span></div>
<div class="deal__month"><span>Sep 2025 £199</span><span> 6th, 7th, 8th, 14th, 15th, 21st, 28th, 29th, 30th</span></div>
<div class="deal__month"><span>Oct 2025 £139</span><span> 4th, 5th, 6th, 7th, 11th, 12th, 13th, 14th, 19th</span></div></div></div>
<div class="deal__year">
<div class="deal__months">
<div class="deal__yearName">Glasgow Departures 3 Nights From £209 pp</div>
<div class="deal__month"><span>Jun 2025 £209</span><span> 2nd, 5th, 9th</span></div>
<div class="deal__month"><span>Jul 2025 £309</span><span> 2nd, 10th, 17th, 21st, 28th, 30th</span></div>
<div class="deal__month"><span>Aug 2025 £319</span><span> 7th, 10th, 11th, 12th, 13th, 15th, 17th, 18th, 20th, 24th, 25th, 27th, 31st</span></div>
<div class="deal__month"><span>Sep 2025 £229</span><span> 1st, 8th, 15th, 22nd, 29th</span></div>
<div class="deal__month"><span>Oct 2025 £259</span><span> 6th, 22nd, 25th, 26th, 27th, 28th, 30th</span></div></div></div>
<!-- -->
</div>
</div>
<!-- Right Sticky Sidebar -->
<div class="col-md-4" style="padding-left: 10px;">
<div class="sticky-sidebar">
<div class="">
<!-- Roundel code comes here -->
<div class="row" id="contact-div">
<div class="m-3 fixed-container1">
<div class="roundel">
<div class="small-text">from</div>
<div class="price">£139pp</div>
<div class="availability">Call - <strong>020 3474 6940</strong></div>
</div>
</div>
</div>
<!-- Start of Call us now -->
<div class="row-contact" #id="contact-divc" style="max-width: 416px;">
<div class="box text-center shadow bg-body rounded">
<h5 class="pt-3" style="color:#00247D;">Speak to Our Holiday Expert</h5>
<div class="d-flex align-items-center justify-content-center flex-column flex-md-row ">
<i class="fa fa-phone contact-num" aria-hidden="true"
style="color: #FF6B00; font-size: 25px; margin-right: 10px;">
</i>
<a class="contact-num" href="tel:+02034746940"
style="color: #FF6B00; font-weight: 700; text-align: center; margin: 0; text-decoration: none;">
<h1>
020 3474 6940
</a>
</h1>
</div>
</div>
</div>
<!-- End of Call us now -->
<!-- Start of Location -->
<div class="hide_mobile map_location ">
<h4 class="py-3"
style="margin: 10px 0; font-family: 'Poppins';font-weight: 500; color: #00247D; font-size: 28px;">Hotel
Location Map</h4>
<div class="over_view_here shadow bg-body">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3120.566270636587!2d-0.13726392377000948!3d38.54376516749199!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd6204c13b8c199f%3A0x23d629bb859ffe3b!2sHotel%20Olympus!5e0!3m2!1sen!2sin!4v1747380225244!5m2!1sen!2sin"
width="100%" height="350" frameborder="0" style="border:0" allowfullscreen=""></iframe>
</div>
</div>
<!-- End of Location -->
</div>
</div>
</div>
</div>
</div>
<!-- Check availability Section -->
<div class="container text-center mt-4">
<div class="row justify-content-center" style="padding-top:10px;">
<div class="col-6 ">
<div class="d-flex align-items-center justify-content-center">
<h1 class="call-btn col-6"
style="color: rgb(241, 237, 235); font-weight: 700; text-align: center; margin: 0;">
<a href="tel:+02034746940" class="call-btn">
Check Availability
</a>
</h1>
</div>
</div>
</div>
</div>
<!-- End of Check availability -->
<!-- You may Like Deals -->
<div class="container mt-5">
<h3 class="text-center" style="color:#00247D;">You May Like</h3>
<div class="bottom_deals" id="dealsCarousel" class="carousel2 slide" data-bs-ride="carousel" data-bs-interval="3000"
style="padding-top: 20px;">
<div class="carousel-inner2">
<div class="carousel-item active">
<!-- Slide 1 (4 deals) -->
<div class="row bottomdeal">
<div class="col-md-3">
<div class="card h-100"> <a
href="https://holidayjet.co.uk/14-nights-all-inclusive-nile-escape-hotel-cruise-2/" target="_blank">
<img decoding="async" src="https://holidayjet.co.uk/wp-content/uploads/2025/02/Nile-Cruise-Hotel-Stay-scaled.jpeg"
class="card-img-top" alt="Nile River Cruise" height="178px">
<div
style="position: absolute; top: 10px; right: 10px; background-color: #ff006B; color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold; font-size: 14px;">
55% OFF
</div>
</a>
<div class="card-body text-center">
<h5 class="card-title" style="color:#00247D;">Nile River Cruise</h5><span><small>Full Board
</small></span>
<p><i class="fas fa-star" style="color: #fcc201;"></i> <i class="fas fa-star"
style="color: #fcc201;"></i> <i class="fas fa-star" style="color: #fcc201;"></i> <i
class="fas fa-star" style="color: #fcc201;"></i> <i class="fas fa-star"
style="color: #fcc201;"></i></p>
</div>
<div class="card-footer">
<span class="price2">From £499pp</span>
<a href="https://holidayjet.co.uk/14-nights-all-inclusive-nile-escape-hotel-cruise-2/"
class="book-btn">Book Now</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card h-100 position-relative">
<a href="https://holidayjet.co.uk/5-nts-all-inclusive-turkey/" target="_blank">
<img decoding="async" src="https://holidayjet.co.uk/wp-content/uploads/2025/04/titan-select-hotel-2.jpg"
class="card-img-top" alt="Turkey" height="178px">
<div
style="position: absolute; top: 10px; right: 10px; background-color: #ff006B; color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold; font-size: 14px;">
58% OFF
</div>
</a>
<div class="card-body text-center">
<h5 class="card-title" style="color:#00247D;">Turkey</h5>
<span><small>All-Inclusive </small></span>
<p>
<i class="fas fa-star" style="color: #fcc201;"></i>
<i class="fas fa-star" style="color: #fcc201;"></i>
<i class="fas fa-star" style="color: #fcc201;"></i>
<i class="fas fa-star" style="color: #fcc201;"></i>
<i class="fas fa-star" style="color: #fcc201;"></i>
</p>
</div>
<div class="card-footer">
<span class="price2">From £299pp</span>
<a href="https://holidayjet.co.uk/5-nts-all-inclusive-turkey/" class="book-btn">Book Now</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card h-100"><a href="https://holidayjet.co.uk/4-nights-malta-adventure/" target="_blank">
<img decoding="async" src="https://holidayjet.co.uk/wp-content/uploads/2025/04/travel-guide-gq-malta.webp"
class="card-img-top" alt="Malta" height="178px">
<div
style="position: absolute; top: 10px; right: 10px; background-color: #ff006B; color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold; font-size: 14px;">
50% OFF
</div>
</a>
<div class="card-body text-center">
<h5 class="card-title" style="color:#00247D;">Malta</h5><span><small>All-Inclusive </small></span>
<p><i class="fas fa-star" style="color: #fcc201;"></i> <i class="fas fa-star"
style="color: #fcc201;"></i> <i class="fas fa-star" style="color: #fcc201;"></i> <i
class="fas fa-star" style="color: #fcc201;"></i> </p>
</div>
<div class="card-footer">
<span class="price2">From £269pp </span>
<a href="https://holidayjet.co.uk/4-nights-malta-adventure/" class="book-btn">Book Now</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card h-100"> <a href="https://holidayjet.co.uk/4-nights-marrakech-escape/" target="_blank">
<img decoding="async" src="https://holidayjet.co.uk/wp-content/uploads/2025/04/club-dar-atlas.jpg" class="card-img-top"
alt="Marrakech" height="178px">
<div
style="position: absolute; top: 10px; right: 10px; background-color: #ff006B; color: white; padding: 5px 10px; border-radius: 5px; font-weight: bold; font-size: 14px;">
45% OFF
</div>
</a>
<div class="card-body text-center">
<h5 class="card-title" style="color:#00247D; text-decoration:none">Marrakech</h5>
<span><small>All-Inclusive </small></span>
<p><i class="fas fa-star" style="color: #fcc201;"></i> <i class="fas fa-star"
style="color: #fcc201;"></i> <i class="fas fa-star" style="color: #fcc201;"></i> <i
class="fas fa-star" style="color: #fcc201;"></i> </p>
</div>
<div class="card-footer">
<span class="price2">From £299pp</span>
<a href="https://holidayjet.co.uk/4-nights-marrakech-escape/" class="book-btn">Book Now</a>
</div>
</div>
</div>
</div>
</div>
<!-- Add More Slides (4 Deals per Slide) Here -->
</div>
<!-- Previous & Next Buttons -->
<!-- <button class="carousel-control-prev" type="button" data-bs-target="#dealsCarousel"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#dealsCarousel"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
</button> -->
</div>
</div>
<!-- End Of you may like deals -->
<!-- Bottom Links -->
<div class="container mt-5" id="bottom-teal" style="color: white; padding-bottom: 30px;">
<div class="row g-4" style="background-color: rgb(8, 53, 53); border-radius: 15px;">
<!-- Company Logo & Address -->
<div class="col-md-4">
<div class="info-card d-flex flex-column align-items-center">
<i class="fas fa-building icon" style="color: white;"></i>
<h5>Our Office</h5>
<img decoding="async" src="https://holidayjet.co.uk/wp-content/uploads/2025/04/Logo-.png" alt="Company Logo" class="mb-3"
style="height: 100px; width: 180px; background-color: white; border-radius: 10px; padding: 15px;">
<p class="office-info">Galaxy Travel Ltd (Trading as HolidayJet), <br>2 Manor House Lane, Datchet, <br>Slough,
SL3 9EB, UK</p>
<p>Email: admin@holidayjet.co.uk</p>
</div>
</div>
<!-- Give Us a Call -->
<div class="col-md-4">
<div class="info-card d-flex flex-column align-items-center">
<i class="fas fa-phone icon" style="color: white;"></i>
<h5>Give Us a Call</h5>
<p>Prefer to speak to one of our holiday advisors?</p>
<a class="office-call-size" href="tel:+02034746940"
style="color: white; text-decoration: none; font-weight: 700">Call 020 3474 6940</a>
</div>
</div>
<!-- New User Subscription -->
<div class="col-md-4">
<div class="info-card d-flex flex-column align-items-center">
<i class="fas fa-envelope icon" style="color: white;"></i>
<h5>New User Subscription</h5>
<p>Subscribe to get the latest updates, deals, discounts</p>
<form method="POST" class="w-100 mb-3">
<input type="email" name="email" class="form-control mb-2" placeholder="Enter your email" required>
<input type="text" name="contact" class="form-control mb-2" placeholder="Contact Number" required>
<button type="submit" name="custom_form_submit" value="Submit" class="btn btn-primary w-100">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<style>
@media only screen and (min-width: 320px) and (max-width: 375px) {
.call-btn.col-6 {
min-width: auto;
text-align: center;
align-items: center;
background-color: white;
}
}
/* Mobile devices (<= 425px) */
@media only screen and (min-width: 320px) and (max-width: 425px) {
.overviewHeader {
text-align: center;
font-weight: 0;
padding-right: 0px;
}
.hotel-location .text-default {
color: 00247D;
}
strong {
font-weight: 400;
}
.sub-title {
text-align: start;
}
.tzmember-logo {
align-items: center;
margin-left: auto;
margin-right: auto;
}
.col-4 {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
.fixed-container1 {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
.row {
margin-left: auto;
margin-right: auto;
}
.mb-5 {
margin-bottom: 10px;
}
div#dealsCarousel {
padding-right: 0px;
}
.text-center {
color: #00247D;
}
.bottom_deals {
padding-right: 0px;
}
.pointer-event {
padding-right: 0px;
}
.office-info {
text-align: center;
}
.office-call-size {
font-size: 25px;
}
.col-md-4 div>p {
text-align: center;
}
p.deal_description {
padding-right: 0px;
}
}
/* Tablet devices (426px to 768px) */
@media only screen and (min-width: 426px) and (max-width: 768px) {}
/* Desktop devices (769px and up) */
@media only screen and (min-width: 769px) {
.office-call-size {
font-size: 35px;
}
}
.discount-badge {
position: absolute;
top: 20px;
right: 15px;
background-color: #ff006B;
color: white;
padding: 5px 10px;
font-weight: bold;
font-size: 14px;
border-radius: 5px;
z-index: 10;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
body {
width: 100%;
}
.carousel-container {
display: flex;
align-items: flex-start;
gap: 10px;
}
.big-image {
width: 1000px;
height: 520px;
/* height: auto; */
/* border-radius: 10px; */
overflow: hidden;
}
.big-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 0.8s ease-in-out;
}
.thumbnail-container {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
text-wrap: wrap;
}
.col-md-6 {
font-size: 16px;
}
.col-md-4 {
position: sticky;
}
#aboutus {
font-family: 'Lato', Courier, monospace;
}
.thumbnail img {
width: 320px;
height: 120px;
cursor: pointer;
/* border-radius: 5px; */
transition: transform 0.3s;
}
.thumbnail img:hover {
transform: scale(1.1);
}
h2,
.deal_description {
padding-right: 20px;
}
.col {
width: 100%;
}
#dealsCarousel {
display: flex;
justify-content: space-between;
}
/* Roundel CSS */
.box {
max-width: 100%;
position: sticky;
top: 20px;
/* z-index: 100; */
}
.roundel {
width: 195px;
height: 195px;
background-color: #cf142b;
/* Pink color */
color: white;
font-size: 20px;
/* font-weight: bold; */
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
/* font-weight: bold; */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
margin: 0 auto;
}
.price {
font-size: 35px;
font-family: 'Poppins', sans-serif !important;
font-weight: 600;
/* margin: 2px 0; */
color: white;
}
.small-text {
font-size: 20px;
padding-top: -10px;
/* margin: 2px 0; */
font-family: 'Lato', sans-serif !important;
}
.price_offer {
position: absolute;
bottom: -99px;
background: #cf142b;
border-radius: 230px;
height: 175px;
width: 175px;
z-index: 98;
padding-top: 50px;
right: 45px;
-webkit-box-shadow: -3px 2px 24px -11px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -3px 2px 24px -11px rgba(0, 0, 0, 0.75);
box-shadow: -3px 2px 24px -11px rgba(0, 0, 0, 0.75);
}
.hide_mobile {
display: block;
}
.availability {
font-size: 16px;
margin-top: 0px;
padding-top: 5px;
padding-bottom: -20px;
animation: blinker 0.5s linear infinite;
}
.bg-body2 {
width: fit-content;
margin: auto;
/* padding-left: 2px; */
}
.row-contact {
width: 100%;
padding: 15px;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.py-3 {
padding-left: 20px;
}
.fixed-container {
position: fixed;
bottom: -150px;
right: 80px;
padding-top: 50px;
margin-top: 80px;
width: 200px;
text-align: center;
z-index: 90;
height: 200px;
}
#contact-div {
max-width: 416px;
}
#contact-divc {
max-width: 416px;
}
/* Oview Section */
.amenities {
margin-top: 20px;
text-align: center;
}
.amenities i {
font-size: 24px;
margin: 10px;
}
.sub-nav {
background: #f8f9fa;
padding: 10px;
border-radius: 5px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.sub-nav a {
text-decoration: none;
color: #333;
font-weight: bold;
margin: 0 15px;
}
.sub-nav a:hover {
color: #007bff;
}
section {
padding: 50px;
min-height: 100vh;
}
.uitk-rating {
display: inline-flex;
/* padding-block: .125em; */
/* padding-inline: 0; */
}
.sticky-top {
max-height: 1500px;
position: sticky !important;
top: 0;
z-index: 99;
overflow: hidden;
}
#aboutus #dates {
padding-right: 20px;
}
.bottomdeal {
align-items: center;
text-align: center;
padding-left: 10px;
}
.h2-price {
text-align: center;
display: flex;
}
div#dealsCarousel {
align-items: center;
/* padding-left: 60px; */
}
.overviewHeader {
color: #00247D;
}
.tzmember-logo {
display: flex;
position: relative;
flex-direction: column;
align-items: flex-end;
}
.contact-num:hover {
color: #0374DA;
}
.title {
/*font-family: Poppins, sans-serif !important;*/
font-size: 45px;
font-weight: bold;
color: #00247D;
}
.sub-title {
font-weight: 600;
font-size: 19px;
margin: 0px;
}
.hotel-location {
font-size: 20px;
font-family: Arial, Helvetica, sans-serif !important;
margin-bottom: 1px;
}
.amenities-box {
display: flex;
align-items: center;
gap: 10px;
padding: 5px;
/* border: 1px solid #ddd; */
border-radius: 8px;
/* background-color: #f8f9fa; */
transition: transform 0.3s ease-in-out;
}
.amenities-box:hover {
transform: scale(1.05);
/* background-color: #e9ecef; */
background-color: #f8f9fa;
}
.icon {
font-size: 24px;
color: #110f0f;
/* Red Theme */
}
.bold-button {
font-weight: 500;
}
.col-md-3 {
min-height: fit-content;
}
.sticky-top {
position: sticky;
top: 20px;
z-index: 1;
overflow: hidden;
}
/* Dates section */
.deal__month {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid lightgray;
padding: 5px;
font-size: 16px;
}
.dates_here {
-webkit-box-shadow: -2px 11px 11px -12px rgba(0, 0, 0, 0.75);
-moz-box-shadow: -2px 11px 11px -12px rgba(0, 0, 0, 0.75);
box-shadow: -2px 11px 11px -12px rgba(0, 0, 0, 0.75);
font-size: 20px;
}
.dates_here {
padding: 15px;
background: #feffff;
}
.deal__year {
font-size: 0.75em;
margin-bottom: 10px;
font-size: 18px;
font-family: 'Lato', Courier, monospace;
}
.deal__yearName {
padding: 5px;
background: lightgray;
text-align: left;
}
.deal__yearName {
padding: 5px;
background: lightgray;
text-align: left;
}
/* Section Styles */
.tabs {
display: flex;
justify-content: space-between;
border-bottom: 2px solid #ddd;
}
.tab {
padding: 10px 15px;
cursor: pointer;
font-size: 14px;
font-weight: bold;
color: #555;
border-bottom: 3px solid transparent;
transition: 0.3s;
}
.tab:hover,
.tab.active {
color: #e91e63;
border-bottom: 3px solid #e91e63;
}
.content {
display: none;
padding: 15px 0;
font-size: 14px;
color: #333;
}
.content.active {
display: block;
}
/* Check Availability */
.call-btn {
display: block;
width: 100%;
padding: 10px;
text-align: center;
/* background-color: #ff4d4d; */
color: white;
/*background-color: rgb(141, 49, 13);*/
background-color: #FF6B00;
font-size: 18px;
font-weight: bold;
border-radius: 8px;
text-decoration: none;
transition: 0.3s ease-in-out;
font-size: 35px;
}
.call-btn:hover {
/* background-color: #cc0000; */
background-color: #0374DA;
color: white;
}
/* Bottom Deals Carousel */
.card2 {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 10px;
overflow: hidden;
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.card2:hover {
transform: scale(1.02);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.card2 img {
height: 100px;
width: 100px;
object-fit: cover;
border-radius: 10px;
margin-right: 15px;
}
.card-body2 {
display: flex;
align-items: center;
}
.card-text-container2 {
flex-grow: 1;
}
.card-title2 {
font-size: 18px;
font-weight: bold;
}
.icon2 {
font-size: 24px;
color: #007bff;
margin-right: 8px;
}
.carousel-container {
margin: auto;
display: flex;
align-items: center;
}
/* Bottom Carousel Deals*/
.carousel2 {
display: flex;
overflow: hidden;
position: relative;
}
.carousel-inner2 {
display: flex;
transition: transform 0.5s ease-in-out;
will-change: transform;
}
/* Bottom Deals Carousel */
.carousel-item {
display: flex;
justify-content: space-between;
}
.card {
flex: 1;
margin: 10px;
}
.card-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.book-btn {
/*background-color: rgb(141, 49, 13);*/
background-color: #0374DA;
color: white;
padding: 5px 10px;
border-radius: 5px;
text-decoration: none;
}
.book-btn:hover {
background-color: #FF6B00;
color: white;
}
.price2 {
color: rgb(8, 7, 0);
font-size: 20px;
}
.cont-font {
font-size: 15px;
}
a {
text-decoration: none;
}
.over_view_here {
padding: 15px;
background: rgba(241, 241, 241, 0.3);
}
.dealhightlights {
background: rgba(241, 241, 241, 0.3);
margin-bottom: 25px;
}
/* Mobile View Responsive CSS */
@media only screen and (max-width:425px) {
.container {
/* display: flex; */
position: relative;
align-items: center;
justify-items: center;
}
div#dealsCarousel {
align-items: center;
/*padding-right: 30px;*/
}
.fixed-container {
position: fixed;
bottom: -150px;
/*padding-top: 80px;*/
right: 10px;
/* width: 200px; */
text-align: center;
z-index: 10;
}
.carousel-container {
display: flex;
align-items: center;
flex-direction: column;
gap: 10px;
}
.big-image {
width: 100%;
height: 200px;
display: flex;
flex-direction: row;
/* height: auto; */
border-radius: 10px;
align-items: center;
overflow: hidden;
justify-content: center;
}
span.dmonth {
width: 105px;
padding-right: 5px;
}
.sdates {
width: 269px;
}
.thumbnail-container {
display: flex;
flex-direction: row;
gap: 10px;
justify-content: center;
text-wrap: wrap;
align-items: center;
}
.thumbnail img {
width: 315px;
height: 120px;
cursor: pointer;
border-radius: 5px;
transition: transform 0.3s;
}
.row {
width: 100%;
}
.availability {
font-size: 12px;
margin-top: 5px;
}
.tabs {
display: flex;
justify-content: space-between;
border-bottom: 2px solid #ddd;
width: 100%;
}
.fixed-container {
bottom: -20px;
display: flex;
/*padding-top: -10px;*/
/* flex-direction: column; */
justify-content: center;
}
#bottom-teal {
padding-bottom: 20px;
}
.card-img-top {
padding-bottom: 10px;
}
.call-btn.col-6 {
min-width: 350px;
text-align: center;
align-items: center;
/*padding-top: 50px;*/
}
.title {
font-family: Poppins, sans-serif !important;
font-size: 25px;
color: #00247D;
}
p.sub-title {
width: 100%;
padding: 0;
align-items: start;
}
.hotel-location {
font-weight: 500;
text-align: left;
align-items: start;
}
.deal_description {
font-size: 1.1em;
/* padding: 0; */
}
.bottomdeal {
align-items: center;
text-align: center;
padding-left: 10px;
}
.deal__yearName {
font-size: 17px;
}
.row-text-center {
align-items: center;
text-align: center;
}
h3.sub-heading {
color: #00247D;
font-family: 'Poppins', Courier, monospace;
}
.map_location {
margin-top: 25px;
}
.text-center {
color: #00247D;
}
.row {
h2 {
min-width: 300px;
align-items: center;
text-align: center;
/* padding-left: 30px; */
font-weight: bold;
}
div.p {
min-width: 300px;
/* align-items: center; */
/* text-align: center; */
/* padding-left: 30px; */
text-wrap: wrap;
}
.col-8 {
width: 100%;
/* padding: 10px; */
/* padding-right: 15px; */
}
}
/* */
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.thumbnail img {
width: 60px;
height: 50px;
}
.roundel {
width: 140px;
height: 140px;
}
.price {
font-size: 20px;
}
}
</style>
<script>
const images = [ // Images Array
// "https://emails.superescapes.co.uk/sliders/0_1739809865AH_MAIN.jpeg",
"https://holidayjet.co.uk/wp-content/uploads/2025/05/0_2-1.jpg",
"https://holidayjet.co.uk/wp-content/uploads/2025/05/0_3-1.jpg",
"https://holidayjet.co.uk/wp-content/uploads/2025/05/0_4-1.jpg",
"https://holidayjet.co.uk/wp-content/uploads/2025/05/0_5.jpeg",
"https://holidayjet.co.uk/wp-content/uploads/2025/05/0_6-1.jpg",
"https://holidayjet.co.uk/wp-content/uploads/2025/05/0_7-1.jpg",
"https://holidayjet.co.uk/wp-content/uploads/2025/05/0_8.jpeg",
"https://holidayjet.co.uk/wp-content/uploads/2025/05/0_9-1.jpg",
"https://holidayjet.co.uk/wp-content/uploads/2025/05/0_10.jpg"
];
let index = 0;
function changeImage(newIndex) {
const mainImage = document.getElementById("mainImage");
mainImage.style.opacity = 0;
setTimeout(() => {
mainImage.src = images[newIndex];
mainImage.style.opacity = 1;
}, 500);
index = newIndex;
}
function autoChangeImage() {
changeImage(index);
index = (index + 1) % images.length;
setTimeout(autoChangeImage, 3000);
}
window.onload = autoChangeImage;
/* End of Carousel Script */
/* Section Script */
function showTab(tabId) {
// Hide all content sections
document.querySelectorAll('.content').forEach(content => {
content.classList.remove('active');
});
// Remove active class from all tabs
document.querySelectorAll('.tab').forEach(tab => {
tab.classList.remove('active');
});
// Show the selected content section
document.getElementById(tabId).classList.add('active');
// Highlight the active tab
event.currentTarget.classList.add('active');
}
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
(function () {
var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/65982b480ff6374032bcfb9c/1hjd6i53c';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
<!-- https://tawk.to/chat/65982b480ff6374032bcfb9c/1hjd6i53c -->
</body>
</html>
<?php
// Load WordPress core for access to sanitization functions
require_once(__DIR__ . '/wp-load.php');
// Handle form submission
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['custom_form_submit'])) {
// Sanitize inputs
$email = sanitize_email($_POST['email'] ?? '');
$contact = sanitize_text_field($_POST['contact'] ?? '');
// Validate inputs
if (!is_email($email) || empty($contact)) {
echo "Invalid input.";
exit;
}
// Remote Aiven DB config (update with your actual credentials)
$host = 'mysql-3a86e765-kranthi-testdb.h.aivencloud.com';
$port = '14077';
$dbname = 'defaultdb';
$user = 'avnadmin';
$pass = 'AVNS_q4tDpnL_O9GpoDgo2Iq';
try {
// Connect to remote DB
$pdo = new PDO("mysql:host=$host;port=$port;dbname=$dbname;charset=utf8mb4", $user, $pass);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
//Creating a table if not exists
$pdo->exec("
CREATE TABLE IF NOT EXISTS leads (
id INT AUTO_INCREMENT PRIMARY KEY,
email VARCHAR(255) NOT NULL,
contact_number VARCHAR(20) NOT NULL,
submitted_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
)
");
// Insert data
$stmt = $pdo->prepare("INSERT INTO leads (email, contact_number, submitted_at) VALUES (:email, :contact, NOW())");
$stmt->bindParam(':email', $email);
$stmt->bindParam(':contact', $contact);
$stmt->execute();
// Redirect on success
header("Location: https://yourdomain.com/thank-you");
exit;
} catch (PDOException $e) {
error_log("DB error: " . $e->getMessage());
echo "Failed to save your data.";
}
exit;
}
?>]]>
