@extends('master')

@section('title')
    OUR BOARD
@stop

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/nav.css') }}">
@stop

@section('content')

    <div class="row fullWidth">
        <div class="autoplay">
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-test-header.jpg') }}"></a></div>
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-header-blue.jpg') }}"></a></div>
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-header-green.jpg') }}"></a></div>
        </div>
        @include('partials.nav')
    </div>

    <div class="row fullWidth">
        <div class="bannerPage">
            <div class="row">
                <div class="large-12 columns">

                    <h1 style="text-align: left;">OUR<span style="font-weight: 500; color: #003961;"> BOARD</span></h1>

                    <ul class="large-block-grid-5 medium-block-grid-2 small-block-grid-1 board-list">
                        @foreach ($members as $member)
                            <li>
                                <img class="imgBoard" src="{{ asset('img/team/' . $member['image'] . '.jpg') }}">
                                <h2 class="h2Board">{{ $member['name'] }}</h2>
                                <p class="pBoard">{{ $member['about'] }}<br>
                                <strong>{{ $member['position'] }}</strong></p>
                            </li>
                        @endforeach
                    </ul>

                </div>
            </div>
        </div>
        <hr class="hrBooking">
    </div>

@include('partials.footer')

@stop

@section('scripts')
    <script src="{{ asset('js/scripts.js') }}"></script>
@stop