:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/www/sukhadaworldapp/**
:: Editing File: dashboard.php
<?php include "db_config.php"; include "header.php"; ?> <style> .section.promo .promo-caption h2 { font-size: 24px; line-height: 34px; margin-bottom: 20px; } </style> <!-- END SIDE NAV --> <!-- TOP MENU-- <div class="section top-header-menu"> <div class="wrap-thm"> <div class="container"> <div class="row row-thm"> <div class="col s12"> <div class="thm-menu"> <i class="fa fa-user" aria-hidden="true"></i> Account </div> <div class="thm-menu"> <i class="fa fa-globe" aria-hidden="true"></i> My Trip </div> <div class="thm-menu"> <i class="fa fa-life-ring" aria-hidden="true"></i> favourite </div> </div> </div> </div> </div> </div> <!-- END TOP MENU--> <!-- MAIN SLIDER --> <div class="main-slider" data-indicators="true"> <div class="carousel carousel-slider " data-indicators="true"> <a class="carousel-item"><img src="img/SLIDER.jpg" alt="slider"></a> <!--<a class="carousel-item"><img src="img/slide-b.jpg" alt="slider"></a> <a class="carousel-item"><img src="img/slide-c.jpg" alt="slider"></a> <a class="carousel-item"><img src="img/slide-d.jpg" alt="slider"></a> --> </div> </div> <!-- END MAIN SLIDER --> <!-- SERVICE --> <div class="section service"> <div class="container"> <div class="row"> <div class="col s12"> <div class="section-title"> <span class="theme-secondary-color">Our</span> Service </div> </div> </div> <div class="row icon-service"> <div class="col s4 m4 l2"> <div class="content"> <div class="in-content"> <div class="in-in-content"> <i class="fa fa-ticket" aria-hidden="true" style="color: #fe0000;"></i> <h5>Booking<br>Tickets</h5> </div> </div> </div> </div> <div class="col s4 m4 l2"> <div class="content"> <div class="in-content"> <div class="in-in-content"> <i class="fa fa-map-o" aria-hidden="true" style="color: #43ba0f;"></i> <h5>Planning<br>Tours</h5> </div> </div> </div> </div> <div class="col s4 m4 l2"> <div class="content"> <div class="in-content"> <div class="in-in-content"> <i class="fa fa-newspaper-o" aria-hidden="true" style="color: #ff0090;"></i> <h5>Documents</h5> </div> </div> </div> </div> <div class="col s4 m4 l2"> <div class="content"> <div class="in-content"> <div class="in-in-content"> <i class="fa fa-umbrella" aria-hidden="true" style="color: #ff7e00;"></i> <h5>Travel<br>Insurance</h5> </div> </div> </div> </div> <div class="col s4 m4 l2"> <div class="content"> <div class="in-content"> <div class="in-in-content"> <i class="fa fa-building" aria-hidden="true" style="color: #20b8ff;"></i> <h5>Booking<br>Hotel</h5> </div> </div> </div> </div> <div class="col s4 m4 l2"> <div class="content"> <div class="in-content"> <div class="in-in-content"> <i class="fa fa-play-circle" aria-hidden="true" style="color: #3f22d1;"></i> <h5>Video</h5> </div> </div> </div> </div> </div> </div> </div> <div class="section promo"> <div id="promo-item" class="owl-carousel center"> <div class="item theme-gradation"> <div class="promo-caption"> <h2>Special Offer <br>30% off</h2> <a href="#"><div class="btn transparent">Contact Now</div></a> </div> <div class="background-promo" style="background-image: url(img/landscape2.jpg);"> </div> </div> <!--<div class="item theme-gradation"> <div class="promo-caption"> <h2>Best of Destinations<br>Worldwide</h2> <a href="single-page.html"><div class="btn transparent">Get Started</div></a> </div> <div class="background-promo" style="background-image: url(img/landscape2.jpg);"> </div> </div> --> </div> </div> <!-- END SERVICE --> <!-- NEWS --> <div class="section news"> <div class="container"> <div class="row row-title"> <div class="col s12"> <div class="section-title"> <span class="theme-secondary-color">Special </span> Tours </div> </div> </div> <div class="row"> <div class="col s12"> <div class="news-content"> <img src="img/tour/JOYFUL_JAMAICA.jpg" alt="image-news"> <div class="news-detail"> <h5 class="news-title"><a href="">Joyful Jamaica</a></h5> <div class="date"> <span><i class="fa fa-clock-o"></i> 4 Days | 3 Nights</span> </div> <p> Jamaica, a Caribbean island nation, has a lush topography of mountains, rainforests and reef-lined beaches. Many of its all-inclusive resorts are clustered </p> <div class="readmore-news"> <a class="readmore-btn" href="#">Read More</a> </div> </div> </div> </div> <div class="col s12"> <div class="news-content"> <img src="img/tour/kashmir.jpg" alt="image-news"> <div class="news-detail"> <h5 class="news-title"><a href="">Karazmatic Kashmir</a></h5> <div class="date"> <span><i class="fa fa-clock-o"></i> 6 Days | 5 Nights</span> </div> <p> Kashmir has four distinct seasons, each with its own peculiar character and The valley appears painted with myriad colours with different hues spread all over. </p> <div class="readmore-news"> <a class="readmore-btn" href="#">Read More</a> </div> </div> </div> </div> <div class="col s12"> <div class="news-content"> <img src="img/tour/BHUTAN.jpg" alt="image-news"> <div class="news-detail"> <h5 class="news-title"><a href="">Scenic Bhutan</a></h5> <div class="date"> <span><i class="fa fa-clock-o"></i> 7 Days | 6 Nights</span> </div> <p> Bhutan is not an ordinary place, it has been the most loved country by tourists. Be its colourful culture or enigmatic mountain, the tourist places </p> <div class="readmore-news"> <a class="readmore-btn" href="#">Read More</a> </div> </div> </div> </div> <div class="col s12"> <div class="news-content"> <img src="img/tour/kerala.jpg" alt="image-news"> <div class="news-detail"> <h5 class="news-title"><a href="">God's Own Country - Kerala</a></h5> <div class="date"> <span><i class="fa fa-clock-o"></i> 5 Days | 4 Nights</span> </div> <p> Kerala, a state on India's tropical Malabar Coast, has nearly 600km of Arabian Sea shoreline. It's known for its palm-lined beaches and backwaters. </p> <div class="readmore-news"> <a class="readmore-btn" href="#">Read More</a> </div> </div> </div> </div> </div> </div> </div> <!-- END NEWS --> <!-- DESTINATION --> <style> /* 2. Video Thumbnail Styles (New/Updated) */ .video-thumbnail-container { position: relative; border-radius: 0.75rem; overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); margin-bottom: 1.5rem; cursor: pointer; /* height: 400px; /* Fixed height for consistency */ } .video-thumbnail { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease-in-out; } .video-thumbnail:hover { transform: scale(1.05); filter: brightness(0.8); } /* Play Button Overlay */ .video-thumbnail-container .play-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.3); transition: background-color 0.3s; } .video-thumbnail-container .play-icon { font-size: 4rem; color: white; opacity: 0.9; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .video-thumbnail-container:hover .play-overlay { background-color: rgba(0, 0, 0, 0.5); } .section.destinations .vd-des-left { width:100%; text-align: center; } </style> <div class="section destinations"> <div class="container"> <div class="row"> <div class="col s12"> <div class="section-title"> <span class="theme-secondary-color">Video</span> Gallery </div> </div> </div> <!-- <div class="row"> <div class="wrap-gallery"> <div class="col s6 gallery-img-box gallery-destination"> <a class="gallery-list1" href="img/video/Odisha.mp4"><img alt="gallery" src="img/video/ODISHA.png"></a> </div> </div> </div> --> <div class="row"> <div class="wrap-gallery"> <div class="col s6 gallery-img-box gallery-destination"> <a class="gallery-list" href="img/video/Odisha.mp4"><img alt="gallery" src="img/video/ODISHA.png"></a> </div> </div> </div> <div class="row row-list-destination"> <div class="col s12"> <!-- 1 Video Section --> <div class="vacation-place"> <div class="vd-photo"> <!-- Video Thumbnail (8 columns on large screens) --> <!-- Data attributes link the thumbnail to the modal --> <div class="video-thumbnail-container" data-bs-toggle="modal" data-bs-target="#videoModal"> <img src="img/video/ODISHA.png" alt="Click to watch the official tour video of Bali" class="video-thumbnail" onerror="this.onerror=null;this.src='img/video/ODISHA.png'" > <div class="play-overlay"> <!-- Unicode character for a simple, universal Play icon --> <span class="play-icon">▶</span> </div> </div> </div> <div class="vd-des"> <div class="vd-des-left"> <div class="vd-des-name">Odisha Tour Partner Training Destination</div> <!--<div class="vd-des-location">Yogyakarta, Indonesia</div>--> </div> <!-- <div class="vd-des-right"> <div class="vd-des-price"> <i class="fa fa-tag" aria-hidden="true"></i> $1800 </div> </div> --> <div class="clear"></div> </div> </div> <!-- 1 Video Section --> <div class="vacation-place"> <div class="vd-photo"> <!-- Video Thumbnail (8 columns on large screens) --> <!-- Data attributes link the thumbnail to the modal --> <div class="video-thumbnail-container" data-bs-toggle="modal" data-bs-target="#videoModal"> <img src="img/video/rajasthan.png" alt="Click to watch the official tour video of Bali" class="video-thumbnail" onerror="this.onerror=null;this.src='img/video/rajasthan.png'" > <div class="play-overlay"> <!-- Unicode character for a simple, universal Play icon --> <span class="play-icon">▶</span> </div> </div> </div> <div class="vd-des"> <div class="vd-des-left"> <div class="vd-des-name">Rajasthan - The Jewel In India's Crown</div> <!--<div class="vd-des-location">Yogyakarta, Indonesia</div>--> </div> <!-- <div class="vd-des-right"> <div class="vd-des-price"> <i class="fa fa-tag" aria-hidden="true"></i> $1800 </div> </div> --> <div class="clear"></div> </div> </div> <!-- 1 Video Section --> <div class="vacation-place"> <div class="vd-photo"> <!-- Video Thumbnail (8 columns on large screens) --> <!-- Data attributes link the thumbnail to the modal --> <div class="video-thumbnail-container" data-bs-toggle="modal" data-bs-target="#videoModal"> <img src="img/video/travel.png" alt="Click to watch the official tour video of Bali" class="video-thumbnail" onerror="this.onerror=null;this.src='img/video/travel.png'" > <div class="play-overlay"> <!-- Unicode character for a simple, universal Play icon --> <span class="play-icon">▶</span> </div> </div> </div> <div class="vd-des"> <div class="vd-des-left"> <div class="vd-des-name">Are You Travelling With Your Kids</div> <!--<div class="vd-des-location">Yogyakarta, Indonesia</div>--> </div> <!-- <div class="vd-des-right"> <div class="vd-des-price"> <i class="fa fa-tag" aria-hidden="true"></i> $1800 </div> </div> --> <div class="clear"></div> </div> </div> </div> </div> </div> </div> <!-- END DESTINATION --> <!-- GALLERY --> <div class="section gallery"> <div class="container"> <div class="row"> <div class="col s12"> <div class="section-title"> <span class="theme-secondary-color">PHOTO</span> GALLERY </div> </div> </div> <div class="row"> <div class="col s12"> <!-- filter -- <div class="filter-gallery"> <button data-filter="gallery-no-filter" class="filter-button active">All</button> <button data-filter="gallery-travel" class="filter-button">Travel</button> <button data-filter="gallery-destination" class="filter-button">Destination</button> <button data-filter="gallery-flight" class="filter-button">Flight</button> <button data-filter="gallery-beach" class="filter-button">Beach</button> </div> <!-- /filter --> </div> </div> <div class="row"> <div class="wrap-gallery"> <!-- <div class="col s6 gallery-img-box gallery-destination"> <a class="gallery-list" href="img/t1.jpg"><img alt="gallery" src="img/t1.jpg"></a> </div> --> <?php // --- Fetch Gallery Records --- $gallery = []; $sql = "SELECT id, image, status, created_at FROM gallery ORDER BY id DESC"; $stmt = mysqli_prepare($conn, $sql); if ($stmt) { mysqli_stmt_execute($stmt); $result = mysqli_stmt_get_result($stmt); if ($result && mysqli_num_rows($result) > 0) { while ($row = mysqli_fetch_assoc($result)) { $gallery[] = $row; } } mysqli_stmt_close($stmt); } ?> <?php foreach ($gallery as $g): ?> <?php $img = !empty($g['image']) ? "uploads/gallery/" . $g['image'] : "img/t1.jpg"; ?> <div class="col s6 gallery-img-box"> <a class="gallery-list" href="<?= $img ?>"><img alt="gallery" src="<?= $img ?>"></a> </div> <?php endforeach; ?> <!-- <div class="col s6 gallery-img-box gallery-destination"> <a class="gallery-list" href="img/t1.jpg"><img alt="gallery" src="img/t1.jpg"></a> </div> --> </div> </div> </div> </div> <!-- END GALLERY --> <!-- TESTIMONIAL --> <div class="section testimonial"> <div class="testimonial-wrap"> <div class="container"> <div class="row"> <div class="col s12"> <div class="section-title">CUSTOMER REVIEWS</div> </div> </div> <div class="row"> <div class="wrap-item-testimonial"> <div id="testimonial-item" class="owl-carousel"> <!-- item --> <div class="item"> <div class="item-testimonial"> <div class="client-info"> <div class="client-img"> <img src="img/sidesh.png" alt="profile"> </div> <div class="rating"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div> </div> <div class="client-content"> <p> It's a first time experience with Sukhada tours and it's a amazing.. All members of Sukhada are very Cooperative. </p> <div class="client-title"> <h4>Siddhesh Agate</h4> <h5>Businessman</h5> </div> </div> </div> </div> <!-- end item --> <!-- item -- <div class="item"> <div class="item-testimonial"> <div class="client-info"> <div class="client-img"> <img src="img/profile2.jpg" alt="profile"> </div> <div class="rating"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div> </div> <div class="client-content"> <p> a very happy new year to you and thanks for all the arrangements done for my six days Bali tour </p> <div class="client-title"> <h4>Jeff Doe</h4> <h5>Traveller</h5> </div> </div> </div> </div> <!-- end item --> <!-- item -- <div class="item"> <div class="item-testimonial"> <div class="client-info"> <div class="client-img"> <img src="img/profile3.jpg" alt="profile"> </div> <div class="rating"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div> </div> <div class="client-content"> <p> I had booked my travel package and I really got a very good and positive response. </p> <div class="client-title"> <h4>Manna Doe</h4> <h5>Entrepreneur</h5> </div> </div> </div> </div> <!-- end item --></div> </div> </div> </div> </div> <div class="background-testimonial" style="background-image: url(img/landscape.jpg);"> </div> </div> <!-- END TESTIMONIAL --> <!-- FOOTER --> <?php include"footer.php"?> <!-- END FOOTER -- <!-- Script -- <script src="js/jquery.min.js"></script> <script src="js/materialize.min.js"></script> <!-- Owl carousel -- <script src="lib/owlcarousel/owl.carousel.min.js"></script> <!-- Magnific Popup core JS file -- <script src="lib/Magnific-Popup-master/dist/jquery.magnific-popup.js"></script> <!-- Custom script -- <script src="js/custom.js"></script> </body> </html> --> <!-- Video Modal (Hidden by default) --> <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true"> <div class="modal-dialog modal-xl modal-dialog-centered"> <div class="modal-content"> <div class="modal-header bg-dark text-white border-0"> <h5 class="modal-title" id="videoModalLabel">Odisha Tour Partner Training Destination</h5> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body modal-body-video"> <!-- Now using the <video> tag --> <video id="tourVideoElement" controls preload="auto" poster="img/video/ODISHA.png"> <!-- IMPORTANT: Replace this src with the direct URL of your MP4 video file --> <source src="img/video/Odisha.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </div> </div> </div> </div>