@extends('frontend.layouts.master')
@section('title', 'Our Teams')
@section('content')

    <!-- Breadcrumb Area -->

    <div class="breadcrumb-area bread-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-title">
                        <h1>Our Team</h1>
                        <h6><a href="{{ url('/') }}">Home</a> / Team </h6>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Team Section-->

    <div id="team-page" class="team-area gray-bg section-padding pt-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member">
                        <div class="team-member-bg">
                            <div class="team-content">
                                <div class="team-title">
                                    <a href="#">James Cameron</a>
                                </div>
                                <div class="team-subtitle">
                                    <p>Manager</p>
                                </div>
                            </div>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="lab la-facebook-f" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-twitter" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-linkedin" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-behance" aria-hidden="true"></i> </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Repeat same structure for each member -->

                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member">
                        <div class="team-member-bg team-bg-2">
                            <div class="team-content">
                                <div class="team-title">
                                    <a href="#">Mich Thomson</a>
                                </div>
                                <div class="team-subtitle">
                                    <p>Asst. Manager</p>
                                </div>
                            </div>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="lab la-facebook-f" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-twitter" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-linkedin" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-behance" aria-hidden="true"></i> </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member">
                        <div class="team-member-bg team-bg-3">
                            <div class="team-content">
                                <div class="team-title">
                                    <a href="#">Josh Batlar</a>
                                </div>
                                <div class="team-subtitle">
                                    <p>Supervisor</p>
                                </div>
                            </div>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="lab la-facebook-f" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-twitter" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-linkedin" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-behance" aria-hidden="true"></i> </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- More team members... -->

                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member">
                        <div class="team-member-bg team-bg-4">
                            <div class="team-content">
                                <div class="team-title">
                                    <a href="#">Mike Thomson</a>
                                </div>
                                <div class="team-subtitle">
                                    <p>Supervisor</p>
                                </div>
                            </div>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="lab la-facebook-f" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-twitter" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-linkedin" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-behance" aria-hidden="true"></i> </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member">
                        <div class="team-member-bg team-bg-5">
                            <div class="team-content">
                                <div class="team-title">
                                    <a href="#">Mike Larry</a>
                                </div>
                                <div class="team-subtitle">
                                    <p>Supervisor</p>
                                </div>
                            </div>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="lab la-facebook-f" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-twitter" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-linkedin" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-behance" aria-hidden="true"></i> </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member">
                        <div class="team-member-bg team-bg-6">
                            <div class="team-content">
                                <div class="team-title">
                                    <a href="#">Sofia Lorence</a>
                                </div>
                                <div class="team-subtitle">
                                    <p>Supervisor</p>
                                </div>
                            </div>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="lab la-facebook-f" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-twitter" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-linkedin" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-behance" aria-hidden="true"></i> </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member">
                        <div class="team-member-bg team-bg-7">
                            <div class="team-content">
                                <div class="team-title">
                                    <a href="#">Simon Thomson</a>
                                </div>
                                <div class="team-subtitle">
                                    <p>Supervisor</p>
                                </div>
                            </div>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="lab la-facebook-f" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-twitter" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-linkedin" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-behance" aria-hidden="true"></i> </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member">
                        <div class="team-member-bg team-bg-8">
                            <div class="team-content">
                                <div class="team-title">
                                    <a href="#">Mike Thomson</a>
                                </div>
                                <div class="team-subtitle">
                                    <p>Supervisor</p>
                                </div>
                            </div>
                            <div class="team-social">
                                <ul>
                                    <li><a href="#"><i class="lab la-facebook-f" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-twitter" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-linkedin" aria-hidden="true"></i> </a></li>
                                    <li><a href="#"><i class="lab la-behance" aria-hidden="true"></i> </a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Client Area -->

    <div class="client-area pt-50 pb-40">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="client-carousel owl-carousel">
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/1.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/2.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/3.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/4.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/5.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/6.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/7.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



@endsection