@extends('website.template')

@section('header')
<div class="banner-area director-banner">
    <div class="container">
        <div class="banner-content wow fadeInLeft">
            <h2>Board Of <br>Directors</h2>
        </div>
    </div>
</div>
@endsection

@section('content')
<section class="page-wrapper director-area pt-80 pb-30">
    <div class="container">
        <div class="row justify-content-md-center g-lg-5">
            @foreach($datas as $data)
            <div class="col-md-5">
                <div class="director-item wow zoomIn">
                    <div class="director-item-image">
                        <a href="{{url('board-of-directors')}}/{{$data->id}}/{{$data->seo_url}}">
                            <img src="{{url('uploads/teams')}}/{{$data->filename}}" alt="{{$data->name}}">
                        </a>
                    </div>
                    <h3><a href="{{url('board-of-directors')}}/{{$data->id}}/{{$data->seo_url}}">{{$data->name}}</a></h3>
                    <p>{{$data->member_position}}</p>
                    <hr>
                    <p></p>
                    <p class="text-end"><a href="{{url('board-of-directors')}}/{{$data->id}}/{{$data->seo_url}}" class="arrow-btn"><i
                            class="fas fa-angle-double-right"></i></a></p>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endsection