|
Server IP : 162.214.80.37 / Your IP : 216.73.216.68 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/imyrqtmy/public_html/destinationplanner/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include("admin/includes/config.php");
?>
<!DOCTYPE html>
<html class="no-js" lang="zxx">
<?php require "inc/head.php"; ?>
<body class="vs-body">
<?php require "inc/header.php"; ?>
<main class="main">
<section class="z-index-common hero-layout1 style2 overflow-clip">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<?php
$query = "SELECT * FROM banners";
$query_run =mysqli_query($conn, $query);
if(mysqli_num_rows($query_run) > 0){
foreach($query_run as $row){
?>
<div class="swiper-slide" data-bg-src="<?php echo "admin/banner/" . $row['photo']; ?>">
<img src="assets/img/icons/cloud.png" alt="icon" class="icon-cloud animate-parachute" />
<img src="assets/img/icons/ballon-sclation.png" alt="icon" class="icon-ballon-sclation animate-parachute" />
<div class="container-fluid p-xl-0">
<div class="row justify-content-center">
<div class="col-xl-10 col-xxl-7">
<div class="hero-content text-center">
<img class="fade-anim" data-delay="0.70" data-direction="bottom"
src="assets/img/icons/hero-sun.png" alt="icon" />
<div class="title-area text-center">
<span class="sec-subtitle fade-anim" data-delay="0.75">About Destination Planner</span>
<h1 class="sec-title text-white-color move-anim" data-delay="0.76" >
<?php echo $row['heading']; ?>
</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<?php }} ?>
</div>
<!-- Navigation Buttons -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</section>
<!--================= Hero Area end =================-->
<!--================= Destination Area start =================-->
<section
class="vs-destination-style1 bg-third-theme-12 overflow-hidden space"
data-bg-src="assets/img/bg/about-trip-bg.png"
>
<img
class="des-icon-1 animate-parachute"
src="assets/img/icons/destination-icon-1.png"
alt="icon"
/>
<img
class="des-icon-2 animate-tree"
src="assets/img/icons/destination-icon-2.png"
alt="icon"
/>
<div class="container">
<div class="row">
<div class="col-lg-auto mx-auto">
<div class="title-area text-center">
<span class="sec-subtitle fade-anim" data-direction="bottom"
>Top Destinations</span
>
<h2 class="sec-title fade-anim" data-direction="top">
Discover Organized Adventures <br />
Ultimate Travel Hack
</h2>
</div>
</div>
</div>
<div class="row g-4">
<?php
$query = "SELECT * FROM destinations";
$query_run = mysqli_query($conn, $query);
if (mysqli_num_rows($query_run) > 0) {
foreach ($query_run as $row) {
?>
<div class="col-md-6 col-xl-4 fade-anim"
data-delay="0.30"
data-direction="left">
<div class="destination-box style-2">
<div class="destination-thumb">
<img
src="<?php echo "admin/destination/". $row['photo']; ?>"
alt="destination"
class="w-100"
/>
</div>
<div class="destination-content">
<div class="info">
<h4 class="text-white text-capitalize">
<a href="package.php"><?php echo $row['destination_name'] ?></a>
</h4>
<!-- <span class="text-theme-color d-block">30% discount</span> -->
</div>
<a href="package.php" class="icon bg-theme-color text-white-color">
<i class="fa-solid fa-location-dot"></i>
</a>
</div>
</div>
</div>
<?php }} ?>
</div>
<div class="row">
<div class="col-12">
<div class="text-center mt-50 fade-anim">
<a href="package.php" class="vs-btn style4">
<span>view more</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!--================= Destination Area end =================-->
<!--================= Destination Gallery Area start =================-->
<div class="vs-destination-gallery-style1 overflow-hidden">
<div class="row destination-gallery">
<div class="col-lg-6 p-0">
<div class="destination-gallery-box h-100">
<img
src="assets/img/holi/bel.jpg"
alt="destination-gallery"
class="w-100 h-100"
/>
</div>
</div>
<div class="col-lg-6">
<div class="row">
<div class="col-sm-6 p-0">
<div class="destination-gallery-box h-100">
<img
src="assets/img/holi/mir.jpg"
alt="destination-gallery"
class="w-100 h-100"
/>
</div>
</div>
<div class="col-sm-6 p-0">
<div class="destination-gallery-box h-100">
<img
src="assets/img/holi/y4.avif"
alt="destination-gallery"
class="w-100 h-100"
/>
</div>
</div>
<div class="col-sm-6 p-0">
<div class="destination-gallery-box h-100">
<img
src="assets/img/holi/fram.jpg"
alt="destination-gallery"
class="w-100 h-100"
/>
</div>
</div>
<div class="col-sm-6 p-0">
<div class="destination-gallery-box h-100">
<img
src="assets/img/holi/jet.jpg"
alt="destination-gallery"
class="w-100 h-100"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<!--================= Destination Gallery Area end =================-->
<!--================= Feature Area start =================-->
<div class="vs-feature-style1 position-relative bg-theme-color">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-md-7 mt-md-0">
<h3
class="feature-expert text-white-color ff-rubik fw-bold text-center text-md-start char-animation"
>
<?php
$query = "SELECT * FROM contacts";
$query_run =mysqli_query($conn, $query);
if(mysqli_num_rows($query_run) > 0){
foreach($query_run as $row){
?>
<a href="tel:<?php echo $row['phone1'] ?>"><?php echo $row['phone1'] ?></a>
<?php }} ?>
</h3>
</div>
<div
class="col-md-5 mt-md-0 d-flex justify-content-center justify-content-md-end btn-trigger btn-bounce"
>
<a class="vs-btn style-4 bg-second-theme-color" href="about.php"
>Visit Our plan</a
>
</div>
</div>
</div>
<h2 class="position-absolute text-white-color">Adventures</h2>
</div>
<!--================= Feature Area end =================-->
<!--================= Services Area end =================-->
<!--================= Awards Area end =================-->
<!--================= Tour Package Area start =================-->
<section class="vs-tour-package space">
<div class="container">
<div class="row">
<div class="col-lg-auto mx-auto">
<div class="title-area text-center">
<span class="sec-subtitle fade-anim" data-direction="bottom"
>Choose Your Package</span
>
<h2 class="sec-title fade-anim" data-direction="top">
Popular tour packages
</h2>
</div>
</div>
</div>
<div class="row g-4">
<?php
$query = "SELECT p.*, d.destination_name
FROM packages p
LEFT JOIN destinations d ON p.destination_id = d.id";
$query_run = mysqli_query($conn, $query);
if ($query_run && mysqli_num_rows($query_run) > 0) {
while ($row = mysqli_fetch_assoc($query_run)) {
?>
<div class="col-md-6 col-xl-4 move-anim">
<div class="tour-package-box style-2 bg-white-color">
<div class="tour-package-thumb">
<img
src="<?php echo "admin/package/" . $row['photo']; ?>"
alt="tour-package"
class="w-100 pdd"
/>
</div>
<div class="tour-package-content">
<div class="tour-package-meta">
<ul class="custom-ul">
<li>
<svg
width="20"
height="21"
viewBox="0 0 20 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.99939 1.97168C5.16007 1.97168 1.2373 5.89509 1.2373 10.7338C1.2373 13.1345 2.20389 15.3082 3.7676 16.8911C3.48924 17.2478 3.06143 17.7942 2.47455 18.5479C2.15386 18.9596 2.22826 19.5516 2.63939 19.873C2.81193 20.007 3.01589 20.0725 3.21921 20.0725C3.50014 20.0725 3.77915 19.948 3.96515 19.7094C3.96515 19.7094 4.75535 18.6947 5.23447 18.0829C6.60706 18.9757 8.24133 19.4984 10 19.4984C11.7587 19.4984 13.3936 18.9757 14.7669 18.0829C15.2454 18.6947 16.0355 19.7094 16.0355 19.7094C16.2222 19.948 16.5012 20.0725 16.7815 20.0725C16.9842 20.0725 17.1894 20.007 17.3607 19.873C17.7724 19.5516 17.8462 18.9584 17.5255 18.5479C16.9386 17.7942 16.5108 17.2471 16.2325 16.8905C17.7955 15.3082 18.7615 13.1351 18.7615 10.7338C18.7615 5.89509 14.8387 1.97168 9.99939 1.97168ZM2.92545 10.7338C2.92545 6.83345 6.09971 3.65983 10 3.65983C13.9016 3.65983 17.0746 6.83345 17.0746 10.7338C17.0746 14.636 13.9023 17.8103 10 17.8103C6.09843 17.8103 2.92545 14.636 2.92545 10.7338Z"
fill="#535B5F"
/>
<path
d="M10.5777 9.54572L10.5821 7.08918C10.5821 6.7781 10.3314 6.52603 10.0203 6.52539C9.70985 6.52475 9.45778 6.77618 9.45714 7.08789L9.45265 9.52904C9.14991 9.66694 8.90683 9.91259 8.77726 10.2192L4.70377 10.2115C4.39269 10.2108 4.14127 10.4636 4.14063 10.7746C4.13998 11.0825 4.39077 11.3358 4.70185 11.3365L8.82793 11.3435C9.04857 11.7688 9.48793 12.0619 10.0004 12.0619C10.7348 12.0619 11.3268 11.4673 11.3268 10.7349C11.3262 10.2102 11.0209 9.76058 10.5777 9.54572Z"
fill="#535B5F"
/>
<path
d="M1.01481 1.84049C-0.276314 3.12263 -0.335322 5.16996 0.837147 6.52459L5.70084 1.70066C4.35519 0.517931 2.30466 0.560263 1.01481 1.84049Z"
fill="#535B5F"
/>
<path
d="M18.9865 1.84065C17.6934 0.561072 15.6461 0.518099 14.2998 1.70147L19.1622 6.5254C20.3347 5.17013 20.2763 3.1228 18.9865 1.84065Z"
fill="#535B5F"
/>
</svg>
<span><?php echo $row['day']; ?> Days</span>
</li>
<li>
<svg
width="20"
height="21"
viewBox="0 0 20 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.80833 0.452148C10.1882 0.452148 10.5596 0.564803 10.8755 0.775867C11.1914 0.986931 11.4376 1.28692 11.583 1.63791C11.7283 1.9889 11.7664 2.37511 11.6923 2.74772C11.6181 3.12032 11.4352 3.46258 11.1666 3.73122C10.8979 3.99985 10.5557 4.18279 10.1831 4.25691C9.81046 4.33102 9.42425 4.29298 9.07326 4.1476C8.72228 4.00222 8.42228 3.75602 8.21122 3.44014C8.00015 3.12426 7.8875 2.75289 7.8875 2.37298C7.88805 1.86371 8.0906 1.37546 8.45071 1.01536C8.81081 0.65525 9.29907 0.4527 9.80833 0.452148ZM3.55833 9.82715C3.73368 9.89522 3.92023 9.92984 4.10833 9.92923C4.68412 9.89823 5.22967 9.66168 5.64583 9.26256L5.67917 9.23131C5.82939 7.74126 6.31362 6.30424 7.09583 5.02715C6.9375 4.30215 6.55 3.77715 6 3.56881C5.45 3.36048 4.775 3.47715 4.14792 3.93756C3.49427 4.44278 2.9955 5.12128 2.70833 5.8959C2.39545 6.65629 2.30093 7.48889 2.43542 8.30006C2.59375 9.06465 2.9875 9.60631 3.55625 9.82923L3.55833 9.82715ZM20 20.2771C20 20.3324 19.9781 20.3854 19.939 20.4245C19.8999 20.4635 19.8469 20.4855 19.7917 20.4855H0.208333C0.15308 20.4855 0.10009 20.4635 0.0610195 20.4245C0.0219494 20.3854 0 20.3324 0 20.2771C0 20.2219 0.0219494 20.1689 0.0610195 20.1298C0.10009 20.0908 0.15308 20.0688 0.208333 20.0688H3.51458C3.48568 20.0263 3.45992 19.9817 3.4375 19.9355C3.38593 19.8176 3.35931 19.6902 3.35931 19.5615C3.35931 19.4328 3.38593 19.3055 3.4375 19.1876L6.19375 12.6563L6.21042 12.6709L8.13958 14.3188L5.11042 19.9896C5.09583 20.0167 5.07917 20.0438 5.0625 20.0688H9.71042C9.57734 19.8969 9.50418 19.6862 9.50208 19.4688C9.50104 19.4515 9.50104 19.4341 9.50208 19.4167L9.66458 15.3646C9.66769 15.277 9.6505 15.1899 9.61436 15.11C9.57822 15.0302 9.52411 14.9597 9.45625 14.9042L6.48125 12.3542C6.27112 12.1762 6.13575 11.9255 6.10208 11.6521C5.96875 10.5751 5.83333 7.78548 7.5 5.17715C7.645 4.95011 7.86785 4.78378 8.12676 4.70937C8.38567 4.63496 8.66283 4.65758 8.90625 4.77298L13.8917 7.13548C13.9244 7.15033 13.9599 7.15801 13.9958 7.15801C14.0318 7.15801 14.0673 7.15033 14.1 7.13548L15.5937 6.51048V3.27923C15.5937 3.22398 15.6157 3.17099 15.6548 3.13192C15.6938 3.09285 15.7468 3.0709 15.8021 3.0709C15.8573 3.0709 15.9103 3.09285 15.9494 3.13192C15.9885 3.17099 16.0104 3.22398 16.0104 3.27923V6.35006L16.2812 6.23548C16.4564 6.15898 16.6543 6.15246 16.8341 6.21726C17.0139 6.28206 17.1621 6.41326 17.2483 6.58391C17.3344 6.75457 17.3519 6.95172 17.2972 7.13489C17.2425 7.31806 17.1198 7.47333 16.9542 7.56882L16.0104 8.13756V20.0688H19.7917C19.8469 20.0688 19.8999 20.0908 19.939 20.1298C19.9781 20.1689 20 20.2219 20 20.2771ZM15.5875 8.38548L14.2312 9.20006C14.1486 9.2501 14.0559 9.28144 13.9598 9.29188C13.8637 9.30231 13.7665 9.2916 13.675 9.26048L10.2812 8.1084C10.2521 8.09893 10.2212 8.09571 10.1907 8.09894C10.1602 8.10217 10.1307 8.11178 10.1042 8.12715C10.0775 8.14174 10.0544 8.16198 10.0364 8.18645C10.0184 8.21092 10.006 8.23903 10 8.26881L9.49375 10.7438C9.48674 10.7755 9.48724 10.8084 9.49519 10.8399C9.50315 10.8713 9.51835 10.9005 9.53958 10.9251L11.4646 13.2167C11.7969 13.6153 11.9586 14.1288 11.9146 14.6459L11.4979 19.5459C11.4828 19.7312 11.4164 19.9087 11.3062 20.0584H15.5875V8.38548Z"
fill="#535B5F"
/>
</svg>
<span><?php echo $row['activity']; ?> Activities</span>
</li>
<li>
<svg
width="20"
height="17"
viewBox="0 0 20 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.3169 13.0301C16.435 13.3887 16.4655 13.7704 16.4059 14.1433C16.3462 14.5162 16.1981 14.8693 15.974 15.1732C15.7763 15.4558 15.5133 15.6864 15.2073 15.8456C14.9014 16.0048 14.5615 16.0878 14.2166 16.0876H5.78699C5.44211 16.0878 5.10226 16.0048 4.79631 15.8456C4.49036 15.6864 4.22736 15.4558 4.02962 15.1732C3.8071 14.8685 3.65999 14.5154 3.60039 14.1429C3.54078 13.7703 3.57037 13.389 3.68672 13.0301C4.0913 11.6601 4.92131 10.4544 6.05663 9.58752C7.19195 8.72062 8.57367 8.23748 10.0018 8.20802C11.4303 8.23637 12.8125 8.7191 13.948 9.58617C15.0836 10.4532 15.9133 11.6595 16.3169 13.0301ZM3.21523 10.6726C2.50048 10.9211 1.85009 11.3258 1.31131 11.8571C0.772539 12.3885 0.358929 13.0332 0.100545 13.7444C0.00684508 14.0047 -0.0219586 14.2838 0.0166323 14.5577C0.0552232 14.8316 0.160043 15.0919 0.322002 15.3161C0.49558 15.5574 0.72413 15.7538 0.988734 15.8893C1.25334 16.0247 1.54639 16.0951 1.84363 16.0947H2.93662L2.85804 15.9947C2.50624 15.5107 2.2737 14.9504 2.17936 14.3595C2.08501 13.7686 2.13153 13.1638 2.31512 12.5943C2.53441 11.9189 2.83676 11.2734 3.21523 10.6726ZM19.9031 13.7444C19.6456 13.0327 19.2323 12.3875 18.6934 11.856C18.1545 11.3245 17.5036 10.9202 16.7884 10.6726C17.1644 11.2738 17.4643 11.9193 17.6814 12.5943C17.8637 13.1636 17.9102 13.7676 17.8172 14.3581C17.7241 14.9486 17.4941 15.5091 17.1456 15.9947L17.0813 16.0662H18.1743C18.4715 16.0665 18.7646 15.9961 19.0292 15.8607C19.2938 15.7253 19.5223 15.5288 19.6959 15.2875C19.8498 15.0649 19.9487 14.809 19.9848 14.5408C20.0208 14.2727 19.9928 13.9997 19.9031 13.7444ZM15.7168 9.27958C16.1407 9.27958 16.5551 9.15389 16.9075 8.9184C17.2599 8.68291 17.5346 8.3482 17.6968 7.95659C17.859 7.56499 17.9015 7.13407 17.8188 6.71835C17.7361 6.30262 17.532 5.92075 17.2323 5.62103C16.9325 5.32131 16.5507 5.11719 16.1349 5.0345C15.7192 4.95181 15.2883 4.99425 14.8967 5.15646C14.5051 5.31866 14.1704 5.59335 13.9349 5.94579C13.6994 6.29823 13.5737 6.71258 13.5737 7.13645C13.5737 7.70485 13.7995 8.24996 14.2014 8.65188C14.6033 9.05379 15.1484 9.27958 15.7168 9.27958ZM4.2868 9.27958C4.71067 9.27958 5.12502 9.15389 5.47746 8.9184C5.82989 8.68291 6.10459 8.3482 6.26679 7.95659C6.429 7.56499 6.47144 7.13407 6.38875 6.71835C6.30606 6.30262 6.10194 5.92075 5.80222 5.62103C5.5025 5.32131 5.12063 5.11719 4.7049 5.0345C4.28917 4.95181 3.85826 4.99425 3.46666 5.15646C3.07505 5.31866 2.74034 5.59335 2.50485 5.94579C2.26936 6.29823 2.14366 6.71258 2.14366 7.13645C2.14366 7.70485 2.36946 8.24996 2.77137 8.65188C3.17329 9.05379 3.7184 9.27958 4.2868 9.27958ZM10.0018 7.13645C10.7083 7.13645 11.3989 6.92696 11.9863 6.53448C12.5736 6.142 13.0315 5.58414 13.3018 4.93147C13.5722 4.27879 13.6429 3.5606 13.5051 2.86772C13.3673 2.17485 13.0271 1.5384 12.5275 1.03886C12.028 0.539322 11.3915 0.199132 10.6987 0.0613102C10.0058 -0.0765119 9.28759 -0.00577658 8.63492 0.264571C7.98224 0.534919 7.42439 0.992737 7.0319 1.58013C6.63942 2.16752 6.42993 2.85811 6.42993 3.56456C6.42993 4.51189 6.80625 5.42041 7.47611 6.09027C8.14597 6.76013 9.05449 7.13645 10.0018 7.13645Z"
fill="#535B5F"
/>
</svg>
<span><?php echo $row['person']; ?> peoples</span>
</li>
</ul>
</div>
<h5 class="title line-clamp-2">
<a href="package-details.php?id=<?php echo $row['id']; ?>"
><?php echo $row['package_name']; ?></a
>
</h5>
<div class="location">
<i class="fa-sharp fa-light fa-location-dot"></i>
<span><?php echo htmlspecialchars($row['destination_name']); ?></span>
</div>
<h6> Top Locations: <?php echo $row['top_destination'] ?></h6>
<div class="tour-package-footer">
<!-- <div class="pricing-info fw-medium">
From
<h5 class="new-price">₹ <?php echo $row['price']; ?></h5>
</div> -->
<a href="package-details.php?id=<?php echo $row['id']; ?>" class="buy-package">
<i class="fa-regular fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<?php }} ?>
</div>
</div>
</section>
<!--================= Tour Package Area end =================-->
<!--================= Travel-guides start =================-->
<section class="vs-tour-package space">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-6 col-lg-6 col-xxl-5">
<div class="title-area text-center text-md-start">
<span class="sec-subtitle fade-anim" data-direction="bottom"
>Places Detail</span
>
<h2 class="sec-title fade-anim" data-direction="top">
Awesome Tips with us
</h2>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xxl-5">
<div
class="swiper-arrow2 tour-packages-navigation justify-content-center justify-content-md-end"
>
<button class="tour-packages-next">
<svg
width="9"
height="18"
viewBox="0 0 9 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.08984 16.92L1.56984 10.4C0.799843 9.62996 0.799843 8.36996 1.56984 7.59996L8.08984 1.07996"
stroke="currentColor"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</button>
<button class="tour-packages-prev btn-right">
<svg
width="9"
height="18"
viewBox="0 0 9 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0.910156 16.92L7.43016 10.4C8.20016 9.62996 8.20016 8.36996 7.43016 7.59996L0.910156 1.07996"
stroke="currentColor"
stroke-width="1.5"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
</button>
</div>
</div>
<div class="col-12 mt-30 mt-md-0 fade-anim" data-direction="right">
<div class="swiper tour-package-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="tour-package-box bg-white-color">
<div class="tour-package-thumb">
<img
src="assets/img/india.png"
alt="tour-package"
class="w-100 pdd"
/>
</div>
<div class="tour-package-content">
<h5 class="title line-clamp-2">
<a href="destination-details.html"
>India</a
>
</h5>
<div class="pricing-container">
<div class="package-info">
<span class="package-location">
<i class="fa-sharp fa-thin fa-clock"></i>
Time: <span id="india-time"></span>
</span>
<span class="package-location">
currency : Indian Rupee
</span>
</div>
</div>
</div>
</div>
</div>
<script>
function updateIndiaTime() {
const options = {
timeZone: 'Asia/Kolkata',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: true
};
const now = new Date();
const indiaTime = now.toLocaleTimeString('en-IN', options);
document.getElementById('india-time').textContent = indiaTime;
}
// Update every second
setInterval(updateIndiaTime, 1000);
updateIndiaTime(); // Initial call
</script>
<div class="swiper-slide">
<div class="tour-package-box bg-white-color">
<div class="tour-package-thumb">
<img
src="assets/img/us.png"
alt="tour-package"
class="w-100 pdd"
/>
</div>
<div class="tour-package-content">
<h5 class="title line-clamp-2">
<a
>US</a
>
</h5>
<div class="pricing-container">
<div class="package-info">
<span class="package-location">
<i class="fa-sharp fa-thin fa-clock"></i>
Time: <span id="us-time"></span>
</span>
<span class="package-location">
currency : United States Dollar
</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tour-package-box bg-white-color">
<div class="tour-package-thumb">
<img
src="assets/img/dubai.png"
alt="tour-package"
class="w-100 pdd"
/>
</div>
<div class="tour-package-content">
<h5 class="title line-clamp-2">
<a>Dubai</a
>
</h5>
<div class="pricing-container">
<div class="package-info">
<span class="package-location">
<i class="fa-sharp fa-thin fa-clock"></i>
Time: <span id="dubai-time"></span>
</span>
<script>
function updateUSTime() {
const options = {
timeZone: 'America/New_York', // Change this if you want another US timezone
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: true
};
const now = new Date();
const usTime = now.toLocaleTimeString('en-US', options);
document.getElementById('us-time').textContent = usTime;
}
setInterval(updateUSTime, 1000);
updateUSTime();
</script>
<script>
function updateDubaiTime() {
const options = {
timeZone: 'Asia/Dubai',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: true
};
const now = new Date();
const dubaiTime = now.toLocaleTimeString('en-US', options);
document.getElementById('dubai-time').textContent = dubaiTime;
}
// Update every second
setInterval(updateDubaiTime, 1000);
updateDubaiTime(); // Initial call
</script>
<span class="package-location">
currency : Dirham
</span>
<!-- <span class="package-time">
<i class="fa-sharp fa-thin fa-clouds"></i>
January to April : 19°C to 27°C <br>
May to August : Hot And Humid
September to December : Winter
</span> -->
</div>
<!-- <div class="price-info">
<span class="price-off text-white-color ff-poppins"
>50% off</span
>
<div class="price">
<h6 class="fs-30 ff-rubik">$450</h6>
<del class="fs-sm ff-rubik">$550</del>
</div>
</div>
</div>
<a
href="destination-details.html"
class="vs-btn style7 w-100"
>Book Now</a
> -->
</div>
</div>
</div>
<!-- <div class="swiper-slide">
<div class="tour-package-box bg-white-color">
<div class="tour-package-thumb">
<img
src="assets/img/tour-packages/tour-package-1-1.png"
alt="tour-package"
class="w-100"
/>
</div>
<div class="tour-package-content">
<h5 class="title line-clamp-2">
<a href="destination-details.html"
>Discover our luxury tour thailand & vietnam</a
>
</h5>
<div class="pricing-container">
<div class="package-info">
<span class="package-location">
<i class="fa-sharp fa-thin fa-location-dot"></i>
Thailand, vietnam, Nepal
</span>
<span class="package-time">
<i class="fa-sharp fa-thin fa-clock"></i>
6 Days - 2 Nights
</span>
</div>
<div class="price-info">
<span class="price-off text-white-color ff-poppins"
>50% off</span
>
<div class="price">
<h6 class="fs-30 ff-rubik">$450</h6>
<del class="fs-sm ff-rubik">$550</del>
</div>
</div>
</div>
<a
href="destination-details.html"
class="vs-btn style7 w-100"
>Book Now</a
>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="tour-package-box bg-white-color">
<div class="tour-package-thumb">
<img
src="assets/img/tour-packages/tour-package-1-2.png"
alt="tour-package"
class="w-100"
/>
</div>
<div class="tour-package-content">
<h5 class="title line-clamp-2">
<a href="destination-details.html"
>Discover our luxury tour thailand & vietnam</a
>
</h5>
<div class="pricing-container">
<div class="package-info">
<span class="package-location">
<i class="fa-sharp fa-thin fa-location-dot"></i>
Thailand, vietnam, Nepal
</span>
<span class="package-time">
<i class="fa-sharp fa-thin fa-clock"></i>
6 Days - 2 Nights
</span>
</div>
<div class="price-info">
<span class="price-off text-white-color ff-poppins"
>50% off</span
>
<div class="price">
<h6 class="fs-30 ff-rubik">$450</h6>
<del class="fs-sm ff-rubik">$550</del>
</div>
</div>
</div>
<a
href="destination-details.html"
class="vs-btn style7 w-100"
>Book Now</a
>
</div>
</div>
</div> -->
<!-- <div class="swiper-slide">
<div class="tour-package-box bg-white-color">
<div class="tour-package-thumb">
<img
src="assets/img/tour-packages/tour-package-1-3.png"
alt="tour-package"
class="w-100"
/>
</div>
<div class="tour-package-content">
<h5 class="title line-clamp-2">
<a href="destination-details.html"
>Discover our luxury tour thailand & vietnam</a
>
</h5>
<div class="pricing-container">
<div class="package-info">
<span class="package-location">
<i class="fa-sharp fa-thin fa-location-dot"></i>
Thailand, vietnam, Nepal
</span>
<span class="package-time">
<i class="fa-sharp fa-thin fa-clock"></i>
6 Days - 2 Nights
</span>
</div>
<div class="price-info">
<span class="price-off text-white-color ff-poppins"
>50% off</span
>
<div class="price">
<h6 class="fs-30 ff-rubik">$450</h6>
<del class="fs-sm ff-rubik">$550</del>
</div>
</div>
</div>
<a
href="destination-details.html"
class="vs-btn style7 w-100"
>Book Now</a
>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</section>
<!--================= Travel-guides end =================-->
<!--================= Testimonial Section Start =================-->
<section
class="testimonial position-relative space"
data-bg-src="assets/img/bg/testimonial-bg.png"
>
<img
src="assets/img/icons/eiffel-tower-dark.png"
alt="testimonial-icon"
class="testimonial-icon"
/>
<div class="container">
<div class="row">
<div class="col-lg-auto mx-auto">
<div class="title-area text-center">
<span class="sec-subtitle fade-anim" data-direction="bottom"
>Our Testimonials</span
>
<h2 class="sec-title fade-anim" data-direction="top">
What Customers Say About Us
</h2>
</div>
</div>
</div>
<div class="row fade-anim">
<div class="col-xl-10 mx-auto">
<!-- <div class="testimonial-sliders-wrapper"> -->
<div class="row g-4">
<div class="col-lg-5">
<div class="swiper testimonial-thumbnail-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-thumbnail">
<img
src="assets/img/testimonial/1.jpg"
alt="Person 1"
class="w-100"
/>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-thumbnail">
<img
src="assets/img/testimonial/2.jpg"
alt="Person 2"
class="w-100"
/>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-thumbnail">
<img
src="assets/img/testimonial/3.jpg"
alt="Person 3"
class="w-100"
/>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-thumbnail">
<img
src="assets/img/testimonial/testimonial-thumb-1-4.png"
alt="Person 3"
class="w-100"
/>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-7 d-lg-flex align-items-lg-center">
<!-- Swiper Content Slider -->
<div class="swiper testimonial-content-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-content">
<i class="fa-solid fa-quote-left"></i>
<div class="rating">
<ul class="custom-ul">
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
</div>
<p class="revew">
“I had the most incredible trip to Bali, all thanks to this amazing destination planner! From flights to hidden beach resorts, everything was seamless. Can’t wait to plan my next trip!”
</p>
<div class="author">
<h5 class="author-name">Ravi Singh</h5>
<!-- <span class="author-degi">Journey, CEO</span> -->
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-content">
<i class="fa-solid fa-quote-left"></i>
<div class="rating">
<ul class="custom-ul">
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
</div>
<p class="revew">
“The itinerary was perfectly tailored to my preferences. I got to experience breathtaking landscapes and unique activities I wouldn’t have found on my own!”
</p>
<div class="author">
<h5 class="author-name">Sunny</h5>
<!-- <span class="author-degi">Journey, CEO</span> -->
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-content">
<i class="fa-solid fa-quote-left"></i>
<div class="rating">
<ul class="custom-ul">
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
<li><i class="fa-solid fa-star"></i></li>
</ul>
</div>
<p class="revew">
“The planning was stress-free, and every recommendation was spot on. I got to explore Paris, Rome, and Amsterdam with zero hassle!”
</p>
<div class="author">
<h5 class="author-name">Dharamveer</h5>
<!-- <span class="author-degi">Journey, CEO</span> -->
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<!-- </div> -->
</div>
</div>
</div>
</section>
<!--================= Testimonial Section End =================-->
<!--================= Instagram start =================-->
<div class="instagram-style1 space-top">
<div class="container">
<div class="row">
<div class="col-lg-auto mx-auto">
<div class="title-area text-center">
<span class="sec-subtitle fade-anim" data-direction="bottom"
>Instagram</span
>
<h2 class="sec-title fade-anim" data-direction="top">
follow us on instagram
</h2>
</div>
</div>
</div>
</div>
<div class="container-fluid p-0 overflow-hidden">
<div class="row">
<div class="col-12">
<div class="swiper instagram-slider">
<div class="swiper-wrapper animate-linear">
<div class="swiper-slide">
<div class="instagram-box">
<div class="insta-post-thumb">
<img
src="assets/img/instagram/insta-post-1-1.png"
alt="instagram"
class="w-100"
/>
</div>
<div class="insta-post-content">
<a href="https://www.instagram.com/destinationplannerofficial?utm_source=qr&igsh=MTE4c2c5ZjYydXM1OQ==" target="_blank">
<i class="fa-solid fa-link"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="instagram-box">
<div class="insta-post-thumb">
<img
src="assets/img/instagram/insta-post-1-2.png"
alt="instagram"
class="w-100"
/>
</div>
<div class="insta-post-content">
<a href="https://www.instagram.com/destinationplannerofficial?utm_source=qr&igsh=MTE4c2c5ZjYydXM1OQ==" target="_blank">
<i class="fa-solid fa-link"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="instagram-box">
<div class="insta-post-thumb">
<img
src="assets/img/instagram/insta-post-1-3.png"
alt="instagram"
class="w-100"
/>
</div>
<div class="insta-post-content">
<a href="https://www.instagram.com/destinationplannerofficial?utm_source=qr&igsh=MTE4c2c5ZjYydXM1OQ==" target="_blank">
<i class="fa-solid fa-link"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="instagram-box">
<div class="insta-post-thumb">
<img
src="assets/img/instagram/insta-post-1-4.png"
alt="instagram"
class="w-100"
/>
</div>
<div class="insta-post-content">
<a href="https://www.instagram.com/destinationplannerofficial?utm_source=qr&igsh=MTE4c2c5ZjYydXM1OQ==" target="_blank">
<i class="fa-solid fa-link"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="instagram-box">
<div class="insta-post-thumb">
<img
src="assets/img/instagram/insta-post-1-5.png"
alt="instagram"
class="w-100"
/>
</div>
<div class="insta-post-content">
<a href="https://www.instagram.com/destinationplannerofficial?utm_source=qr&igsh=MTE4c2c5ZjYydXM1OQ==" target="_blank">
<i class="fa-solid fa-link"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="instagram-box">
<div class="insta-post-thumb">
<img
src="assets/img/instagram/insta-post-1-1.png"
alt="instagram"
class="w-100"
/>
</div>
<div class="insta-post-content">
<a href="https://www.instagram.com/destinationplannerofficial?utm_source=qr&igsh=MTE4c2c5ZjYydXM1OQ==" target="_blank">
<i class="fa-solid fa-link"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="instagram-box">
<div class="insta-post-thumb">
<img
src="assets/img/instagram/insta-post-1-2.png"
alt="instagram"
class="w-100"
/>
</div>
<div class="insta-post-content">
<a href="https://www.instagram.com/destinationplannerofficial?utm_source=qr&igsh=MTE4c2c5ZjYydXM1OQ==" target="_blank">
<i class="fa-solid fa-link"></i>
</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="instagram-box">
<div class="insta-post-thumb">
<img
src="assets/img/instagram/insta-post-1-3.png"
alt="instagram"
class="w-100"
/>
</div>
<div class="insta-post-content">
<a href="https://www.instagram.com/destinationplannerofficial?utm_source=qr&igsh=MTE4c2c5ZjYydXM1OQ==" target="_blank">
<i class="fa-solid fa-link"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--================= Instagram end =================-->
</main>
<!-- ================= Footer Start ================= -->
<?php require "inc/footer.php"; ?>
<!-- ================= Footer End ================= -->
<!-- ================= Main Section Wrapper End ================= -->
<a href="#" class="scrollToTop scroll-btn"
><i class="far fa-arrow-up"></i
></a>
<!-- ***************** Code End Here ***************** -->
<!--================= All Js File ================= -->
<!-- Jquery -->
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<!-- Jquery UI -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- Jquery UI -->
<script src="assets/js/moment.min.js"></script>
<!-- Jquery UI -->
<script src="assets/js/daterangepicker.min.js"></script>
<!-- Swiper Slider -->
<script src="assets/js/swiper-bundle.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- WOW.js Animation -->
<script src="assets/js/wow.min.js"></script>
<!-- Magnific Popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- Image Loaded Jquery -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<!-- Odometer JS -->
<script src="assets/js/odometer.min.js"></script>
<script src="assets/js/viewport.jquery.js"></script>
<!-- Gsap -->
<script src="assets/js/gsap.min.js"></script>
<!-- ScrollTrigger -->
<script src="assets/js/ScrollTrigger.min.js"></script>
<!-- ScrollToPlugin -->
<script src="assets/js/ScrollToPlugin.min.js"></script>
<!-- SplitText -->
<script src="assets/js/SplitText.min.js"></script>
<!-- Main Js File -->
<script src="assets/js/main.js"></script>
</body>
</html>