Server : LiteSpeed System : Linux in-mum-web1949.main-hosting.eu 5.14.0-503.40.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Mon May 5 06:06:04 EDT 2025 x86_64 User : u595547767 ( 595547767) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/u595547767/domains/junglebookholidays.in/public_html/ |
<?php
include ('header.php');
?>
<!-- Navbar & Hero Start -->
<div class="container-fluid position-relative p-0">
<nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0">
<a href="" class="navbar-brand p-0">
<!-- <h1 class="text-primary m-0"><i class="fa fa-map-marker-alt me-3"></i>Tourist</h1> -->
<img src="img/logo1.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto py-0">
<a href="index.php" class="nav-item nav-link">Home</a>
<a href="about.php" class="nav-item nav-link">About</a>
<a href="service.php" class="nav-item nav-link">Services</a>
<!--<a href="package.php" class="nav-item nav-link active">Packages</a>-->
<a href="gallery.php" class="nav-item nav-link">Gallery</a>
<!-- <div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
<div class="dropdown-menu m-0">
<a href="destination.php" class="dropdown-item">Destination</a>
<a href="team.php" class="dropdown-item">Travel Guides</a>
<a href="testimonial.php" class="dropdown-item">Testimonial</a>
<a href="404.php" class="dropdown-item">404 Page</a>
</div>
</div> -->
<a href="contact.php" class="nav-item nav-link">Contact</a>
</div>
<a href="booking.php" class="btn btn-primary rounded-pill py-2 px-4">Booking</a>
</div>
</nav>
<div class="container-fluid bg-primary py-5 mb-5 hero-header">
<div class="container py-5">
<div class="row justify-content-center py-5">
<div class="col-lg-10 pt-lg-5 mt-lg-5 text-center">
<h1 class="display-3 text-white animated slideInDown">Packages</h1>
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Pages</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Packages</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- Navbar & Hero End -->
<!-- Package Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center wow fadeInUp" data-wow-delay="0.1s">
<h6 class="section-title bg-white text-center text-primary px-3">Packages</h6>
<h1 class="mb-5">Awesome Packages</h1>
</div>
<div class="row g-4 justify-content-center">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="package-item">
<div class="overflow-hidden">
<img class="img-fluid" src="img/package-1.jpg" alt="">
</div>
<div class="d-flex border-bottom">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-map-marker-alt text-primary me-2"></i>Thailand</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-calendar-alt text-primary me-2"></i>3 days</small>
<small class="flex-fill text-center py-2"><i class="fa fa-user text-primary me-2"></i>2 Person</small>
</div>
<div class="text-center p-4">
<h3 class="mb-0">$149.00</h3>
<div class="mb-3">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
<p>Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam eos</p>
<div class="d-flex justify-content-center mb-2">
<a href="#" class="btn btn-sm btn-primary px-3 border-end" style="border-radius: 30px 0 0 30px;">Read More</a>
<a href="#" class="btn btn-sm btn-primary px-3" style="border-radius: 0 30px 30px 0;">Book Now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="package-item">
<div class="overflow-hidden">
<img class="img-fluid" src="img/package-2.jpg" alt="">
</div>
<div class="d-flex border-bottom">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-map-marker-alt text-primary me-2"></i>Indonesia</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-calendar-alt text-primary me-2"></i>3 days</small>
<small class="flex-fill text-center py-2"><i class="fa fa-user text-primary me-2"></i>2 Person</small>
</div>
<div class="text-center p-4">
<h3 class="mb-0">$139.00</h3>
<div class="mb-3">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
<p>Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam eos</p>
<div class="d-flex justify-content-center mb-2">
<a href="#" class="btn btn-sm btn-primary px-3 border-end" style="border-radius: 30px 0 0 30px;">Read More</a>
<a href="#" class="btn btn-sm btn-primary px-3" style="border-radius: 0 30px 30px 0;">Book Now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="package-item">
<div class="overflow-hidden">
<img class="img-fluid" src="img/package-3.jpg" alt="">
</div>
<div class="d-flex border-bottom">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-map-marker-alt text-primary me-2"></i>Malaysia</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-calendar-alt text-primary me-2"></i>3 days</small>
<small class="flex-fill text-center py-2"><i class="fa fa-user text-primary me-2"></i>2 Person</small>
</div>
<div class="text-center p-4">
<h3 class="mb-0">$189.00</h3>
<div class="mb-3">
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
<small class="fa fa-star text-primary"></small>
</div>
<p>Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam eos</p>
<div class="d-flex justify-content-center mb-2">
<a href="#" class="btn btn-sm btn-primary px-3 border-end" style="border-radius: 30px 0 0 30px;">Read More</a>
<a href="#" class="btn btn-sm btn-primary px-3" style="border-radius: 0 30px 30px 0;">Book Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Package End -->
<!-- Booking Start -->
<div class="container-fluid py-5 wow fadeInUp servicecontainer" data-wow-delay="0.1s" >
<div class="container">
<div class="booking p-5">
<div class="row g-5 align-items-center">
<div class="col-md-12 text-white">
<!-- <h6 class="text-white text-uppercase"></h6> -->
<h1 class="text-white text-center mb-4">Ready to embark on your next adventure? </h1>
<p class="mb-4 text-center">Explore our services and book with Jungle Book Holidays today. Experience the difference that professionalism and dedication can make in your travel experience!</p>
<p class="mb-4"></p>
<div style="text-align: center;"><a class="btn btn-outline-light py-3 px-5 mt-2 " href="booking.php" style="background: #fff; color: #0996a6;">Book Now</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- Booking Start -->
<?php
include ('footer.php');
?>