@extends('Frontend.Template.layout')
@section('title')
Team
@endsection
@section('content')
<!--Banner Start-->
<div class="banner-slider">
    <div class="bg"></div>
    <div class="banner-table">
        <div class="banner-text">
            <h1>{{ $heading->team_title }}</h1>
        </div>
    </div>
</div>
<!--Banner End-->
<!--Team Start-->
<section id="team" class="pt_50 pb_40">
    <div class="container">
        <div class="row">
            <div class="col-12 pt_10">
                <div class="headline">
                    <h4>{{ $heading->team_meet }}</h4>
                    <hr class="line">
                </div>
            </div>
            @foreach($team as $member)
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="single-team">
                    <img src="{{ asset('uploads/team/' . $member->image) }}" alt="Team Member Image">
                    <div class="team-details">
                        <div class="overlay"></div>
                        <div class="team-inner">
                            <h4 class="team-title">{{ $member->fname }} {{ $member->lname }}</h4>
                            <p>{{ $member->position }}</p>
                            <ul class="social-list">
                                <li class="facebook"><a target="_blank" href="{{ $member->facebook }}"><i class="fa fa-facebook"></i></a></li>
                                <li class="twitter"><a target="_blank" href="{{ $member->twitter }}"><i class="fa fa-twitter"></i></a></li>
                                <li class="google-plus"><a target="_blank" href="{{ $member->instagram }}"><i class="fa fa-instagram"></i></a></li>
                                <li class="linkedin"><a target="_blank" href="{{ $member->linkedin }}"><i class="fa fa-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
<!--Team End-->
@endsection