
    <!-- rts footer area start -->
    <div class="rts-footer-area-one pt--100 pb--30">
        <div class="container">
            <div class="footer-inner">
                <div class="left">
                    <div class="single-footer-widget-one logo-area">
                        <a href="#" class="logo">
                            <img class="dark" src="{uploads_url}/csm/assets/images/logo/csm_logob.png" alt="logo">
                        </a>
                        <p class="desc">We take care of every detail you can travel with confidence ease.</p>

                        <div class="call-us">

                            
                            <div class="icon"><img src="{uploads_url}/csm/assets/images/others/01.svg" alt=""></div>
                            <div class="text">
                                <p>Call Us 24/7</p>
                                <h5><a href="call-to:25621452156">+1 250-505-1111</a></h5>
                            </div>
                        </div>
                        <ul class="social-area">
                            <li>Follow Us -</li>
                            <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="mid d-flex justify-content-center">
                    <div class="single-footer-widget-one essential-links">
                        <h6 class="title">Quick Links</h6>
                        <ul>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="tour.html">About Us</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination.html">FAQs</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="about.html">Terms & Conditions</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="team.html">Privacy Policy</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="tour.html">Tour Type</a>
                            </li>
                        </ul>
                    </div>
                    <div class="single-footer-widget-one essential-links">
                        <h6 class="title">Popular Links</h6>
                        <ul>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination-details.html">Stories & Guides</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination-details.html">Guided Tours</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination-details.html">Train Tours</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination-details.html">Map</a>
                            </li>
                            <li><svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M0.5 0L6.75 5L0.5 10V0Z" fill="#BA6827" />
                                </svg>
                                <a href="destination-details.html">British Columbia</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <div class="footer-input-main-wrapper-one">
                        <div class="single-footer-widget-one">
                            <h6 class="title">Newsletter</h6>
                            <p class="desc">Subscribe to our newsletter</p>
                            <form action="#">
                                <input class="radius-6" type="email" placeholder="Email address.." required>
                                <button class="rts-btn btn-primary radius-6 border">Subscribe</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <!-- copyright area start -->
                    <div class="copyright-area-start">
                        <p>Copyright © <script>
                                document.write(
                                    new Date().getFullYear()
                                )
                            </script> All Rights Reserved, Design by <span><a href="index.html">Canadian Sun and Mountain Travel</a></span></p>
                        <ul>
                            <li><a href="https://www.consumerprotectionbc.ca/check-a-licence-search/?cpbc_type=Travel+Agent&cpbc_licenseNumber=3244&cpbc_name=&cpbc_city=&cpbc_statuses=DUEPRT%2CEXEMPT%2CISSUED%2CNOTICE%2CRENSUBD%2CSUSPEND#gf_50"><img src="{uploads_url}/csm/assets/images/2026/Consumer_Protection_BClicensed_by_WEB.webp" style="height: 60px;" alt=""></a></li>                          
                            <li><a href="#"><img style="height: 60px;" src="{uploads_url}/csm/assets/images/2026/safe_logo.webp" alt=""></a></li>                          
                        </ul>
                    </div>
                    <!-- copyright area end -->
                </div>
            </div>
        </div>
    </div>
    <!-- rts footer area end -->

    <div id="side-bar2" class="side-bar side-bar2">
        <div class="rts-sidebar-menu-desktop">
            <button class="close-icon-menu" aria-label="footer_Button"><i class="far fa-times"></i></button>
            <div class="body d-none d-lg-block">
                <div class="about-us">
                    <a class="logo" href="index.html"><img src="{uploads_url}/csm/assets/images/logo/logo-csm2.webp" alt=""></a>
                    <p>
                        Discover the World, <br> Full Adventure at a Time!
                    </p>
                </div>
                <div class="gallery-image-area">
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/06.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/06.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/07.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/07.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/08.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/08.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/09.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/09.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/10.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/10.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                    <div class="gallery-wrapper with-icon">
                        <a href="assets/images/gallery/12.webp" class="gallery-image image-transform">
                            <img class="hover-image" src="{uploads_url}/csm/assets/images/gallery/11.webp" width="190" alt="">
                            <span class="icon"><img src="{uploads_url}/csm/assets/images/gallery/insta.svg" alt=""></span>
                        </a>
                    </div>
                </div>
                <div class="get-in-touch">
                    <!-- title -->
                    <h4>Get In Touch</h4>
                    <!-- title End -->
                    <div class="wrapper">
                        <!-- single -->
                        <div class="single">
                            <i class="fas fa-phone-alt" style="font-family: &quot;Font Awesome 6 Pro&quot;, Bangla867, sans-serif;"></i>
                            <a href="+12505051111">+1 250-505-1111 </a>
                            <i class="fas fa-fax-alt" style="font-family: &quot;Font Awesome 6 Pro&quot;, Bangla867, sans-serif;"></i>
                            <a href="#">+1 250-505-1100  </a>
                        </div>
                        <!-- single ENd -->
                        <!-- single -->
                        <div class="single">
                            <i class="fas fa-envelope" style="font-family: &quot;Font Awesome 6 Pro&quot;, Bangla867, sans-serif;"></i>
                            <a href="#">info@csmtravel.com</a>
                        </div>
                        <!-- single ENd -->
                        <!-- single -->
                        <div class="single">
                            <i class="fas fa-globe" style="font-family: &quot;Font Awesome 6 Pro&quot;, Bangla867, sans-serif;"></i>
                            <a href="#">www.csmtravel.com</a>
                        </div>
                        <!-- single ENd -->
                        <!-- single -->
                        <div class="single">
                            <i class="fas fa-map-marker-alt" style="font-family: &quot;Font Awesome 6 Pro&quot;, Bangla867, sans-serif;"></i>
                            <a href="#">807 Baker Street Nelson | British Columbia | Canada | V1L 4J8</a>
                        </div>
                        <!-- single ENd -->
                    </div>
                </div>
                <div class="follow-us">
                    <!-- title -->
                    <h4>Follow Us</h4>
                    <!-- title End -->
                    <ul>
                        <li><a href="#" aria-label="Facebook"><i class="fab fa-facebook-f" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                        <li><a href="#" aria-label="twitter"><i class="fab fa-twitter" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                        <li><a href="#" aria-label="instagram"><i class="fab fa-instagram" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                        <li><a href="#" aria-label="linkdin"><i class="fa-brands fa-linkedin-in" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- mobile menu area end -->
    </div>
    <div id="side-bar" class="side-bar header-two header-eight">
        <button class="close-icon-menu"><i class="fa-sharp fa-thin fa-xmark"></i></button>
        <a class="logo" href="index.html"><img style="height: 90px;" src="a/images/logo/csm_logob.png" alt=""></a>
        <!-- mobile menu area start -->
        <div class="mobile-menu-main">
            <nav class="nav-main mainmenu-nav mt--30">
                <ul class="mainmenu metismenu" id="mobile-menu-active">
                    <li class="has-droupdown">
                        <a href="#" class="main">Home</a>
                        <ul class="submenu mm-collapse">
                            <li><a class="mobile-menu-link" href="index.html">Travel Agency</a></li>
                            <li><a class="mobile-menu-link" href="index-two.html">Hiking Travel</a></li>
                            <li><a class="mobile-menu-link" href="index-three.html">Home Yacht</a></li>
                            <li><a class="mobile-menu-link" href="index-four.html">Wild Travel</a></li>
                            <li><a class="mobile-menu-link" href="index-five.html">Travel Africa</a></li>
                            <li><a class="mobile-menu-link" href="index-six.html">Tour Marketplace</a></li>
                            <li><a class="mobile-menu-link" href="index-seven.html">Summer Travel</a></li>
                            <li><a class="mobile-menu-link" href="index-eight.html">Travel Agency Two</a></li>
                            <li><a class="mobile-menu-link" href="index-nine.html">Kayaking</a></li>
                        </ul>
                    </li>
                    <li class="has-droupdown">
                        <a href="#" class="main">Tour</a>
                        <ul class="submenu mm-collapse">
                            <li><a class="mobile-menu-link" href="tour.html">Tour One</a></li>
                            <li><a class="mobile-menu-link" href="tour-two.html">Tour Two</a></li>
                            <li><a class="mobile-menu-link" href="tour-three.html">Tour Three</a></li>
                            <li><a class="mobile-menu-link" href="tour-four.html">Tour Four</a></li>
                            <li><a class="mobile-menu-link" href="tour-five.html">Tour Five</a></li>
                            <li><a class="mobile-menu-link" href="tour-details.html">Tour Details</a></li>
                        </ul>
                    </li>
                    <li class="has-droupdown">
                        <a href="#" class="main">Destinations</a>
                        <ul class="submenu mm-collapse">
                            <li><a class="mobile-menu-link" href="destination.html">Destinations</a></li>
                            <li><a class="mobile-menu-link" href="destination-details.html">Destinations Details</a></li>
                        </ul>
                    </li>
                    <li class="has-droupdown">
                        <a href="#" class="main">Pages</a>
                        <ul class="submenu mm-collapse">
                            <li><a class="mobile-menu-link" href="about.html">About</a></li>
                            <li><a class="mobile-menu-link" href="team.html">Teams</a></li>
                            <li><a class="mobile-menu-link" href="sign-in.html">Log In</a></li>
                            <li><a class="mobile-menu-link" href="sign-up.html">Sign Up</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="contact.html" class="main">Contact Us</a>
                    </li>
                </ul>
            </nav>

            <div class="follow-us">
                <ul>
                    <li><a href="#" aria-label="Facebook"><i class="fab fa-facebook-f" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                    <li><a href="#" aria-label="twitter"><i class="fab fa-twitter" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                    <li><a href="#" aria-label="instagram"><i class="fab fa-instagram" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                    <li><a href="#" aria-label="linkdin"><i class="fa-brands fa-linkedin-in" style="font-family: &quot;Font Awesome 6 Brands&quot;, Bangla867, sans-serif;"></i></a></li>
                </ul>
            </div>
        </div>
        <!-- mobile menu area end -->
    </div>


    <div id="anywhere-home" class="">
    </div>

    <div class="slider-drag-cursor"><i class="fas fa-angle-left me-2"></i> DRAG <i class="fas fa-angle-right ms-2"></i>
    </div>

    <!-- progress area start -->
    <div class="progress-wrap">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
        </svg>
    </div>
    <!-- progress area end -->





    <!-- jquery js -->
    <script defer src="{uploads_url}/csm/assets/js/plugins/jquery.min.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/bootstrap.min.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/metismenu.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/vendor/jqueryui.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/vendor/waypoint.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/swiper.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/smoothscroll.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/vendor/wow.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/odometer.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/magnific-popup.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/isotop.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/plugins/contact-form.js"></script>
    <script defer src="{uploads_url}/csm/assets/js/main.js"></script>
</body>

</html>