EVOLUTION-NINJA

Edit File: ourservices.php

<?php echo view('includes/header');?>
<div class="container-fluid" id="slid-div">

<!-- <ol class="carousel-indicators">

</ol> -->

</div>

<!-- <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators"

data-slide="prev">

<span class="sr-only">Previous</span>

</button>

<button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators"

data-slide="next">

</button> -->

</div>

</div>

<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>

// 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');?>