@extends('frontend.layouts.app')
@section('title', 'Index Seven')
@section('content')

    <!-- ============================ header area ============================ -->
    @include('frontend.includes.headers.headerSeven')
    <!-- ============================ header area end ============================ -->

    <!-- ==== Banner start ==== -->
    <section class="banner-seven-area position-relative z-1">
        <div class="container-fluid gx-0">
            <div class="row align-items-center">
                <div class="col-xl-6">
                    <div class="banner-seven-wrapper position-relative z-1">
                        <div class="banner-seven-content">
                            <h1 class="banner-seven-title char-animation">Charity <br> For People</h1>
                        </div>
                        <div class="banner-seven-button">
                            <a href="{{ route('contact') }}"
                                class="btn-seven-primary btn--primary btn-six-primary d-none d-md-flex fw-medium rounded-5">Check
                                your causes <span><img src="{{ asset('assets/images/icon/arrow-btn-seven.svg') }}"
                                        alt="arrow"></span></a>
                            <a class="banner-seven-btn" href="{{ route('contact') }}">Join our Community</a>
                        </div>
                        <div class="banner-seven-descri">
                            <p class="banner-seven-paragraph">We offer dental services at a perfect
                                highly innovative level, with dental
                                guarantee for all treatments.</p>
                        </div>
                        <div class="banner-seven-wrapper-shape">
                            <img class="banner-seven-wrapper-shape-1" src="{{ asset('assets/images/banner/banner-seven-shape1.png') }}"
                                alt="shape">
                            <img class="banner-seven-wrapper-shape-2" src="{{ asset('assets/images/banner/banner-seven-shape2.png') }}"
                                alt="shape">
                            <img class="banner-seven-wrapper-shape-4" src="{{ asset('assets/images/banner/banner-seven-shape4.png') }}"
                                alt="shape">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="banner-seven-slide overflow-hidden">
                        <div class="banner-seven-active swiper-container">
                            <div class="swiper-wrapper banner-seven-titming">

                                <!-- slide 1 -->
                                <div class="banner-seven-wrapper swiper-slide">
                                    <div class="banner-seven-thumb">
                                        <img src="{{ asset('assets/images/banner/banner-seven-thumb1.jpg') }}" alt="thumb">
                                    </div>
                                </div>
                                <!-- slide 1 -->
                                <div class="banner-seven-wrapper swiper-slide">
                                    <div class="banner-seven-thumb">
                                        <img src="{{ asset('assets/images/banner/banner-seven-thumb2.jpg') }}" alt="thumb">
                                    </div>
                                </div>
                                <!-- slide 1 -->
                                <div class="banner-seven-wrapper swiper-slide">
                                    <div class="banner-seven-thumb">
                                        <img src="{{ asset('assets/images/banner/banner-seven-thumb3.jpg') }}" alt="thumb">
                                    </div>
                                </div>
                                <!-- slide 1 -->
                                <div class="banner-seven-wrapper swiper-slide">
                                    <div class="banner-seven-thumb">
                                        <img src="{{ asset('assets/images/banner/banner-seven-thumb1.jpg') }}" alt="thumb">
                                    </div>
                                </div>
                                <!-- slide 1 -->
                                <div class="banner-seven-wrapper swiper-slide">
                                    <div class="banner-seven-thumb">
                                        <img src="{{ asset('assets/images/banner/banner-seven-thumb2.jpg') }}" alt="thumb">
                                    </div>
                                </div>
                                <div class="banner-seven-wrapper swiper-slide">
                                    <div class="banner-seven-thumb">
                                        <img src="{{ asset('assets/images/banner/banner-seven-thumb3.jpg') }}" alt="thumb">
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner-seven-bg-shape">
            <img class="banner-seven-bg-shape-1" src="{{ asset('assets/images/banner/banner-seven-shape3.png') }}" alt="shape">
            <img class="banner-seven-bg-shape-2" src="{{ asset('assets/images/banner/banner-seven-shape5.png') }}" alt="shape">
            <img class="banner-seven-bg-shape-3" src="{{ asset('assets/images/banner/banner-seven-bottom.png') }}" alt="shape">
        </div>
    </section>
    <!-- ==== Banner end ==== -->


    <!-- ==== About start ==== -->
    <section class="about-seven-area position-relative z-1">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-8">
                    <div class="section-seven-wrapper text-center mb-5">
                        <h2 class="section-seven-title char-animation"> Shelter of Love, Compassion,
                            and New Beginnings</h2>
                        <p class="section-seven-paragraph">communication and utilizes cutting edge logistic
                            planning to get your shipment completed on time. itself
                            founded of backgrounds, which simply.</p>
                    </div>
                </div>
            </div>
            <div class="position-relative z-1">
                <div class="row align-items-center">
                    <div class="col-xl-6 col-lg-6">
                        <div class="about-seven-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                            <h3 class="about-seven-title">Work
                                Departmtnet</h3>
                            <div class="about-seven-list">
                                <ul>
                                    <li> <a href="{{ route('cause.details') }}">Safe Shelter</a></li>
                                    <li> <a href="{{ route('cause.details') }}">Nutritious Meals</a></li>
                                    <li> <a href="{{ route('cause.details') }}">Clothing Distribution</a></li>
                                    <li> <a href="{{ route('cause.details') }}">24/7 Supervision & Care</a></li>
                                    <li> <a href="{{ route('cause.details') }}">Orphan Care</a></li>
                                    <li> <a href="{{ route('cause.details') }}">Free Education</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6">
                        <div class="about-seven-wrap" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                            <div class="about-seven-thumb">
                                <img src="{{ asset('assets/images/about-seven-thumb.jpg') }}" alt="thumb">
                            </div>
                            <div class="about-seven-counter">
                                <h2><span class="odometer" data-odometer-final="10"></span><span>+</span></h2>
                                <p>years of experinece</p>
                            </div>
                        </div>
                    </div>
                    <div class="about-seven-shape">
                        <img src="{{ asset('assets/images/about-seven-love.png') }}" alt="love">
                    </div>
                </div>
            </div>
        </div>
        <div class="about-seven-bg-shape">
            <img class="about-seven-bg-shape-1" src="{{ asset('assets/images/about-seven-bg-shape1.png') }}" alt="shape">
            <img class="about-seven-bg-shape-2" src="{{ asset('assets/images/about-seven-bg-shape2.png') }}" alt="shape">
        </div>
    </section>
    <!-- ==== About end ==== -->


    <!-- ==== Childhood start ==== -->
    <section class="childhood-seven-area position-relative z-1">
        <div class="childhood-seven-top">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-7 col-lg-10">
                        <div class="section-seven-wrapper mb-5" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="200">
                            <h2 class="section-seven-title text-white char-animation">Save childhood dreams
                                and Africa’s hope</h2>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-8">
                        <div class="childhood-top-descrip" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="300">
                            <p class="section-seven-paragraph text-white">Welcome to Marcus Medical, your pathway to
                                natural looking results from industry-leading injectors and plastic surgeons South Bay. We
                                invite you to come discover why we are the</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="childhood-seven-top">
            <div class="container-fluid gx-5">
                <div class="row">
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="childhood-seven-main-wrapper" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="200">
                            <div class="childhood-seven-wrapper position-relative z-1 overflow-hidden">
                                <div class="childhood-seven-thumb">
                                    <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/childhood-seven-thumb2.jpg') }}"
                                            alt="thumb"></a>
                                </div>
                                <div class="childhood-seven-button">
                                    <a class="tw-theme-btn arrow-btn" href="#"> Read more
                                        <span class="icon_box">
                                            <i class="icon_first fa-solid fa-arrow-right"></i>
                                            <i class="icon_second fa-solid fa-arrow-right"></i>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div class="childhood-seven-content">
                                <h4 class="childhood-seven-title"><a href="#">Healthcare Services</a></h4>
                                <p class="childhood-seven-paragraph">communication and utilizes cutting edge logistic
                                    planning to get your shipment completed.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="childhood-seven-main-wrapper" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="300">
                            <div class="childhood-seven-wrapper position-relative z-1 overflow-hidden">
                                <div class="childhood-seven-thumb">
                                    <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/childhood-seven-thumb2.jpg') }}"
                                            alt="thumb"></a>
                                </div>
                                <div class="childhood-seven-button">
                                    <a class="tw-theme-btn arrow-btn" href="#"> Read more
                                        <span class="icon_box">
                                            <i class="icon_first fa-solid fa-arrow-right"></i>
                                            <i class="icon_second fa-solid fa-arrow-right"></i>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div class="childhood-seven-content">
                                <h4 class="childhood-seven-title"><a href="#">Emotional Needs</a></h4>
                                <p class="childhood-seven-paragraph">communication and utilizes cutting edge logistic
                                    planning to get your shipment completed.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="childhood-seven-main-wrapper" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="400">
                            <div class="childhood-seven-wrapper position-relative z-1 overflow-hidden">
                                <div class="childhood-seven-thumb">
                                    <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/childhood-seven-thumb2.jpg') }}"
                                            alt="thumb"></a>
                                </div>
                                <div class="childhood-seven-button">
                                    <a class="tw-theme-btn arrow-btn" href="#"> Read more
                                        <span class="icon_box">
                                            <i class="icon_first fa-solid fa-arrow-right"></i>
                                            <i class="icon_second fa-solid fa-arrow-right"></i>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div class="childhood-seven-content">
                                <h4 class="childhood-seven-title"><a href="#">Child & elder care</a></h4>
                                <p class="childhood-seven-paragraph">communication and utilizes cutting edge logistic
                                    planning to get your shipment completed.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="childhood-seven-main-wrapper" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="500">
                            <div class="childhood-seven-wrapper position-relative z-1 overflow-hidden">
                                <div class="childhood-seven-thumb">
                                    <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/childhood-seven-thumb2.jpg') }}"
                                            alt="thumb"></a>
                                </div>
                                <div class="childhood-seven-button">
                                    <a class="tw-theme-btn arrow-btn" href="#"> Read more
                                        <span class="icon_box">
                                            <i class="icon_first fa-solid fa-arrow-right"></i>
                                            <i class="icon_second fa-solid fa-arrow-right"></i>
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <div class="childhood-seven-content">
                                <h4 class="childhood-seven-title"><a href="#">Sponshorship Program</a></h4>
                                <p class="childhood-seven-paragraph">communication and utilizes cutting edge logistic
                                    planning to get your shipment completed.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="childhood-seven-bg-shape">
            <img class="childhood-seven-bg-shape-1" src="{{ asset('assets/images/childhood-seven-bg-shape.png') }}" alt="shape">
            <img class="childhood-seven-bg-shape-2" src="{{ asset('assets/images/childhood-seven-bg-shape2.png') }}" alt="shape">
        </div>
    </section>
    <!-- ==== Childhood end ==== -->


    <!-- ==== Cause slider section start ==== -->
    <section class="cause cause-seven-area">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-8">
                    <div class="section-seven-wrapper text-center mb-5" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="200">
                        <h2 class="section-seven-title char-animation"> Shelter of Love, Compassion,
                            and New Beginnings</h2>
                        <p class="section-seven-paragraph">communication and utilizes cutting edge logistic planning to get
                            your shipment completed
                            on time. itself founded of backgrounds, which simply.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="cause__slider-wrapper position-relative z-1" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="200">
                        <div class="cause-seven-active swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="{{ route('cause.details') }}">
                                                    <img src="{{ asset('assets/images/cause/cause-seven-thumb1.jpg') }}" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="{{ route('our.causes') }}">Health</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="{{ route('cause.details') }}">Every Life Matters – Here’s
                                                        How We Help</a></h6>
                                                <p>We provide daily meals and run food drives to ensure
                                                    child or elder in our community goes to bed.
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">85%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="85%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="{{ route('cause.details') }}">
                                                    <img src="{{ asset('assets/images/cause/cause-seven-thumb2.jpg') }}" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="{{ route('our.causes') }}">Food</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="{{ route('cause.details') }}">Every Life Matters – Here’s
                                                        How We Help</a></h6>
                                                <p>We provide daily meals and run food drives to ensure
                                                    child or elder in our community goes to bed.
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">90%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="90%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="{{ route('cause.details') }}">
                                                    <img src="{{ asset('assets/images/cause/cause-seven-thumb3.jpg') }}" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="{{ route('our.causes') }}">Health</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="{{ route('cause.details') }}">Every Life Matters – Here’s
                                                        How We Help</a></h6>
                                                <p>We provide daily meals and run food drives to ensure
                                                    child or elder in our community goes to bed.
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">75%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="75%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="{{ route('cause.details') }}">
                                                    <img src="{{ asset('assets/images/cause/cause-seven-thumb1.jpg') }}" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="{{ route('our.causes') }}">Health</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="{{ route('cause.details') }}">Every Life Matters – Here’s
                                                        How We Help</a></h6>
                                                <p>We provide daily meals and run food drives to ensure
                                                    child or elder in our community goes to bed.
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">85%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="85%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="{{ route('cause.details') }}">
                                                    <img src="{{ asset('assets/images/cause/cause-seven-thumb2.jpg') }}" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="{{ route('our.causes') }}">Food</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="{{ route('cause.details') }}">Every Life Matters – Here’s
                                                        How We Help</a></h6>
                                                <p>We provide daily meals and run food drives to ensure
                                                    child or elder in our community goes to bed.
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">90%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="90%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="{{ route('cause.details') }}">
                                                    <img src="{{ asset('assets/images/cause/cause-seven-thumb3.jpg') }}" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="{{ route('our.causes') }}">Health</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="{{ route('cause.details') }}">Every Life Matters – Here’s
                                                        How We Help</a></h6>
                                                <p>We provide daily meals and run food drives to ensure
                                                    child or elder in our community goes to bed.
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">75%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="75%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="{{ route('cause.details') }}">
                                                    <img src="{{ asset('assets/images/cause/cause-seven-thumb1.jpg') }}" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="{{ route('our.causes') }}">Health</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="{{ route('cause.details') }}">Every Life Matters – Here’s
                                                        How We Help</a></h6>
                                                <p>We provide daily meals and run food drives to ensure
                                                    child or elder in our community goes to bed.
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">85%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="85%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="{{ route('cause.details') }}">
                                                    <img src="{{ asset('assets/images/cause/cause-seven-thumb2.jpg') }}" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="{{ route('our.causes') }}">Food</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="{{ route('cause.details') }}">Every Life Matters – Here’s
                                                        How We Help</a></h6>
                                                <p>We provide daily meals and run food drives to ensure
                                                    child or elder in our community goes to bed.
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">90%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="90%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="cause__slider-inner">
                                        <div class="cause__slider-single">
                                            <div class="thumb">
                                                <a href="{{ route('cause.details') }}">
                                                    <img src="{{ asset('assets/images/cause/cause-seven-thumb3.jpg') }}" alt="Image">
                                                </a>
                                                <div class="tag">
                                                    <a href="{{ route('our.causes') }}">Health</a>
                                                </div>
                                            </div>
                                            <div class="content">
                                                <h6><a href="{{ route('cause.details') }}">Every Life Matters – Here’s
                                                        How We Help</a></h6>
                                                <p>We provide daily meals and run food drives to ensure
                                                    child or elder in our community goes to bed.
                                                </p>
                                            </div>
                                            <div class="cause__slider-cta">
                                                <div class="cause__progress progress-bar-single">
                                                    <div class="cause-progress__intro">
                                                        <p><span>Donation</span>
                                                            <span class="percent-value">75%</span>
                                                        </p>
                                                    </div>
                                                    <div class="cause-progress__bar">
                                                        <div class="progress-bar-wrapper" data-percent="75%">
                                                            <div class="progress-bar">
                                                                <div class="progress-bar-percent">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="cause-progress__goal">
                                                        <p>Raised: <span class="raised">$8500</span></p>
                                                        <p>Goal: <span class="goal">$1,0000</span></p>
                                                    </div>
                                                </div>
                                                <div class="cause__cta">
                                                    <a href="{{ route('donate.us') }}" aria-label="donate now" title="donate now"
                                                        class="btn--secondary">Donate Now</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="cause-seven-navigation">
                            <button type="button" class="prev-cause slider-btn">
                                <i class="fa-solid fa-arrow-left"></i>
                            </button>
                            <button type="button" class="next-cause slider-btn slider-btn-next">
                                <i class="fa-solid fa-arrow-right"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== Cause slider section end ==== -->


    <!-- ====  Counter  start ==== -->
    <section class="counter-seven-area position-relative z-1">
        <div class="container">
            <div class="row justify-content-center">
                <div class="co-xl-8">
                    <div class="row">
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                            <div class="counter-seven-wrapper" data-aos="fade-up" data-aos-duration="1000"
                                data-aos-delay="200">
                                <h2>16k</h2>
                                <p>Completed Projects</p>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                            <div class="counter-seven-wrapper" data-aos="fade-up" data-aos-duration="1000"
                                data-aos-delay="300">
                                <h2>18k</h2>
                                <p>Year Experience</p>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                            <div class="counter-seven-wrapper" data-aos="fade-up" data-aos-duration="1000"
                                data-aos-delay="400">
                                <h2>10k</h2>
                                <p>Happy Customers</p>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
                            <div class="counter-seven-wrapper" data-aos="fade-up" data-aos-duration="1000"
                                data-aos-delay="500">
                                <h2>25k</h2>
                                <p>Completed Projects</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="counter-seven-wrap text-center">
                        <h2 class="counter-seven-heading" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="200">Be volunteer?</h2>
                        <div class="counter-seven-volunteer" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="300">
                            <h2> 30+ <br>
                                <span>Volunteer</span>
                            </h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="counter-seven-bg-shape">
            <img class="counter-seven-bg-shape-1" src="{{ asset('assets/images/counter-seven-bg-shape1.png') }}" alt="shape">
            <img class="counter-seven-bg-shape-2" src="{{ asset('assets/images/counter-seven-bg-shape2.png') }}" alt="shape">
            <img class="counter-seven-bg-shape-3" src="{{ asset('assets/images/counter-seven-bg-shape3.png') }}" alt="shape">
            <img class="counter-seven-bg-shape-4" src="{{ asset('assets/images/counter-seven-bg-shape4.png') }}" alt="shape">
        </div>
    </section>
    <!-- ====  Counter  end ==== -->


    <!-- ====  Community  start ==== -->
    <section class="community community-seven-area" data-background="{{ asset('assets/images/community/community-seven-bg.jpg') }}">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-xl-6 col-lg-7">
                    <div class="community-seven-content" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="200">
                        <h2>250K+</h2>
                        <p>They donate goods to distribution centers, helping people, and ultimately
                            for people happiness</p>
                    </div>
                </div>
                <div class="col-xl-5 col-lg-8">
                    <div class="donation-form" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="donation-form__single">
                            <h5 class="text-white">Your Donation:</h5>
                            <div class="input-group-icon">
                                <div class="thumb">
                                    <i class="fa-solid fa-dollar-sign"></i>
                                </div>
                                <input type="text" name="donation-amount" id="donationAmount">
                            </div>
                            <div class="made-amount">
                                <span class="donation-amount">20</span>
                                <span class="donation-amount">50</span>
                                <span class="donation-amount active">100</span>
                                <span class="donation-amount">200</span>
                                <span class="donation-amount custom-amount">Custom</span>
                            </div>
                        </div>
                        <div class="donation-form__single">
                            <h5 class="text-white">Select Payment Method</h5>
                            <div class="radio-wrapper">
                                <div class="radio-single">
                                    <input type="radio" id="testDonation" name="donation-payment" checked>
                                    <label class="text-white" for="testDonation">Test Donation</label>
                                </div>
                                <div class="radio-single">
                                    <input type="radio" id="offlineDonation" name="donation-payment" checked>
                                    <label class="text-white" for="offlineDonation">Offline Donation</label>
                                </div>
                                <div class="radio-single">
                                    <input type="radio" id="cardDonation" name="donation-payment" checked>
                                    <label class="text-white" for="cardDonation">Credit Card</label>
                                </div>
                            </div>
                        </div>
                        <div class="cta">
                            <a href="{{ route('donate.us') }}" aria-label="donate us" title="donate us"
                                class="btn--primary">Donate Now <i class="fa-solid fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="community-seven-bg-shape">
            <img src="{{ asset('assets/images/community/community-seven-shape.png') }}" alt="shape">
        </div>
    </section>
    <!-- ====  Community  end ==== -->


    <!-- ====  Team Start ==== -->
    <section class="team-seven-area">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-7">
                    <div class="section-seven-wrapper mb-5" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="200">
                        <h2 class="section-seven-title char-animation">Community Support Member</h2>
                        <p class="section-seven-paragraph">communication and utilizes cutting edge logistic planning to get
                            your shipment completed
                            on time. itself founded of backgrounds, which simply.</p>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4">
                    <div class="team-seven-button d-flex justify-content-end mt-40" data-aos="fade-up"
                        data-aos-duration="1000" data-aos-delay="300">
                        <a href="{{ route('contact') }}"
                            class="btn-seven-primary btn--primary btn-six-primary d-none d-md-flex fw-medium rounded-5">Check
                            your causes <span><img src="{{ asset('assets/images/icon/arrow-btn-seven.svg') }}" alt="arrow"></span></a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-4 col-lg-6 col-md-6">
                    <div class="team-seven-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                        <div class="team-seven-thumb position-relative z-1">
                            <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/team/team-seven-thumb1.jpg') }}"
                                    alt="thumb"></a>
                            <div class="team-seven-wrap">
                                <h4 class="team-seven-title"><a href="{{ route('team.details') }}">Estamina Cordix</a></h4>
                                <div class="team-seven-social">
                                    <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                                    <a href="#"><i class="fa-brands fa-vimeo-v"></i></a>
                                    <a href="#"><i class="fa-brands fa-twitter"></i></a>
                                    <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-md-6">
                    <div class="team-seven-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="team-seven-thumb position-relative z-1">
                            <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/team/team-seven-thumb2.jpg') }}"
                                    alt="thumb"></a>
                            <div class="team-seven-wrap">
                                <h4 class="team-seven-title"><a href="{{ route('team.details') }}">Estamina Cordix</a></h4>
                                <div class="team-seven-social">
                                    <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                                    <a href="#"><i class="fa-brands fa-vimeo-v"></i></a>
                                    <a href="#"><i class="fa-brands fa-twitter"></i></a>
                                    <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-md-6">
                    <div class="team-seven-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
                        <div class="team-seven-thumb position-relative z-1">
                            <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/team/team-seven-thumb3.jpg') }}"
                                    alt="thumb"></a>
                            <div class="team-seven-wrap">
                                <h4 class="team-seven-title"><a href="{{ route('team.details') }}">Estamina Cordix</a></h4>
                                <div class="team-seven-social">
                                    <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                                    <a href="#"><i class="fa-brands fa-vimeo-v"></i></a>
                                    <a href="#"><i class="fa-brands fa-twitter"></i></a>
                                    <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ====  Team end ==== -->



    <!-- ==== contact section start ==== -->
    <section class="contact contact-seven-area">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-6 gx-3">
                    <div class="contact__content contact-seven-content">
                        <div class="section-seven-wrapper mb-5" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="200">
                            <h2 class="section-seven-title char-animation">Send Us message
                                For donate!</h2>
                            <p class="section-seven-paragraph text-white">Welcome to Marcus Medical, your pathway to
                                natural-looking results from
                                ndustry-leading injectors and plastic surgeons in South Bay.</p>
                        </div>
                        <div class="contact__form cta" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                            <form action="#" method="post">
                                @csrf
                                <div class="input-group">
                                    <div class="input-single">
                                        <input type="email" name="contact-email" id="contactEmail"
                                            placeholder="your email...">
                                        <i class="fa-solid fa-paper-plane"></i>
                                    </div>
                                    <div class="input-single">
                                        <input type="text" name="contact-number" id="contactNumber"
                                            placeholder="your phone...">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>
                                </div>
                                <div class="input-single">
                                    <input type="text" name="contact-address" id="contactAddress"
                                        placeholder="your address...">
                                    <i class="fa-solid fa-location-dot"></i>
                                </div>
                                <div class="input-single alter-input">
                                    <textarea name="contact-message" id="contactMessage" placeholder="your message..."></textarea>
                                    <i class="fa-solid fa-envelope"></i>
                                </div>
                                <div class="form-cta">
                                    <button type="submit" aria-label="submit message" title="submit message"
                                        class="btn--primary">Check your causes <i
                                            class="fa-solid fa-arrow-right"></i></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 gx-3">
                    <div class="contact-seven-wrap" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="row">
                            <div class="col-xl-6 col-lg-6">
                                <div class="contact-seven-thumb">
                                    <div class="image">
                                        <img src="{{ asset('assets/images/contact-seven-img1.jpg') }}" alt="img">
                                    </div>
                                    <div class="image">
                                        <img src="{{ asset('assets/images/contact-seven-img2.jpg') }}" alt="img">
                                    </div>
                                    <div class="image">
                                        <img src="{{ asset('assets/images/contact-seven-img3.jpg') }}" alt="img">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6">
                                <div class="contact-seven-thumb">
                                    <div class="image">
                                        <img src="{{ asset('assets/images/contact-seven-img4.jpg') }}" alt="img">
                                    </div>
                                    <div class="image">
                                        <img src="{{ asset('assets/images/contact-seven-img5.jpg') }}" alt="img">
                                    </div>
                                    <div class="image">
                                        <img src="{{ asset('assets/images/contact-seven-img6.jpg') }}" alt="img">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== contact section end ==== -->


    <!-- ==== testimonial section start ==== -->
    <section class="testimonial-seven-area project-panel-area position-relative z-1">
        <div class="container">
            <div class="row">
                <div class="col-xl-5 col-lg-4">
                    <div class="testimonial-seven-thumb position-relative z-1">
                        <img src="{{ asset('assets/images/testimonial/testimonial-seven-thumb.jpg') }}" alt="thumb">
                        <div class="testimonial-seven-thumb-quate">
                            <a href="#"><span><img src="{{ asset('assets/images/icon/testimonial-seven-quate.svg') }}"
                                        alt="quate"></span></a>
                        </div>
                    </div>
                    <div class="testimonial-seven-thumb position-relative z-1">
                        <img src="{{ asset('assets/images/testimonial/testimonial-seven-thumb.jpg') }}" alt="thumb">
                        <div class="testimonial-seven-thumb-quate">
                            <a href="#"><span><img src="{{ asset('assets/images/icon/testimonial-seven-quate.svg') }}"
                                        alt="quate"></span></a>
                        </div>
                    </div>
                    <div class="testimonial-seven-thumb position-relative z-1">
                        <img src="{{ asset('assets/images/testimonial/testimonial-seven-thumb.jpg') }}" alt="thumb">
                        <div class="testimonial-seven-thumb-quate">
                            <a href="#"><span><img src="{{ asset('assets/images/icon/testimonial-seven-quate.svg') }}"
                                        alt="quate"></span></a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-7 col-lg-8">
                    <div class="row">
                        <div class="col-xl-12 project-panel">
                            <div class="testimonial-seven-wrapper">
                                <h4 class="testimonial-seven-title">“Great Services”</h4>
                                <p class="testimonial-seven-paragraph">hires great people from a widely variety of
                                    backgrounds, which simply makes stronger, and we couldn’t be prouder elevating your
                                    optimizing Business</p>
                                <div class="testimonial-seven-wrap">
                                    <div class="testimonial-seven-left">
                                        <div class="testimonial-seven-icon">
                                            <span><img src="{{ asset('assets/images/icon/testimonial-seven-quate-yellow.svg') }}"
                                                    alt="quate"></span>
                                        </div>
                                        <h6 class="testimonial-seven-name">Robert J. Hare / <span>Graphics Designer</span>
                                        </h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-12 project-panel">
                            <div class="testimonial-seven-wrapper">
                                <h4 class="testimonial-seven-title">“Great Services”</h4>
                                <p class="testimonial-seven-paragraph">hires great people from a widely variety of
                                    backgrounds, which simply makes stronger, and we couldn’t be prouder elevating your
                                    optimizing Business</p>
                                <div class="testimonial-seven-wrap">
                                    <div class="testimonial-seven-left">
                                        <div class="testimonial-seven-icon">
                                            <span><img src="{{ asset('assets/images/icon/testimonial-seven-quate-yellow.svg') }}"
                                                    alt="quate"></span>
                                        </div>
                                        <h6 class="testimonial-seven-name">Ruby Klara / <span>Web Developer</span></h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-12 project-panel">
                            <div class="testimonial-seven-wrapper">
                                <h4 class="testimonial-seven-title">“Great Services”</h4>
                                <p class="testimonial-seven-paragraph">hires great people from a widely variety of
                                    backgrounds, which simply makes stronger, and we couldn’t be prouder elevating your
                                    optimizing Business</p>
                                <div class="testimonial-seven-wrap">
                                    <div class="testimonial-seven-left">
                                        <div class="testimonial-seven-icon">
                                            <span><img src="{{ asset('assets/images/icon/testimonial-seven-quate-yellow.svg') }}"
                                                    alt="quate"></span>
                                        </div>
                                        <h6 class="testimonial-seven-name">Michel Smith / <span>Ux/ui Designer</span></h6>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="testimonial-seven-shape">
            <img src="{{ asset('assets/images/testimonial/testimonail-seven-shape.png') }}" alt="shape">
        </div>
    </section>
    <!-- ==== testimonial section end ==== -->


    <!-- ==== Blog section start ==== -->
    <section class="blog-seven-area">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-8">
                    <div class="section-seven-wrapper mb-5 text-center" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="200">
                        <h2 class="section-seven-title char-animation"> Shelter of Love, Compassion,
                            and New Beginnings</h2>
                        <p class="section-seven-paragraph">communication and utilizes cutting edge logistic planning to get
                            your shipment completed
                            on time. itself founded of backgrounds, which simply.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="blog-seven-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                        <div class="blog-seven-content">
                            <div class="blog-seven-meta">
                                <ul>
                                    <li>02 Apr 2021</li>
                                    <li>Comments (03)</li>
                                </ul>
                            </div>
                            <h4 class="blog-seven-title"><a href="{{ route('blog.details') }}">Trending code settings for
                                    a nice portfolio</a></h4>
                            <div class="blog-seven-button">
                                <a href="{{ route('blog.details') }}">Read More <span><img
                                            src="{{ asset('assets/images/icon/blog-svevn-btn.svg') }}" alt="arrow"></span></a>
                            </div>
                        </div>
                        <div class="blog-seven-thumb">
                            <a href="{{ route('blog.details') }}"><img src="{{ asset('assets/images/blog/blog-seven-thumb1.jpg') }}"
                                    alt="thumb"></a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-12">
                    <div class="blog-seven-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="blog-seven-content">
                            <div class="blog-seven-meta">
                                <ul>
                                    <li>02 Apr 2021</li>
                                    <li>Comments (03)</li>
                                </ul>
                            </div>
                            <h4 class="blog-seven-title"><a href="{{ route('blog.details') }}">Trending code settings for
                                    a nice portfolio</a></h4>
                            <div class="blog-seven-button">
                                <a href="{{ route('blog.details') }}">Read More <span><img
                                            src="{{ asset('assets/images/icon/blog-svevn-btn.svg') }}" alt="arrow"></span></a>
                            </div>
                        </div>
                        <div class="blog-seven-thumb">
                            <a href="{{ route('blog.details') }}"><img src="{{ asset('assets/images/blog/blog-seven-thumb2.jpg') }}"
                                    alt="thumb"></a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-12">
                    <div class="blog-seven-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
                        <div class="blog-seven-content">
                            <div class="blog-seven-meta">
                                <ul>
                                    <li>02 Apr 2021</li>
                                    <li>Comments (03)</li>
                                </ul>
                            </div>
                            <h4 class="blog-seven-title"><a href="{{ route('blog.details') }}">Trending code settings for
                                    a nice portfolio</a></h4>
                            <div class="blog-seven-button">
                                <a href="{{ route('blog.details') }}">Read More <span><img
                                            src="{{ asset('assets/images/icon/blog-svevn-btn.svg') }}" alt="arrow"></span></a>
                            </div>
                        </div>
                        <div class="blog-seven-thumb">
                            <a href="{{ route('blog.details') }}"><img src="{{ asset('assets/images/blog/blog-seven-thumb3.jpg') }}"
                                    alt="thumb"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== Blog section end ==== -->

    <!-- ==================== Footer Start Here ==================== -->
    @include('frontend.includes.footers.footerSeven')
    <!-- ==================== Footer End Here ==================== -->

@endsection
