@extends('layouts.master')

@section('content')
    <main>
        <div class="slider-area position-relative">
            <div class="slider-active dot-style">
                @foreach ($banner as $item)
                    <div class="single-slider hero-overly slider-height d-flex align-items-center"
                        style="background-image: url({{ asset('/assets/banner/' . $item->image) }});">
                        <div class="container">
                            <div class="row">
                                <div class="col-xxl-6 col-xl-7 col-lg-7 col-md-8 col-sm-10">
                                    <div class="hero-caption">
                                        <h1 data-animation="fadeInUp" data-delay=".2s">
                                            {{ $item->title }}
                                        </h1>
                                        <p data-animation="fadeInUp" data-delay=".4s">
                                            {!! $item->description !!}
                                        </p>
                                        <div class="solve-btn" data-animation="fadeInUp" data-delay=".8s">
                                            @isset($item->linktext)
                                                <a class="default-btn" data-animation="slideInRight"
                                                    href="{{ url($item->link) }}">{{ $item->linktext }}
                                                    <i class="ti-arrow-right"></i>
                                                    <span style="top: 69.6125px; left: 94.4px;"></span>
                                                </a>
                                            @endisset
                                            @isset($item->linktext2)
                                                <a class="optional-btn" data-animation="slideInLeft"
                                                    href="{{ url($item->link2) }}">{{ $item->linktext2 }}
                                                    <i class="ti-arrow-right"></i></a>
                                            @endisset

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>

        <!-- Start Volunteer, Donation, Generate Id Card and Certificate Section -->
        <style>
            /* Revolving border effect using ::before */
            .magic-card {
                position: relative;
                border-radius: 25px;
                padding: 4px;
                background: transparent;
                box-shadow: 0 0 25px rgba(0, 0, 0, 0.12);
                transition: transform 0.3s ease;
                z-index: 1;
                overflow: hidden;
            }

            .magic-card::before {
                content: "";
                position: absolute;
                top: -2px;
                left: -2px;
                right: -2px;
                bottom: -2px;
                background: conic-gradient(from 0deg,
                        #00f0ff,
                        #3b82f6,
                        #10b981,
                        #8b5cf6,
                        #00f0ff);
                z-index: 0;
                border-radius: 30px;
                animation: rotateBorder 4s linear infinite;
            }

            .magic-card .card {
                position: relative;
                border-radius: 20px;
                background-color: inherit;
                z-index: 2;
                padding: 1.5rem;
            }

            /* Hover scale effect */
            .magic-card:hover {
                transform: scale(1.05);
            }

            /* Rotate effect for image */
            .card:hover .rotate-img {
                transform: rotateY(360deg);
            }

            .rotate-img {
                transition: transform 0.8s ease-in-out;
                transform-style: preserve-3d;
            }

            /* Gradient button */
            .magic-btn {
                display: inline-block;
                padding: 10px 24px;
                margin-top: 0.8rem;
                font-size: 0.9rem;
                font-weight: 600;
                border-radius: 9999px;
                background: linear-gradient(135deg, #00f0ff, #3b82f6, #10b981, #8b5cf6);
                background-size: 300% 300%;
                color: #ffffff !important;
                text-decoration: none;
                transition: all 0.3s ease-in-out;
                box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
            }

            .magic-btn:hover {
                background-position: right center;
                transform: scale(1.05);
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
            }

            /* Revolving border animation */
            @keyframes rotateBorder {
                from {
                    transform: rotate(0deg);
                }

                to {
                    transform: rotate(360deg);
                }
            }
        </style>

        <section class="section-padding volunteer-donation-fundraise" style="margin-bottom: -4rem;">
            <div class="container">
                <div class="row justify-content-center">
                    <!-- Volunteer Card -->
                    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                        <a href="{{ url('volunteer') }}">
                            <div class="magic-card">
                                <div class="card text-center" style="background-color:#fcd34d;">
                                    <div class="mb-3 rotate-img"
                                        style="background-color: #ffffff; width: fit-content; margin: auto; border-radius: 50%; overflow: hidden; padding: 10px;">
                                        <img src="{{ asset('assets/img/icon/volunteer.png') }}" alt="Volunteer"
                                            style="width:65px;">
                                    </div>
                                    <h4 style="margin-bottom: 1rem;">Volunteer</h4>
                                    <p>Join your hand with us for a better life and future.</p>
                                    <a href="{{ url('volunteer') }}" class="magic-btn">REGISTER NOW</a>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- Donation Card -->
                    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                        <a href="{{ url('donate-now') }}">
                            <div class="magic-card">
                                <div class="card text-center" style="background-color:#ef4444; color:#fff;">
                                    <div class="mb-3 rotate-img"
                                        style="background-color: #42525C; width: fit-content; margin: auto; border-radius: 50%; overflow: hidden; padding: 10px;">
                                        <img src="{{ asset('assets/img/icon/donate.png') }}" alt="Donation"
                                            style="width:65px;">
                                    </div>
                                    <h4 style="color:#fff; margin-bottom: 1rem;">Donation</h4>
                                    <p style="color:#fff">Supported by community leaders, corporate sponsors, churches.</p>
                                    <a href="{{ url('donate-now') }}" class="magic-btn">DONATE NOW</a>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- ID Card -->
                    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                        <a href="{{ url('master/generate-idcard') }}">
                            <div class="magic-card">
                                <div class="card text-center" style="background-color:#10b981; color:#fff;">
                                    <div class="mb-3 rotate-img"
                                        style="background-color: #ffffff; width: fit-content; margin: auto; border-radius: 50%; overflow: hidden; padding: 10px;">
                                        <img src="{{ asset('assets/img/icon/id-card.png') }}" alt="ID Card"
                                            style="width:65px;">
                                    </div>
                                    <h4 style="color:#fff; margin-bottom: 1rem;">ID Card</h4>
                                    <p style="color:#fff">Generate and get your official ID card easily.</p>
                                    <a href="{{ url('master/generate-idcard') }}" class="magic-btn">GET ID CARD</a>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- Certificate Card -->
                    <div class="col-xl-3 col-lg-4 col-md-6 mb-4">
                        <a href="master/generate-certificate">
                            <div class="magic-card">
                                <div class="card text-center" style="background-color:#8b5cf6; color:#fff;">
                                    <div class="mb-3 rotate-img"
                                        style="background-color: #ffffff; width: fit-content; margin: auto; border-radius: 50%; overflow: hidden; padding: 10px;">
                                        <img src="{{ asset('assets/img/icon/certificate.png') }}" alt="Certificate"
                                            style="width:65px;">
                                    </div>
                                    <h4 style="color:#fff; margin-bottom: 1rem;">Certificate</h4>
                                    <p style="color:#fff">Download your certificate in one click.</p>
                                    <a href="master/generate-certificate" class="magic-btn">GET CERTIFICATE</a>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </section>
        <!-- End Volunteer, Donation, Generate Id Card and Certificate Section -->


        <section class="section-padding news-section">
            <div class="container">
                <div class="section-title">
                    <h2>Latest <span1 class="text-theme">News & Events</span1>
                    </h2>
                    <p>GMM EDUCATIONAL TRUST AND WELFARE ASSOCIATION is making a difference in people's lives. Read about
                        our latest news and events that
                        showcase our impactful initiatives.</p>
                </div>


                <div class="row">
                    @foreach ($news as $key => $item)
                        @php
                            if ($key == 3) {
                                break;
                            }
                        @endphp
                        <div class="col-lg-4 col-md-6">
                            <article class="blog_item">
                                <div class="blog_item_img">
                                    <img class="card-img rounded-0" loading="lazy"
                                        src="{{ asset('/assets/news/grid/' . $item->image) }}" alt="{{ $item->title }}">
                                    {{-- <div class="blog_item_date">
                  <h3>{{ $item->created_at->format("d") }}</h3>
                  <p>{{ $item->created_at->format("M") }}</p>
                </div> --}}
                                </div>
                                <div class="blog_details" style="padding:30px !important">
                                    <h2 class="blog-head" style="color: #2d2d2d;">{{ $item->title }}</h2>
                                    <p>{{ $item->shortDescription() }}</p>
                                    <a href="{{ url('announcements/' . $item->slug) }}">Read More</a>

                                </div>
                            </article>
                        </div>
                    @endforeach
                </div>

                <div class="row">
                    <div class="col-md-12 text-center"><a href="{{ url('announcements') }}" class="optional-btn">View
                            More <i class="ti-arrow-right"></i></a></div>
                </div>
            </div>
        </section>

        <div class="support-company-area section-padding">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-xl-6 col-lg-6 col-md-10">
                        <div class="support-location-img">
                            <div class="row">
                                <div class="col-md-5 d-none d-lg-block">
                                    <div class="mb-3"><img src="{{ asset('assets/img/about-education-1.jpg') }}"
                                            alt="" /></div>
                                    <br>
                                    <div><img src="{{ asset('assets/img/gallery/about.jpg') }}" alt="" /></div>
                                </div>
                                <div class="col-md-7"><img src="{{ asset('assets/img/about-education.jpg') }}"
                                        alt="" /></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-10">
                        <div class="right-caption">


                            <div class="section-tittle">
                                <span class="text-theme2">About Us</span>
                                <h2>Welcome To <span class="text-theme">GMM EDUCATIONAL TRUST AND WELFARE
                                        ASSOCIATION</span></h2>
                            </div>
                            <div class="support-caption">
                                <p class="mb-10">
                                    At GMM EDUCATIONAL TRUST AND WELFARE ASSOCIATION, we strive to make a positive impact on
                                    society. Our mission is to uplift lives and
                                    create a better future for all. With a focus on education, health, agriculture, sports,
                                    and
                                    scholarships, we work tirelessly to support causes that matter the most.
                                </p>
                                <p class="pera-top">
                                    A charitable organization, our work transcends borders, touching the lives of
                                    individuals and
                                    communities in need. We believe in inclusivity and compassion, and our efforts are
                                    driven by a desire
                                    to bring positive change to as many lives as possible.
                                </p>
                                <a href="{{ url('about-us') }}" class="btn about-btn">Learn More</a>
                                <a class="optional-btn" href="#">
                                    Contact Us
                                    <i class="ti-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <section class="solve-section bg-1 pt-60 pb-60">
            <div class="container">
                <div class="row align-items-center">

                    <div class="col-lg-6">
                        <div class="solve-area-content">
                            <span>Our Mission</span>
                            <h3>Empowering Dreams through Opportunities</h3>
                            <p>At GMM EDUCATIONAL TRUST AND WELFARE ASSOCIATION, we believe that where ambition meets
                                opportunity, anything becomes possible. Our
                                dedication is to create a world where every individual's potential is nurtured and realized,
                                regardless
                                of their circumstances.</p>
                            <p>We strive to make a positive impact on society by providing support and resources to various
                                projects
                                in education, health, agriculture, sports, and scholarships. Lorem ipsum dolor sit amet
                                consectetur
                                adipisicing elit. Maiores facere error et, minima repudiandae dignissimos! Lorem ipsum dolor
                                sit amet
                                consectetur adipisicing elit. Ullam voluptatum quam dignissimos. Hic quod iure tempora!
                                Maiores odio
                                dolorem nemo? Magnam inventore molestiae hic aliquam numquam, ea ipsa magni rerum?</p>
                            <div class="solve-btn">
                                <a href="#" class="default-btn">
                                    Learn More
                                    <i class="ti-arrow-right"></i>
                                    <span style="top: 69.6125px; left: 94.4px;"></span>
                                </a>
                                <a class="optional-btn" href="{{ url('donate-now') }}">
                                    Donate Now
                                    <i class="ti-arrow-right"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="solve-item">
                                    <div class="icon">
                                        <img src="{{ asset('assets/img/solve/1.png') }}" alt="image">
                                    </div>
                                    <h3>Education</h3>
                                    <p>Our mission is to provide access to quality education for all, empowering minds to
                                        reach their full
                                        potential.</p>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6">
                                <div class="solve-item">
                                    <div class="icon">
                                        <img src="{{ asset('assets/img/solve/2.png') }}" alt="image">
                                    </div>
                                    <h3>Health</h3>
                                    <p>We aim to improve healthcare facilities, ensuring better medical care and well-being
                                        for the
                                        community.</p>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6">
                                <div class="solve-item">
                                    <div class="icon">
                                        <img src="{{ asset('assets/img/solve/3.png') }}" alt="image">
                                    </div>
                                    <h3>Sports</h3>
                                    <p>Promoting sports and physical activities for a healthier and more active lifestyle.
                                    </p>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6">
                                <div class="solve-item">
                                    <div class="icon">
                                        <img src="{{ asset('assets/img/solve/4.png') }}" alt="image">
                                    </div>
                                    <h3>Agriculture</h3>
                                    <p>Supporting sustainable agriculture practices for food security and economic growth.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </section>

        {{-- <div class="services-area1  section-padding">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-8 col-md-10 col-sm-11">
            <div class="section-tittle text-center mb-60">
              <h2>The Causes <span1 class="text-theme"> We Care  About</span1> </h2>
            </div>
          </div>
        </div>
        <div class="services1-active">
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="properties pb-30">
              <div class="properties-card">
                <div class="properties-img">
                  <a href="#"><img src="{{ asset('assets/img/gallery/services-img1.jpg') }}" alt="Education Facilities"></a>

                  <div class="single-skill">
                    <div class="bar-progress">
                      <div id="bar1" class="barfiller">
                        <div class="tipWrap">
                          <span class="tip"></span>
                        </div>
                        <span class="fill" data-percentage="65"></span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="wrap-wrapper">
                  <div class="properties-caption">
                    <h3><a href="#">Education Facilities</a></h3>
                    <p>
                      Providing access to quality education facilities to empower young minds and brighter future for
                      all.
                    </p>
                  </div>
                  <div class="properties-footer d-flex justify-content-between align-items-center">
                    <div class="class-day">
                      <a href="{{ url('donate-now') }}" class="btn">Donate</a>
                    </div>
                    <div class="class-day">
                      <span class="color-font2">&#8377;67,845</span>
                      <p>Goal</p>
                    </div>
                    <div class="class-day">
                      <span class="color-font1">&#8377;48,845</span>
                      <p>Raised</p>        
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Similar sections for other projects -->
          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="properties pb-30">
              <div class="properties-card">
                <div class="properties-img">
                  <a href="#"><img src="{{ asset('assets/img/gallery/services-img2.jpg') }}" alt="Medical Facilities"></a>

                  <div class="single-skill">
                    <div class="bar-progress">
                      <div id="bar2" class="barfiller">
                        <div class="tipWrap">
                          <span class="tip"></span>
                        </div>
                        <span class="fill" data-percentage="65"></span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="wrap-wrapper">
                  <div class="properties-caption">
                    <h3><a href="#">Medical Facilities</a></h3>
                    <p>
                      Improving healthcare facilities to ensure better medical care and well-being for the community.
                    </p>
                  </div>
                  <div class="properties-footer d-flex justify-content-between align-items-center">
                    <div class="class-day">
                      <a href="{{ url('donate-now') }}" class="btn">Donate</a>
                    </div>
                    <div class="class-day">
                      <span class="color-font2">&#8377;67,845</span>
                      <p>Goal</p>
                    </div>
                    <div class="class-day">
                      <span class="color-font1">&#8377;48,845</span>
                      <p>Raised</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="properties pb-30">
              <div class="properties-card">
                <div class="properties-img">
                  <a href="#"><img src="{{ asset('assets/img/gallery/services-img3.jpg') }}" alt="Healthy Food"></a>

                  <div class="single-skill">
                    <div class="bar-progress">
                      <div id="bar3" class="barfiller">
                        <div class="tipWrap">
                          <span class="tip"></span>
                        </div>
                        <span class="fill" data-percentage="65"></span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="wrap-wrapper">
                  <div class="properties-caption">
                    <h3><a href="#">Healthy Food</a></h3>
                    <p>
                      Ensuring access to nutritious food to promote good health and well-rounded development.
                    </p>
                  </div>
                  <div class="properties-footer d-flex justify-content-between align-items-center">
                    <div class="class-day">
                      <a href="{{ url('donate-now') }}" class="btn">Donate</a>
                    </div>
                    <div class="class-day">
                      <span class="color-font2">&#8377;67,845</span>
                      <p>Goal</p>
                    </div>
                    <div class="class-day">
                      <span class="color-font1">&#8377;48,845</span>
                      <p>Raised</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="properties pb-30">
              <div class="properties-card">
                <div class="properties-img">
                  <a href="#"><img src="{{ asset('assets/img/gallery/services-img4.jpg') }}" alt="Pure Water"></a>

                  <div class="single-skill">
                    <div class="bar-progress">
                      <div id="bar4" class="barfiller">
                        <div class="tipWrap">
                          <span class="tip"></span>
                        </div>
                        <span class="fill" data-percentage="65"></span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="wrap-wrapper">
                  <div class="properties-caption">
                    <h3><a href="#">Pure Water</a></h3>
                    <p>
                      Ensuring access to clean and safe drinking water, a fundamental necessity for a healthy life.
                    </p>
                  </div>
                  <div class="properties-footer d-flex justify-content-between align-items-center">
                    <div class="class-day">
                      <a href="{{ url('donate-now') }}" class="btn">Donate</a>
                    </div>
                    <div class="class-day">
                      <span class="color-font2">&#8377;67,845</span>
                      <p>Goal</p>
                    </div>
                    <div class="class-day">
                      <span class="color-font1">&#8377;48,845</span>
                      <p>Raised</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div> --}}

        <div class="emargency-care section-img-bg2" data-background="{{ asset('assets/img/gallery/section-bg2.jpg') }}">
            <div class="container">
                <div class="row justify-content-end">
                    <div class="col-xl-6 col-lg-8 col-md-9 col-sm-12">
                        <div class="single-emargency">
                            <div class="emargency-cap">
                                <h5><a href="#">Support Those in Need</a></h5>
                                <p>
                                    Join us in providing a helping hand to those facing adversity. Together, we can make a
                                    positive impact
                                    on their lives.
                                </p>
                                <p class="emargenc-cap">
                                    Your compassion can bring hope and change. Your support can make a difference in the
                                    lives of those
                                    who need it the most.
                                </p>
                                <a href="{{ url('donate-now') }}" class="btn loan-btn">Donate Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="join-us-area section-padding">
            <div class="container">
                <div class="row align-items-center">

                    <div class="col-xl-4 col-lg-6 col-md-10">
                        <div class="joing-details">
                            <div class="section-tittle">
                                <h2>Join with Us</h2>
                            </div>
                            <p>The legal definition of a charitable organization (and of charity) varies between countries
                                and in some
                                instances regions of the country. The regulation, the tax treatment, and the way.</p>
                            <a href="{{ url('volunteer') }}" class="btn about-btn">
                                Become A Volunteer
                                <i class="flaticon-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class=" offset-xl-1  col-xl-4 col-lg-4 col-md-7 col-sm-7">
                        <div class="joning-img">
                            <img src="{{ asset('assets/img/gallery/joining1.jpg') }}" alt="" class="w-100">
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-5 col-sm-5">
                        <div class="joning-img">
                            <img src="{{ asset('assets/img/gallery/joining2.jpg') }}" alt="" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <section class="testimonial-section bg-1 pt-100 pb-70">
            <div class="container">
                <div class="section-title-v2 center">
                    <h2>Words From <span class="text-theme">People</span></h2>
                </div>

                <div class="testimonial-slider  h1-testimonial-active ">
                    <div class="item">
                        <div class="testimonial">
                            <img src="{{ asset('assets/img/team/more/4.PNG') }}" alt="Testimonial 1">
                            <p>"I am truly impressed by the noble work done by GMM EDUCATIONAL TRUST AND WELFARE
                                ASSOCIATION. Their commitment to providing
                                education and healthcare facilities to underprivileged communities is commendable. I feel
                                privileged to
                                be associated with such an organization that is making a positive impact in the lives of
                                many."</p>
                            <h4>Akhilesh Kumar</h4>
                            <span>Volunteer, GMM EDUCATIONAL TRUST AND WELFARE ASSOCIATION</span>
                        </div>
                    </div>

                    <div class="item">
                        <div class="testimonial">
                            <img src="{{ asset('assets/img/team/more/5.PNG') }}" alt="Testimonial 2">
                            <p>"GMM EDUCATIONAL TRUST AND WELFARE ASSOCIATION's dedication towards promoting agriculture and
                                providing support to farmers is
                                incredible. Their sustainable farming initiatives have brought about significant
                                improvements in rural
                                communities. It's heartening to witness the positive change they bring to the lives of
                                farmers and their
                                families."</p>
                            <h4>Sujeet Kumar</h4>
                            <span>Volunteer, GMM EDUCATIONAL TRUST AND WELFARE ASSOCIATION</span>
                        </div>
                    </div>

                    <div class="item">
                        <div class="testimonial">
                            <img src="{{ asset('assets/img/team/more/6.PNG') }}" alt="Testimonial 3">
                            <p>"I have been associated with GMM EDUCATIONAL TRUST AND WELFARE ASSOCIATION as a beneficiary
                                of their scholarship program. Thanks to
                                their support, I was able to pursue higher education and fulfill my dreams. I am grateful
                                for the
                                opportunities they have provided to students like me who come from economically challenged
                                backgrounds."
                            </p>
                            <h4>Amit Kumar</h4>
                            <span>Volunteer, GMM EDUCATIONAL TRUST AND WELFARE ASSOCIATION</span>
                        </div>
                    </div>

                    <!-- Add more testimonials here -->
                </div>

            </div>
        </section>
        <section class="team-section bg-white pt-100 pb-70">
            <div class="container">
                <div class="section-title">
                    <span>
                        <i class="flaticon-support"></i>
                        Our Dedicated Team
                    </span>
                    <h2>Volunteers Making a Difference</h2>
                    <p>At GMM EDUCATIONAL TRUST AND WELFARE ASSOCIATION, our team of passionate volunteers from diverse
                        backgrounds work together to create
                        positive change and impact lives. Join us in our mission to empower communities and build a better
                        future.
                    </p>
                </div>
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="team-item">
                            <div class="image1">
                                <img src="{{ asset('assets/img/team/1.png') }}?v=1" alt="image">
                                <ul class="social">
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-linkedin"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-instagram"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                            <div class="content">
                                <h3>Ganesh Kumar Ram</h3>
                                <span>Chairman</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="team-item">
                            <div class="image1">
                                <img src="{{ asset('assets/img/team/2.png') }}?v=1" alt="image">
                                <ul class="social">
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-linkedin"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-instagram"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                            <div class="content">
                                <h3>Mukesh Kumar Ram</h3>
                                <span>Secretary</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 offset-sm-3 offset-lg-0">
                        <div class="team-item">
                            <div class="image1">
                                <img src="{{ asset('assets/img/team/3.png') }}?v=1" alt="image">
                                <ul class="social">
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-linkedin"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-instagram"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                            <div class="content">
                                <h3>Manish Kumar</h3>
                                <span>Treasurer</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 offset-sm-3 offset-lg-0">
                        <div class="team-item">
                            <div class="image1">
                                <img src="{{ asset('assets/img/team/4.jpg') }}?v=1" alt="image">
                                <ul class="social">
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-linkedin"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" target="_blank">
                                            <i class="bx bxl-instagram"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                            <div class="content">
                                <h3>Umesh Paswan</h3>
                                <span>Member</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </section>

    </main>
@endsection
