EVOLUTION-NINJA
Edit File: ourservices.php
<?php echo view('includes/header');?> <div class="container-fluid" id="slid-div"> <div class="row"> <div class="col-sm-12"> <!-- cauorsel --> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <!-- <ol class="carousel-indicators"> <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> </ol> --> <div class="carousel-inner"> <div class="carousel-item active"> <img src="public/assets/images/Our Services 1.png" class="d-block w-100" alt="..."> </div> </div> <!-- <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </button> <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </button> --> </div> <!-- end---cauorsel --> </div> </div> <!-- our services --> <div class="row services-new"> <div class="container"> <h4>Our Services</h4> </div> <div class="container Itineraries mt-3"> <div class="row"> <div class="col-sm-7"> <div class="card mb-3"> <div class="row no-gutters"> <div class="col-sm-4"> <img src="public/assets/images/serv_1.png" width="100%" height="auto" class="mx-auto d-block" alt=""> </div> <div class="col-sm-8"> <div class="card-body"> <h5 class="card-title">Customized Itineraries</h5> <p class="card-text">From vibrant city escapades to serene countryside retreats, we offer tailor-made itineraries to suit your preferences and schedule.</p> </div> </div> </div> </div> <!-- --- --> <div class="card mb-3"> <div class="row no-gutters"> <div class="col-sm-4"> <img src="public/assets/images/service_2.png" width="100%" height="auto" class="mx-auto d-block" alt=""> </div> <div class="col-sm-8"> <div class="card-body"> <h5 class="card-title">Guided Tours</h5> <p class="card-text">Our expert guides will lead you through the heart of each destination, sharing captivating stories and providing in-depth knowledge.</p> </div> </div> </div> </div> <!-- ----- --> <div class="card mb-3"> <div class="row no-gutters"> <div class="col-sm-4"> <img src="public/assets/images/service_3.png" width="100%" height="auto" class="mx-auto d-block" alt=""> </div> <div class="col-sm-8"> <div class="card-body"> <h5 class="card-title">Travel Resources</h5> <p class="card-text">Explore our blog and travel guides, offering valuable tips, local insights, and inspiration to enhance your travel experience.</p> </div> </div> </div> </div> </div> <div class="col-sm-5 res-img"> <img src="public/assets/images/ser-about 1.png" alt="" width="100%" height="auto" > </div> </div> </div> </div> <!-- --> <div class="container-fluid fluid-row"> <div class="row "> <div class="col-sm-12"> <img src="public/assets/images/servi-img2.png" alt="" width="100%" height="auto"> </div> </div> </div> <!-- --> <div class="container join-jrn mb-3" > <div class="col-sm-12"> <h4>Join Us on the Journey</h4> <div class="card text-center"> <div class="card-body"> <p class="card-text">Embark on a journey with Bindu Tours and Travels and rediscover the magic within your own borders. Whether you're a solo adventurer, a couple seeking a romantic getaway, or a family creating lifelong memories, we invite you to explore India with us. Let's make your domestic travel dreams a reality.</p> <p class="card-text">Let's make your domestic travel dreams a reality.</p> </div> </div> </div> </div> <!-- scrool to top --> <button id="scrollToTopBtn" title="Go to top"><i class="fa fa-arrow-up" aria-hidden="true"></i></button> <!-- ----------------- --> <script> // Get the button var scrollToTopBtn = document.getElementById("scrollToTopBtn"); // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function () { scrollFunction(); }; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { scrollToTopBtn.style.display = "block"; } else { scrollToTopBtn.style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document smoothly scrollToTopBtn.addEventListener("click", function () { scrollToTop(); }); function scrollToTop() { var currentPosition = document.documentElement.scrollTop || document.body.scrollTop; if (currentPosition > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, currentPosition - currentPosition / 10); // Adjust the speed here by changing the divisor (8) } } </script> <?php echo view('includes/footer');?>