<!-- ==== footer start ==== -->
<footer class="footer-two footer-six-area footer-eight-area" data-background="{{ asset('assets/images/footer-eight-bg.jpg') }}">
    <div class="container">
        <div class="footer-eight-top">
            <div class="row">
                <div class="col-xl-2 col-lg-6 col-md-6">
                    <div class="footer-eight-top-wrap">
                        <h4>Subscribe to
                            Our Newsletter</h4>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-md-6">
                    <div class="footer-eight-top-wrap">
                        <div class="subscribe-six-input">
                            <input type="text" placeholder="Enter Your Email">
                            <div class="subscribe-six-button subscribe-eight-button">
                                <button
                                    class="btn--primary btn-six-primary d-none d-md-flex text-white fw-medium rounded-5">Subscribe
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-6 col-md-6">
                    <div class="footer-eight-top-info position-relative call">
                        <div class="footer-eight-top-icon">
                            <span><i class="fa-solid fa-phone"></i></span>
                        </div>
                        <div class="footer-eight-top-info-con">
                            <p>Hotline Order</p>
                            <a href="tell:1834123456789">+1834 123 456 789</a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-6 col-md-6">
                    <div class="footer-eight-top-info position-relative gamil">
                        <div class="footer-eight-top-icon">
                            <span><i class="fa-regular fa-envelope"></i></span>
                        </div>
                        <div class="footer-eight-top-info-con">
                            <p>Email us</p>
                            <a href="mailto:support@example.com">support@example.com</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row gutter-60">
            <div class="col-12 col-md-6 col-xl-3">
                <div class="footer-two__widget" data-aos="fade-up" data-aos-duration="1000">
                    <div class="footer-two__widget-logo">
                        <a href="{{ route('home') }}">
                            <img src="{{ asset('assets/images/footer-eight-logo.png') }}" alt="Image">
                        </a>
                    </div>
                    <div class="footer-two__widget-content">
                        <p class="text-white fw-light">Our secure online donation platform allows you to make
                            contributions quickly and
                            safely. Choose from various.
                        </p>
                        <div class="social">
                            <a href="https://www.facebook.com/" target="_blank" aria-label="share us on facebook"
                                title="facebook">
                                <i class="fa-brands fa-facebook-f"></i>
                            </a>
                            <a href="https://vimeo.com/" target="_blank" aria-label="share us on vimeo" title="vimeo">
                                <i class="fa-brands fa-vimeo-v"></i>
                            </a>
                            <a href="https://x.com/" target="_blank" aria-label="share us on twitter" title="twitter">
                                <i class="fa-brands fa-twitter"></i>
                            </a>
                            <a href="https://www.linkedin.com/" target="_blank" aria-label="share us on linkedin"
                                title="linkedin">
                                <i class="fa-brands fa-linkedin-in"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-xl-2 offset-xl-1">
                <div class="footer-two__widget" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                    <div class="footer-two__widget-intro">
                        <h5>Quick Links</h5>
                        <div class="line">
                            <span class="large-line"></span>
                            <span class="small-line"></span>
                            <span class="small-line"></span>
                        </div>
                    </div>
                    <div class="footer-two__widget-content">
                        <ul>
                            <li><a class="text-white" href="{{ route('about') }}"><span><img
                                            src="{{ asset('assets/images/icon/footer-eight-arrow.svg') }}" alt="arrow"></span> About
                                    Us</a>
                            </li>
                            <li><a class="text-white" href="{{ route('blog') }}"><span><img
                                            src="{{ asset('assets/images/icon/footer-eight-arrow.svg') }}" alt="arrow"></span> Our
                                    News</a>
                            </li>
                            <li><a class="text-white" href="{{ route('our.causes') }}"><span><img
                                            src="{{ asset('assets/images/icon/footer-eight-arrow.svg') }}" alt="arrow"></span> Our
                                    Campaign</a>
                            </li>
                            <li><a class="text-white" href="{{ route('faq') }}"><span><img
                                            src="{{ asset('assets/images/icon/footer-eight-arrow.svg') }}" alt="arrow"></span>
                                    FAQ</a></li>
                            <li><a class="text-white" href="{{ route('contact') }}"><span><img
                                            src="{{ asset('assets/images/icon/footer-eight-arrow.svg') }}" alt="arrow"></span> Get A
                                    Quote</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-xl-3">
                <div class="footer-two__widget footer-two__widget--alternate" data-aos="fade-up"
                    data-aos-duration="1000" data-aos-delay="400">
                    <div class="footer-two__widget-intro">
                        <h5>Our Services</h5>
                        <div class="line">
                            <span class="large-line"></span>
                            <span class="small-line"></span>
                            <span class="small-line"></span>
                        </div>
                    </div>
                    <div class="footer-two__widget-content">
                        <ul>
                            <li><a class="text-white" href="{{ route('our.causes') }}"><span><img
                                            src="{{ asset('assets/images/icon/footer-eight-arrow.svg') }}" alt="arrow"></span> Our
                                    Causes</a>
                            </li>
                            <li><a class="text-white" href="{{ route('events') }}"><span><img
                                            src="{{ asset('assets/images/icon/footer-eight-arrow.svg') }}" alt="arrow"></span>
                                    Education
                                    Support</a>
                            </li>
                            <li><a class="text-white" href="{{ route('our.causes') }}"><span><img
                                            src="{{ asset('assets/images/icon/footer-eight-arrow.svg') }}" alt="arrow"></span> Our
                                    Campaign</a>
                            </li>
                            <li><a class="text-white" href="{{ route('our.causes') }}"><span><img
                                            src="{{ asset('assets/images/icon/footer-eight-arrow.svg') }}" alt="arrow"></span>
                                    Food
                                    Support</a>
                            </li>
                            <li><a class="text-white" href="{{ route('our.causes') }}"><span><img
                                            src="{{ asset('assets/images/icon/footer-eight-arrow.svg') }}" alt="arrow"></span>
                                    Health
                                    Support</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 col-xl-3">
                <div class="footer-two__widget footer-two__widget--alternate" data-aos="fade-up"
                    data-aos-duration="1000" data-aos-delay="600">
                    <div class="footer-two__widget-intro">
                        <h5>Get In Touch</h5>
                        <div class="line">
                            <span class="large-line"></span>
                            <span class="small-line"></span>
                            <span class="small-line"></span>
                        </div>
                    </div>
                    <div class="footer-two__widget-content footer-two__widget-content--contact">
                        <ul>
                            <li><a class="text-white" href="https://maps.app.goo.gl/Gr9pTNqz5FRNrjQw8"
                                    target="_blank"><i class="fa-solid fa-location-dot"></i>455 West Orchard Street
                                    Kings
                                    Mountain, NC 280867</a>
                            </li>
                            <li><a class="text-white" href="tel:2305-587-3407"><i class="fa-solid fa-phone"></i>+088
                                    (246)
                                    642-27-10</a>
                            </li>
                            <li><a class="text-white" href="mailto:support@example.com"><i
                                        class="fa-regular fa-envelope"></i>example@email.com</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-two__copyright footer-six-copyright">
        <div class="container">
            <div class="row align-items-center gutter-12 footer-six-copyright-border position-relative">
                <div class="col-12 col-lg-6">
                    <div class="footer-two__copyright-inner text-center text-lg-start">
                        <p>Copyright &copy; <span id="copyrightYear"></span> <a href="{{ route('home') }}">Charifund</a>.
                            All rights
                            reserved.
                        </p>
                    </div>
                </div>
                <div class="col-12 col-lg-6">
                    <div class="footer__bottom-left">
                        <ul class="footer__bottom-list justify-content-center justify-content-lg-end">
                            <li><a href="{{ route('terms.conditions') }}">Terms & Conditions</a></li>
                            <li><a href="{{ route('privacy.policy') }}">Privacy Policy</a></li>
                            <li><a href="{{ route('privacy.policy') }}">Cookie Settings</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-six-bg-shape">
        <img class="footer-six-bg-shape-1" src="{{ asset('assets/images/footer-six-bg-shape1.png') }}" alt="shape">
        <img class="footer-six-bg-shape-2" src="{{ asset('assets/images/footer-six-bg-shape2.png') }}" alt="shape">
        <img class="footer-six-bg-shape-3" src="{{ asset('assets/images/footer-six-bg-shape3.png') }}" alt="shape">
    </div>
</footer>
<!-- ==== footer end ==== -->

<!-- ==== custom cursor start ==== -->
<div class="mouseCursor cursor-outer"></div>
<div class="mouseCursor cursor-inner"></div>
<!-- ==== / custom cursor end ==== -->
<!-- ==== scroll to top start ==== -->
<button class="progress-wrap" aria-label="scroll indicator" title="back to top">
    <span></span>
    <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" />
    </svg>
</button>
<!-- ==== / scroll to top end ==== -->
<!-- ==== color switcher start ==== -->
<div class="color-palate">
    <button class="color-trigger">
        <i class="fa-solid fa-gear"></i>
    </button>
    <button class="close-color-trigger">
        <i class="fa-solid fa-xmark"></i>
    </button>
    <div class="color-palate-inner">
        <div class="various-color clearfix">
            <h6>Multiple Colors</h6>
            <br>
            <div class="colors-list">
                <span class="palate default-color active" data-theme-file="{{ asset('assets/css/default-theme.css') }}"></span>
                <span class="palate blue-color" data-theme-file="{{ asset('assets/css/blue-theme.css') }}"></span>
                <span class="palate brown-color" data-theme-file="{{ asset('assets/css/brown-theme.css') }}"></span>
                <span class="palate green-color" data-theme-file="{{ asset('assets/css/green-theme.css') }}"></span>
                <span class="palate orange-color" data-theme-file="{{ asset('assets/css/orange-theme.css') }}"></span>
                <span class="palate purple-color" data-theme-file="{{ asset('assets/css/purple-theme.css') }}"></span>
                <span class="palate teal-color" data-theme-file="{{ asset('assets/css/teal-theme.css') }}"></span>
                <span class="palate yellow-color" data-theme-file="{{ asset('assets/css/yellow-theme.css') }}"></span>
            </div>
        </div>
        <h6>RTL Version</h6>
        <ul class="rtl-version option-box">
            <li class="rtl">RTL Version</li>
            <li>LTR Version</li>
        </ul>
        <h6>Boxed Version</h6>
        <ul class="box-version option-box">
            <li class="box">Boxed</li>
            <li>Full width</li>
        </ul>
        <h6>Sticky Header</h6>
        <ul class="header-version option-box">
            <li class="box">Yes</li>
            <li>No</li>
        </ul>
        <h6>Dark Verion</h6>
        <ul class="dark-version option-box">
            <li class="box">Yes</li>
            <li>No</li>
        </ul>
        <div class="purchase-box">
            <p>You will find much more options for colors and styling in admin panel. This color picker is used
                only for demonstration purposes.
            </p>
            <a href="{{ route('home') }}" class="purchase-box__btn">buy now</a>
        </div>
    </div>
</div>
<!-- ==== / color switcher end ==== -->
