<!-- ==== header start ==== -->
<header class="header header-eight-area">
    <div class="container-fluid gx-0">
        <div class="row">
            <div class="col-12">
                <div class="main-header__menu-box">
                    <nav class="navbar p-0">
                        <div class="navbar-logo">
                            <a href="<?php echo e(route('home')); ?>">
                                <img src="<?php echo e(asset('assets/images/logo-eight.png')); ?>" alt="Logo">
                            </a>
                        </div>
                        <div class="navbar__options">

                            <div class="header-eight-navbar-space d-flex justify-content-end">
                                <div class="navbar__menu d-none d-xl-block">
                                    <ul class="navbar__list">
                                        <li class="navbar__item navbar__item--has-children nav-fade">
                                            <a href="#" aria-label="dropdown menu"
                                                class="navbar__dropdown-label dropdown-label-alter">Home</a>
                                            <ul class="navbar__sub-menu mega-menu">
                                                <li>
                                                    <div class="mega-content-wrapper">
                                                        <img src="<?php echo e(asset('assets/images/home-one.png')); ?>" alt="Image">
                                                        <div class="mega-content">
                                                            <a href="<?php echo e(route('home')); ?>" class="btn--primary">View</a>
                                                        </div>
                                                    </div>
                                                    <a href="<?php echo e(route('home')); ?>">Home One</a>
                                                </li>
                                                <li>
                                                    <div class="mega-content-wrapper">
                                                        <img src="<?php echo e(asset('assets/images/home-two.png')); ?>" alt="Image">
                                                        <div class="mega-content">
                                                            <a href="<?php echo e(route('indexTwo')); ?>" class="btn--primary">View</a>
                                                        </div>
                                                    </div>
                                                    <a href="<?php echo e(route('indexTwo')); ?>">Home Two</a>
                                                </li>
                                                <li>
                                                    <div class="mega-content-wrapper">
                                                        <img src="<?php echo e(asset('assets/images/home-three.png')); ?>" alt="Image">
                                                        <div class="mega-content">
                                                            <a href="<?php echo e(route('indexThree')); ?>"
                                                                class="btn--primary">View</a>
                                                        </div>
                                                    </div>
                                                    <a href="<?php echo e(route('indexThree')); ?>">Home Three</a>
                                                </li>
                                                <li>
                                                    <div class="mega-content-wrapper">
                                                        <img src="<?php echo e(asset('assets/images/home-four.png')); ?>" alt="Image">
                                                        <div class="mega-content">
                                                            <a href="<?php echo e(route('indexFour')); ?>" class="btn--primary">View</a>
                                                        </div>
                                                        <span class="new">New</span>
                                                    </div>
                                                    <a href="<?php echo e(route('indexFour')); ?>">Home Four</a>
                                                </li>
                                                <li>
                                                    <div class="mega-content-wrapper">
                                                        <img src="<?php echo e(asset('assets/images/home-five.png')); ?>" alt="Image">
                                                        <div class="mega-content">
                                                            <a href="<?php echo e(route('indexFive')); ?>" class="btn--primary">View</a>
                                                        </div>
                                                        <span class="new">New</span>
                                                    </div>
                                                    <a href="<?php echo e(route('indexFive')); ?>">Home Five</a>
                                                </li>

                                                <li>
                                                    <div class="mega-content-wrapper">
                                                        <img src="<?php echo e(asset('assets/images/home-six.png')); ?>" alt="Image">
                                                        <div class="mega-content">
                                                            <a href="<?php echo e(route('indexSix')); ?>" class="btn--primary">View</a>
                                                        </div>
                                                        <span class="new">New</span>
                                                    </div>
                                                    <a href="<?php echo e(route('indexSix')); ?>">Home Six</a>
                                                </li>

                                                <li>
                                                    <div class="mega-content-wrapper">
                                                        <img src="<?php echo e(asset('assets/images/home-seven.png')); ?>" alt="Image">
                                                        <div class="mega-content">
                                                            <a href="<?php echo e(route('indexSeven')); ?>"
                                                                class="btn--primary">View</a>
                                                        </div>
                                                        <span class="new">New</span>
                                                    </div>
                                                    <a href="<?php echo e(route('indexSeven')); ?>">Home Seven</a>
                                                </li>
                                                <li>
                                                    <div class="mega-content-wrapper">
                                                        <img src="<?php echo e(asset('assets/images/home-eight.png')); ?>" alt="Image">
                                                        <div class="mega-content">
                                                            <a href="<?php echo e(route('indexEight')); ?>"
                                                                class="btn--primary">View</a>
                                                        </div>
                                                        <span class="new">New</span>
                                                    </div>
                                                    <a href="<?php echo e(route('indexEight')); ?>">Home Eight</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="navbar__item nav-fade">
                                            <a href="<?php echo e(route('about')); ?>">About Us</a>
                                        </li>
                                        <li class="navbar__item navbar__item--has-children nav-fade">
                                            <a href="#" aria-label="dropdown menu"
                                                class="navbar__dropdown-label dropdown-label-alter">Causes</a>
                                            <ul class="navbar__sub-menu">
                                                <li>
                                                    <a href="<?php echo e(route('our.causes')); ?>">Our Causes</a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(route('cause.details')); ?>">Cause Details</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="navbar__item navbar__item--has-children nav-fade">
                                            <a href="#" aria-label="dropdown menu"
                                                class="navbar__dropdown-label dropdown-label-alter">Pages</a>
                                            <ul class="navbar__sub-menu">
                                                <li>
                                                    <a href="<?php echo e(route('faq')); ?>">FAQ</a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(route('donate.us')); ?>">Donate Us</a>
                                                </li>
                                                <li class="navbar__item navbar__item--has-children">
                                                    <a aria-label="dropdown menu"
                                                        class="navbar__dropdown-label navbar__dropdown-label-sub">Events</a>
                                                    <ul class="navbar__sub-menu navbar__sub-menu__nested">
                                                        <li>
                                                            <a href="<?php echo e(route('events')); ?>">Events</a>
                                                        </li>
                                                        <li>
                                                            <a href="<?php echo e(route('events.details')); ?>">Event Details</a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="navbar__item navbar__item--has-children">
                                                    <a aria-label="dropdown menu"
                                                        class="navbar__dropdown-label navbar__dropdown-label-sub">Shop</a>
                                                    <ul class="navbar__sub-menu navbar__sub-menu__nested">
                                                        <li>
                                                            <a href="<?php echo e(route('shop')); ?>">Our Shop</a>
                                                        </li>
                                                        <li>
                                                            <a href="<?php echo e(route('product.details')); ?>">Product Details</a>
                                                        </li>
                                                        <li>
                                                            <a href="<?php echo e(route('cart')); ?>">View Cart</a>
                                                        </li>
                                                        <li>
                                                            <a href="<?php echo e(route('checkout')); ?>">Cehckout</a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="navbar__item navbar__item--has-children">
                                                    <a aria-label="dropdown menu"
                                                        class="navbar__dropdown-label navbar__dropdown-label-sub">Team</a>
                                                    <ul class="navbar__sub-menu navbar__sub-menu__nested">
                                                        <li>
                                                            <a href="<?php echo e(route('our.team')); ?>">Our Teams</a>
                                                        </li>
                                                        <li>
                                                            <a href="<?php echo e(route('team.details')); ?>">Team Details</a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(route('not.found')); ?>">Error</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="navbar__item navbar__item--has-children nav-fade">
                                            <a href="#" aria-label="dropdown menu"
                                                class="navbar__dropdown-label dropdown-label-alter">News</a>
                                            <ul class="navbar__sub-menu">
                                                <li>
                                                    <a href="<?php echo e(route('blog')); ?>">News List View</a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(route('blog.grid')); ?>">News Grid View</a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(route('blog.details')); ?>">News Details</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="navbar__item nav-fade">
                                            <a href="<?php echo e(route('contact')); ?>">Contact Us</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="contact-btn">
                                <div class="contact-icon">
                                    <span><img src="<?php echo e(asset('assets/images/icon/telk-eight-icon.svg')); ?>" alt="icon"></span>
                                </div>
                                <div class="contact-content">
                                    <p>Call us any time:</p>
                                    <a href="tel:163-3654-7896">+163-3654-7896 </a>
                                </div>
                            </div>
                            <div class="search-box">
                                <button class="open-search" aria-label="search products" title="open search box">
                                    <i class="fa-solid fa-magnifying-glass"></i>
                                </button>
                            </div>
                            <div class="navbar__mobile-options ">
                                <a href="<?php echo e(route('contact')); ?>"
                                    class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-white fw-medium">Donate
                                    now</a>
                            </div>
                            <button class="open-offcanvas-nav d-flex d-xl-none" aria-label="toggle mobile menu"
                                title="open offcanvas menu">
                                <span class="icon-bar top-bar"></span>
                                <span class="icon-bar middle-bar"></span>
                                <span class="icon-bar bottom-bar"></span>
                            </button>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- ==== / header end ==== -->

<!-- ==================== Mobile Menu Start Here ==================== -->
<?php echo $__env->make('frontend.includes.partials.navbar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<!-- ==================== Mobile Menu End Here ==================== -->

<!-- ==== search popup start ==== -->
<div class="search-popup">
    <button class="close-search" aria-label="close search box" title="close search box">
        <i class="fa-solid fa-xmark"></i>
    </button>
    <form action="#" method="post">
        <div class="search-popup__group">
            <input type="text" name="search-field" id="searchField" placeholder="Search...." required>
            <button type="submit" aria-label="search products" title="search products">
                <i class="fa-solid fa-magnifying-glass"></i>
            </button>
        </div>
    </form>
</div>
<!-- ==== / search popup end ==== -->

<!-- ==== off canvas start ==== -->
<div class="off-canvas d-none d-xl-block">
    <div class="off-canvas__inner">
        <div class="off-canvas__head">
            <a href="<?php echo e(route('home')); ?>">
                <img src="<?php echo e(asset('assets/images/logo.png')); ?>" alt="Logo">
            </a>
            <button aria-label="close off canvas" class="off-canvas-close">
                <i class="fa-solid fa-xmark"></i>
            </button>
        </div>
        <div class="offcanvas__search">
            <form action="#">
                <input type="text" placeholder="What are you searching for?" required>
                <button type="submit">
                    <i class="icon-search"></i>
                </button>
            </form>
        </div>
        <div class="off-canvas__contact">
            <h5>Contact Info</h5>
            <div class="single">
                <span>
                    <i class="fa-solid fa-phone-volume"></i>
                </span>
                <a href="tel:253-556-7777">(+1) 253 556-7777</a>
            </div>
            <div class="single">
                <span>
                    <i class="fa-solid fa-envelope"></i>
                </span>
                <a href="mailto:example@support.com">example@support.com</a>
            </div>
            <div class="single">
                <span>
                    <i class="fa-solid fa-location-dot"></i>
                </span>
                <a target="_blank"
                    href="https://www.google.com/maps/place/Narbethong+QLD+4725,+Australia/@-23.8173641,145.3223283,11z/data=!3m1!4b1!4m15!1m8!3m7!1s0x2b2bfd076787c5df:0x538267a1955b1352!2sAustralia!3b1!8m2!3d-25.274398!4d133.775136!16zL20vMGNoZ2h5!3m5!1s0x6bcacfb51d7e5257:0x400eef17f209750!8m2!3d-23.8656897!4d145.5354411!16s%2Fg%2F1wd3w6zw">
                    Narbethong
                    Queensland 4725
                    Australia
                </a>
            </div>
        </div>
        <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 class="off-canvas-backdrop"></div>
<!-- ==== / off canvas end ==== -->
<!-- ==== sidebar cart start ==== -->
<div class="sidebar-cart">
    <div class="der">
        <button class="close-cart">
            <span class="close-icon">X</span>
        </button>
        <h2>
            Shopping Bag
            <span class="count">2</span>
        </h2>
        <div class="cart-items">
            <div class="cart-item-single">
                <div class="cart-item-thumb">
                    <a href="service-details.html">
                        <img src="<?php echo e(asset('assets/images/cart.jpg')); ?>" alt="Image">
                    </a>
                </div>
                <div class="cart-item-content">
                    <h6 class="h6 title-anim">
                        <a href="service-details.html">Product One</a>
                    </h6>
                    <p class="price">
                        $
                        <span class="item-price">34.99</span>
                    </p>
                    <div class="measure">
                        <button aria-label="decrease item" class="quantity-decrease">
                            <i class="fa-solid fa-minus"></i>
                        </button>
                        <span class="item-quantity">0</span>
                        <button aria-label="add item" class="quantity-increase">
                            <i class="fa-solid fa-plus"></i>
                        </button>
                    </div>
                </div>
                <button aria-label="delete item" class="delete-item">
                    <i class="fa-solid fa-trash"></i>
                </button>
            </div>
            <div class="cart-item-single">
                <div class="cart-item-thumb">
                    <a href="service-details.html">
                        <img src="<?php echo e(asset('assets/images/cart.jpg')); ?>" alt="Image">
                    </a>
                </div>
                <div class="cart-item-content">
                    <h6 class="h6 title-anim">
                        <a href="service-details.html">Product Two</a>
                    </h6>
                    <p class="price">
                        $
                        <span class="item-price">34.99</span>
                    </p>
                    <div class="measure">
                        <button aria-label="decrease item" class="quantity-decrease">
                            <i class="fa-solid fa-minus"></i>
                        </button>
                        <span class="item-quantity">0</span>
                        <button aria-label="add item" class="quantity-increase">
                            <i class="fa-solid fa-plus"></i>
                        </button>
                    </div>
                </div>
                <button aria-label="delete item" class="delete-item">
                    <i class="fa-solid fa-trash"></i>
                </button>
            </div>
        </div>
        <div class="totals">
            <div class="subtotal">
                <span class="label">Subtotal:</span>
                <span class="amount ">
                    $
                    <span class="total-price">0.00</span>
                </span>
            </div>
        </div>
        <div class="action-buttons">
            <a class="view-cart-button" href="<?php echo e(route('cart')); ?>" aria-label="go to cart">Cart</a>
            <a class="checkout-button" href="<?php echo e(route('checkout')); ?>" aria-label="go to checkout">
                Checkout
                <i class="fa-solid fa-arrow-right-long"></i>
            </a>
        </div>
    </div>
</div>
<div class="cart-backdrop"></div>
<!-- ==== / sidebar cart end ==== -->
<?php /**PATH D:\laragon\www\charifund\resources\views/frontend/includes/headers/headerEight.blade.php ENDPATH**/ ?>