EVOLUTION-NINJA
Edit File: aboutus.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"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="public/assets/images/Aboutus 1.png" class="d-block w-100" alt="..."> </div> <!-- <div class="carousel-item"> <img src="public/assets/images/Banners_2.jpg" class="d-block w-100" alt="..."> </div> <div class="carousel-item"> <img src="public/assets/images/Banners_3.jpg" class="d-block w-100" alt="..."> </div> <div class="carousel-item"> <img src="public/assets/images/Banners_4.jpg" class="d-block w-100" alt="..."> </div> <div class="carousel-item"> <img src="public/assets/images/Banners_5.jpg" class="d-block w-100" alt="..."> </div> --> </div> </div> <!-- end---cauorsel --> </div> </div> <!-- about section --> <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-2"></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> <!-- 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');?>