@extends('layouts.main')
@section('title', $title)
@section('meta')
    @foreach($meta as $tag)
        <meta name="{{$tag->name}}" content="{{$tag->content}}">
    @endforeach
@stop

@section('content')
    <main id="team-section" class="with-bg light-bg">

        <section>
            <div class="container">
                <div class="page-title  s-pb-30 s-pt-100">
                    <div class="container text-center">
                        <div class="text-center pl-2 pr-2 pl-lg-0 pr-lg-0">
                            <h1 class="font--lg text-uppercase font-weight-bold">Our <span class="txt-blue">Team</span></h1>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="ls s-pt-75 s-pb-100 s-pb-lg-130 team" id="team-list">
            <div class="divider-40 d-none d-xl-block"></div>
            <div class="container">
                <div class="row c-mb-30">

                    @foreach ($team as $member)

                    <div class="col-md-6 col-lg-4">
                        <div class="card text-center">
                            <div class="card-img-top" style="background-position: 16%">
                                <img class="lazyload" data-src="{{$member->image}}" data-was-processed="true"></div>
                            <div class="card-title"><h5 class=" gradient-color">{{$member->name}}</h5>
                                <p> {{$member->position}}</p></div>
                            <ul class="socialMediaLinks list-inline gray-style">
                                @if($member->facebook)
                                    <li class="list-inline-item">
                                        <a href="{{$member->facebook}}" target="_blank"><i class="fab fa-facebook"></i></a>
                                    </li>
                                @endif
                                @if($member->linked_in)
                                    <li class="list-inline-item">
                                        <a href="{{$member->linked_in}}" target="_blank"><i class="fab fa-linkedin"></i></a>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                    @endforeach
                    <div class="d-none d-lg-block divider-75"></div>
                </div>

            </div>
        </section>
    </main>

@stop