@extends('frontend.layouts.app')
@section('title', 'Team Two')
@section('content')
    <!-- header area -->
    @include('frontend.includes.headers.headerTwo')
    <!-- header area end -->

    <!-- page title start -->
    <div class="breadcrumb-area bg-cover" style="background-image: url('{{ asset('assets/img/bg/7.png') }}');">
        <div class="container">
            <div class="breadcrumb-inner">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <h2 class="page-title">Team Two</h2>
                    </div>
                    <div class="col-lg-6 text-lg-end">
                        <ul class="page-list">
                            <li><a href="{{ route('home') }}">Home</a></li>
                            <li>Team Two</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- page title end -->

    <!-- team area start -->
    <div class="team-area bg-relative pd-top-120 pd-bottom-90">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="section-title wow animated fadeInUp" data-wow-duration="0.8s">
                        <h6 class="sub-title">MEET OUR EXPERTS</h6>
                        <h2 class="title">
                            Innovation Through Is Intelligence
                        </h2>
                    </div>
                </div>
            </div>
            <div class="team-slider owl-carousel slider-control-square slider-control-right-top">
                <div class="item">
                    <div class="single-team-inner text-center border-radius-5 bg-white">
                        <div class="thumb bg-gray border-radius-5">
                            <img src="assets/img/team/1.png" alt="img" />
                            <ul class="team-social-inner border-radius-5">
                                <li>
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="details">
                            <h5>
                                <a href="{{ route('teamDetails') }}">Devon Lane</a>
                            </h5>
                            <p>SEO Department</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="single-team-inner text-center border-radius-5 bg-white">
                        <div class="thumb bg-gray border-radius-5">
                            <img src="assets/img/team/2.png" alt="img" />
                            <ul class="team-social-inner border-radius-5">
                                <li>
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="details">
                            <h5>
                                <a href="{{ route('teamDetails') }}">Darrell Steward</a>
                            </h5>
                            <p>It Department</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="single-team-inner text-center border-radius-5 bg-white">
                        <div class="thumb bg-gray border-radius-5">
                            <img src="assets/img/team/3.png" alt="img" />
                            <ul class="team-social-inner border-radius-5">
                                <li>
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="details">
                            <h5>
                                <a href="{{ route('teamDetails') }}">Bessie Cooper</a>
                            </h5>
                            <p>Software Department</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- team area end -->

    <!-- footer area -->
    @include('frontend.includes.footers.footerTwo')
    <!-- footer area end -->
@endsection