EVOLUTION-NINJA

Edit File: aboutus.php

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

</div>

<!-- <div class="carousel-item">

</div>

</div>
                    <div class="carousel-item">

</div>
                    <div class="carousel-item">

</div> -->

</div>

</div>

</div>
    
    <div class="row mt-3 mb-3 tour-trav">
        <div class="col-sm-1"></div>
        <div class="col-sm-10 welcm">
            <div class="row">
                <div class="col-sm-6">
                    <h3>Welcome To</h3>
                    <h4>Bindu Tours And Travels</h4>
                    <p>Welcome to Bindu Tours and Travels, your trusted companion in exploring the wonders of India. As
                        passionate travelers ourselves, we understand the allure of discovering the hidden gems within
                        our own borders. Our mission is to curate unforgettable domestic travel experiences, providing
                        you with the opportunity to delve into the rich tapestry of culture, history, and natural beauty
                        that our beloved India has to offer.</p>
                    <div class="row onwer">
                        <div class="col-sm-3">
                            <img src="public/assets/images/travel-owner.png" width="100%" height="auto" alt="man">
                        </div>
                        
                        <div class="col-sm-9">
                            <h5>Our Story</h5>
                            <p>Founded on the belief that every journey is a story waiting to be told, Bindu Tours and
                                Travels was born out of a desire to showcase the beauty and diversity of our homeland.
                                With a team of seasoned travel enthusiasts, we set out to create a platform that not
                                only simplifies your travel planning but also ensures that each trip becomes a cherished
                                memory.</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-1"></div> 
                <div class="col-sm-5">
                    <img src="public/assets/images/tw-img.png" width="100%" alt="abt-img">
                </div>
            </div>
        </div>
        <div class="col-sm-1"></div>
    </div>

<div class="row mb-3 sets-up">
        <div class="col-sm-1"></div>
        <div class="col-sm-10">
            <h4 class="mt-3">What Sets Us Apart</h4>
            
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Local Expertise</h5>
                    <img src="public/assets/images/Rectangle 6.png" alt="lines" style="margin-top: -20px;">
                    <p class="card-text">Our team comprises seasoned travelers and locals, bringing you insights and
                        recommendations that go beyond the typical tourist experience.
                    </p>
                </div>
            </div>
            
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Tailored Experiences</h5>
                    <img src="public/assets/images/Rectangle 6.png" alt="lines" style="margin-top: -20px;">
                    <p class="card-text">We understand that each traveler is unique. Our itineraries are crafted to cater to different interests, whether you seek adventure, cultural immersion, or relaxation.
                    </p>
                </div>
            </div>
            
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Quality Accommodations</h5>
                    <img src="public/assets/images/Rectangle 6.png" alt="lines" style="margin-top: -20px;">
                    <p class="card-text">We partner with a curated selection of accommodations, ensuring comfort and authenticity, whether you choose a cozy boutique hotel, a charming bed and breakfast, or a luxurious resort.
                    </p>
                </div>
            </div>
            
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Sustainable Travel</h5>
                    <img src="public/assets/images/Rectangle 6.png" alt="lines" style="margin-top: -20px;">
                    <p class="card-text">Committed to responsible tourism, we strive to minimize our environmental impact and support local communities through our initiatives.
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-1"></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');?>