@include('layouts.header')
<div class="container my-4">
    <div class=" d-flex flex-column align-items-center">
        <h3 class="content-card-title">Team Member</h3>
    </div>
    <div class="row g-4">


        @foreach ($board_of_directors as $board_of_director)
            <div class="col-4">
                <div class="board-of-directory-card">
                    <a href="#">
                        <img  loading="lazy"  src="{{ url(env('EXT').'project/public/uploads/board of directors/' . $board_of_director->image) }}" alt="">
                    </a>
                    <h5>{{ $board_of_director->name }}</h5>
                    <p>{{ $board_of_director->designation }}</p>
                    <p>{{ $board_of_director->other_designation }}</p>
                    <p>{{ $board_of_director->other_company }}</p>
                </div>
            </div>
        @endforeach


    </div>
</div>

@include('layouts.footer')