@extends('layouts.app')
@section('style')
<link rel="stylesheet" href="{{ asset('assets/css/module-css/team.css') }}" />
@endsection
@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 Carousel',
            ])
            <!--Page Header End-->




            <!--Volunteer Carousel Page Start-->
            <section class="volunteer-carousel-page">
                <div class="container">
                    <div class="volunteer-carousel-style owl-carousel owl-theme carousel-dot-style">
                        <!--Volunteer Page Single Start-->
                        <div class="item">
                            <div class="team-one__single">
                                <div class="team-one__img-box">
                                    <div class="team-one__img">
                                        <img src="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="item">
                            <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="item">
                            <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="item">
                            <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="item">
                            <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="item">
                            <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-->
                        <!--Volunteer Page Single Start-->
                        <div class="item">
                            <div class="team-one__single">
                                <div class="team-one__img-box">
                                    <div class="team-one__img">
                                        <img src="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="item">
                            <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="item">
                            <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-->
                    </div>
                </div>
            </section>
            <!--Volunteer Carousel Page End-->



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

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


    </div>
@endsection