@extends('layouts.app')

@section('content')
    <div class="custom-cursor">

        @include('layouts.components.cursor-and-preloader')
        <!-- /cursor and preloader -->





        <div class="page-wrapper">



            @include('layouts.header')


            <div class="stricky-header stricked-menu main-menu">
                <div class="sticky-header__content"></div>
                <!-- /.sticky-header__content -->
            </div>
            <!-- /.stricky-header -->


            <!--Page Header Start-->
            @include('layouts.components.page-header', [
                'page_title' => 'Volunteer',
            ])

            <!--Page Header End-->

            <!--Volunteer Page Start-->
            <section class="volunteer-page">
                <div class="container">
                    <div class="row">
                        <!--Volunteer Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                            <div class="team-one__single">
                                <div class="team-one__img-box">
                                    <div class="team-one__img">
                                        <img src="{{ asset('assets/images/team/volunteer-page-1-1.jpg') }}" alt="">
                                    </div>
                                </div>
                                <div class="team-one__content">
                                    <div class="team-one__name-box">
                                        <h4 class="team-one__name"><a href="{{ route('volunteer-details') }}">Arlene McCoy</a>
                                        </h4>
                                        <p class="team-one__sub-title">Nursing Assistant</p>
                                    </div>
                                    <div class="team-one__share-and-social">
                                        <div class="team-one__social">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-facebook"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-instagram"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-twitter"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-link-in"></span></a>
                                        </div>
                                        <div class="team-one__share">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-share"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Volunteer Page Single End-->
                        <!--Volunteer Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                            <div class="team-one__single">
                                <div class="team-one__img-box">
                                    <div class="team-one__img">
                                        <img src="assets/images/team/volunteer-page-1-2.jpg" alt="">
                                    </div>
                                </div>
                                <div class="team-one__content">
                                    <div class="team-one__name-box">
                                        <h4 class="team-one__name"><a href="{{ route('volunteer-details') }}">Jenny Wilson</a>
                                        </h4>
                                        <p class="team-one__sub-title">Web Designer</p>
                                    </div>
                                    <div class="team-one__share-and-social">
                                        <div class="team-one__social">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-facebook"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-instagram"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-twitter"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-link-in"></span></a>
                                        </div>
                                        <div class="team-one__share">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-share"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Volunteer Page Single End-->
                        <!--Volunteer Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="300ms">
                            <div class="team-one__single">
                                <div class="team-one__img-box">
                                    <div class="team-one__img">
                                        <img src="assets/images/team/volunteer-page-1-3.jpg" alt="">
                                    </div>
                                </div>
                                <div class="team-one__content">
                                    <div class="team-one__name-box">
                                        <h4 class="team-one__name"><a href="{{ route('volunteer-details') }}">Robert Fox</a>
                                        </h4>
                                        <p class="team-one__sub-title">Marketing Coordinator</p>
                                    </div>
                                    <div class="team-one__share-and-social">
                                        <div class="team-one__social">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-facebook"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-instagram"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-twitter"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-link-in"></span></a>
                                        </div>
                                        <div class="team-one__share">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-share"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Volunteer Page Single End-->
                        <!--Volunteer Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="400ms">
                            <div class="team-one__single">
                                <div class="team-one__img-box">
                                    <div class="team-one__img">
                                        <img src="assets/images/team/volunteer-page-1-4.jpg" alt="">
                                    </div>
                                </div>
                                <div class="team-one__content">
                                    <div class="team-one__name-box">
                                        <h4 class="team-one__name"><a href="{{ route('volunteer-details') }}">Marvin McKinney</a>
                                        </h4>
                                        <p class="team-one__sub-title">Dog Trainer</p>
                                    </div>
                                    <div class="team-one__share-and-social">
                                        <div class="team-one__social">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-facebook"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-instagram"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-twitter"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-link-in"></span></a>
                                        </div>
                                        <div class="team-one__share">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-share"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Volunteer Page Single End-->
                        <!--Volunteer Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="500ms">
                            <div class="team-one__single">
                                <div class="team-one__img-box">
                                    <div class="team-one__img">
                                        <img src="assets/images/team/volunteer-page-1-5.jpg" alt="">
                                    </div>
                                </div>
                                <div class="team-one__content">
                                    <div class="team-one__name-box">
                                        <h4 class="team-one__name"><a href="{{ route('volunteer-details') }}">Ronald Richards</a>
                                        </h4>
                                        <p class="team-one__sub-title">President of Sales</p>
                                    </div>
                                    <div class="team-one__share-and-social">
                                        <div class="team-one__social">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-facebook"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-instagram"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-twitter"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-link-in"></span></a>
                                        </div>
                                        <div class="team-one__share">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-share"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Volunteer Page Single End-->
                        <!--Volunteer Page Single Start-->
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="600ms">
                            <div class="team-one__single">
                                <div class="team-one__img-box">
                                    <div class="team-one__img">
                                        <img src="assets/images/team/volunteer-page-1-6.jpg" alt="">
                                    </div>
                                </div>
                                <div class="team-one__content">
                                    <div class="team-one__name-box">
                                        <h4 class="team-one__name"><a href="{{ route('volunteer-details') }}">Kathryn Murphy</a>
                                        </h4>
                                        <p class="team-one__sub-title">Medical Assistant</p>
                                    </div>
                                    <div class="team-one__share-and-social">
                                        <div class="team-one__social">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-facebook"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-instagram"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-twitter"></span></a>
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-link-in"></span></a>
                                        </div>
                                        <div class="team-one__share">
                                            <a href="{{ route('volunteer-details') }}"><span class="icon-share"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Volunteer Page Single End-->
                    </div>
                </div>
            </section>
            <!--Volunteer Page End-->


            <!--Site Footer Start-->
            @include('layouts.footer')
            <!--Site Footer End-->

        </div>
        <!-- /.page-wrapper -->


    </div>
@endsection