<!-- scroll to top button -->
<a href="<?= base_url() ?>javascript:" id="return-to-top"><i class="fa fa-angle-up"></i></a>

<!-- footer  -->

<div class="footer-line">
    <div class="container">
        <div class="row">
                <div class="col-sm-3">
                        <div class="row">
                              <div class="col-sm-12 footer-heading-space">
                                      <h4 style="margin: 0px;">About Us</h4>
                                      <img src="<?= base_url('public/Trailhunters/')?>images/footer-ribbon.png" alt="">
                                  </div>
                                 <div class="col-sm-12">
                                     <p>The trail hunters was born of wandering and exploration. We bound to experience the places no one knew about, the places you struggle to spell and those..</p>

                                    <p><a href="<?= base_url('front/aboutus') ?>"><b>READ MORE <i class="fa fa-arrow-right"></i></b></a></p>
                                 </div>
                        </div>
                       </div>
            <div class="col-sm-3">
              <div class="row">
                    <div class="col-sm-12 footer-heading-space">
                            <h4 style="margin: 0px;">Quick Link</h4>
                            <img src="<?= base_url('public/Trailhunters/')?>images/footer-ribbon.png" alt="">
                        </div>
                       <div class="col-sm-12">
                        <p><a href="<?= base_url() ?><?= base_url() ?>"><i class="fa fa fa-angle-right" style="font-size: auto"></i> &nbsp; Home</a></p>
                        <p><a href="<?= base_url('front/aboutus')?>"><i class="fa fa fa-angle-right" style="font-size: auto"></i> &nbsp; Who We Are</a></p>
                        <p><a href="<?= base_url('front/whyus') ?>"><i class="fa fa fa-angle-right" style="font-size: auto"></i> &nbsp; Why Choose Us</a></p>
                        <p><a href="<?= base_url('front/programes') ?>"><i class="fa fa fa-angle-right" style="font-size: auto"></i> &nbsp; Program</a></p>
                        <p><a href="<?= base_url('front/contactus') ?>"><i class="fa fa fa-angle-right" style="font-size: auto"></i> &nbsp; Contact Us</a></p>
        
                       </div>
              </div>
            </div>
            <div class="col-sm-3">
                  <div class="row">
                        <div class="col-sm-12 footer-heading-space">
                                <h4 style="margin: 0px;">Contact Details</h4>
                                <img src="<?= base_url('public/Trailhunters/')?>images/footer-ribbon.png" alt="">
                            </div>
                           <div class="col-sm-12">
                            <p style="float: left;width: 100%"><span class="footer-span-left"><i class="fa fa-map-marker"></i></span>  <span class="footer-span-right"> No114- Chinna Muniyappan Kovil,Chinna Thirupathi,Salem Tamilnadu,-636008</span> </p>
                            <p style="float: left;width: 100%"><span class="footer-span-left"><i class="fa fa-phone" style="font-size: auto"></i></span> <span class="footer-span-right"> +91-9943872537</span></p>
                            <p style="float: left;width: 100%"><span class="footer-span-left"><i class="fa fa-envelope-o" style="font-size: auto"></i></span> <span class="footer-span-right"> ttrailhunters@gmail.com</span></p>
                           </div>
                           <div class="col-sm-12">
                                <p>
                                    <a href="<?= base_url() ?>#" class="footer-social-icon"><i class="fa fa-facebook" style="padding: 8px 12px;"></i></a>
                                    <a href="<?= base_url() ?>#" class="footer-social-icon"><i class="fa fa-twitter" style="padding: 8px 9px;"></i></a>
                                    <a href="<?= base_url() ?>#" class="footer-social-icon"><i class="fa fa-instagram" style="padding: 8px 10px;"></i></a>
                                    <a href="<?= base_url() ?>#" class="footer-social-icon"><i class="fa fa-youtube"></i></a>
                                </p>
                            </div>
                  </div>
            </div>

            <div class="col-sm-3">  
                    <div class="row">
                          <div class="col-sm-12 footer-heading-space">
                                  <h4 style="margin: 0px;">GET UPDATES</h4>
                                  <img src="<?= base_url('public/Trailhunters/')?>images/footer-ribbon.png" alt="">
                          </div>
                          <div class="col-sm-12">
                              <p>Subscribe Our Newsletter</p>
                                      <div class="form-group">
                                      <input type="text" class="form-control newsinput" placeholder="Enter Your Email Address">
                                      </div>                                    
                                      <button class="button_b" type="button">Subscribe Now</button>
                                     
                              </div>
                          </div>
                           
                    </div>
    </div>
</div>
</div>
<div class="copyright-line">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <p>Copyright &copy; 2019 The Trail Hunters. All Right Reserved</p>
            </div>
        </div>
    </div>
    </div>


    <!-- page model -->
    <!-- <p>data-toggle="modal" data-target="#myModal"</p> -->
    <!-- quick enquiry model popup -->
    <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    <form action="<?= base_url('front/contact')?>" method="post">
    <!-- Modal content-->
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Send Enquiry</h4>
    </div>
    <div class="modal-body">
    <div class="row">
    <div class="col-md-6"><input type="text" name="name" class="form-control form-box" placeholder="Name" required></div>
    <div class="col-md-6"><input type="email" name="email" class="form-control form-box" placeholder="Email ID" required></div>

    <div class="col-md-6"><input type="text" name="phone" maxlength="10" class="form-control form-box" placeholder="Mobile No." required></div>

    <div class="col-md-6"><input type="text" name="city" class="form-control form-box" placeholder="City" required></div>
    <div class="col-md-12"><textarea class="form-control form-box" placeholder="Message" rows="3" required style="height:auto !important;"></textarea></div>

    <div class="col-md-12"><button type="submit" class="btn btn-default submit-button">Submit</button></div>

    </div>
    </div>

    </div>

    </form>
    </div>
    </div>
    <!-- model cosed         -->

 <!-- ================== JAVASCRIPT  ======================= -->
 <!-- js -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- ================== Header JS ======================= -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="<?= base_url('public/Trailhunters/')?>js/theme.js"></script>
    
   <!-- ================== Scroll top JS ======================= -->
    <script>
    $(window).scroll(function() {
    if ($(this).scrollTop() >= 50) {        // If page is scrolled more than 50px
    $('#return-to-top').fadeIn(200);    // Fade in the arrow
    } else {
    $('#return-to-top').fadeOut(200);   // Else fade out the arrow
    }
    });
    $('#return-to-top').click(function() {      // When arrow is clicked
    $('body,html').animate({
    scrollTop : 0                       // Scroll to top of body
    }, 500);
    });
    </script>
    
 <!-- ================== Banner JS ======================= -->
    <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
    <script>
    //banner slider
    $(".bannerSlider").slick({
        dots: false,
          autoplay: true,
        infinite: true,    
        slidesToShow: 1,
        slideswToScroll: 1,
          arrows: true,
          prevArrow: $('.prev'),
          nextArrow: $('.next'),
    });
    </script>


      <!-- owl courousel slider -->
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script>
   <script>
         $(document).ready(function(){
           $("#popular_pkg").owlCarousel({
               items:5,
               itemsDesktop:[1000,5],
               itemsDesktopSmall:[980,4],
               itemsTablet:[768,3],
               itemsMobile:[650,1],
               pagination:true,
               navigation:false,
               slideSpeed:1000,
               autoPlay:true
           });
       });
   </script>