@extends('layouts.app')

@section('title', 'Directors & Officers - Mikey Network')

@section('content')
<div class="">
    <!-- Banner Image -->
    <img src="{{ asset('images/hero-directors-1.jpg') }}" class="img-fluid w-100" alt="Directors and Officers Banner">
</div>

<div class="container">
   <div class="row">
      <div class="col-12 py-5">
          <p class="ubuntu-sans-600 font-32 text-grey text-center letter-space-01">DIRECTORS</p>
      </div>
   </div>
   <div class="row text-center pb-5">
      <div class="col-12 col-lg-2 border-right-black border-left-black py-4">
          <p class="font-roboto-bold letter-space-02 font-18">Elliot<br class="d-none d-lg-block"/> Krangle</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black py-4">
          <p class="font-roboto-bold letter-space-02 font-18">Hugh <br class="d-none d-lg-block"/> Heron</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black py-4">
          <p class="font-roboto-bold letter-space-02 font-18">Irit <br class="d-none d-lg-block"/> Salem</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black py-4">
          <p class="font-roboto-bold letter-space-02 font-18">Linda  <br class="d-none d-lg-block"/> O'Connor</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black py-4">
          <p class="font-roboto-bold letter-space-02 font-18">Paul   <br class="d-none d-lg-block"/> Fox</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black py-4">
          <p class="font-roboto-bold letter-space-02 font-18">Robert   <br class="d-none d-lg-block"/> Finnigan</p>
      </div>
   </div>
</div>

<div class="container pb-5">
   <div class="row">
      <div class="col-12 pb-3">
          <p class="ubuntu-sans-600 font-32 text-grey text-center letter-space-01 text-uppercase">Officers</p>
      </div>
   </div>
   <div class="row text-center pb-5">
      <div class="col-12 col-lg-2 border-right-black border-bottom-black border-left-black py-4">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1">Chairman</p>
          <p class="font-roboto-bold letter-space-02 font-18">Hugh Heron</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black border-bottom-black py-4">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1">Co-Chair</p>
          <p class="font-roboto-bold letter-space-02 font-18">Eva Naumovski</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black border-bottom-black py-4">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1">Executive Director</p>
          <p class="font-roboto-bold letter-space-02 font-18">Morty Henkle</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black border-bottom-black py-4">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1">President</p>
          <p class="font-roboto-bold letter-space-02 font-18">Chuck Resnick</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black border-bottom-black py-4">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1">Vice-President</p>
          <p class="font-roboto-bold letter-space-02 font-18">Robert Finnigan</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black border-bottom-black py-4">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1">Vice-President, Digital Media</p>
          <p class="font-roboto-bold letter-space-02 font-18">Ian Gordon</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black border-left-black py-4">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1">Secretary</p>
          <p class="font-roboto-bold letter-space-02 font-18">Paul Fox</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black py-4">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1">Treasurer</p>
          <p class="font-roboto-bold letter-space-02 font-18">Brad Foster</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black py-4">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1">Director, Mikey's Kids Program</p>
          <p class="font-roboto-bold letter-space-02 font-18">Rene Grawey</p>
      </div>
      <div class="col-12 col-lg-2 border-right-black py-4 d-none d-lg-block">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1"></p>
          <p class="font-roboto-bold letter-space-02 font-18"></p>
      </div>
      <div class="col-12 col-lg-2 border-right-black py-4 d-none d-lg-block">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1"></p>
          <p class="font-roboto-bold letter-space-02 font-18"></p>
      </div>
      <div class="col-12 col-lg-2 border-right-black py-4 d-none d-lg-block">
          <p class="font-roboto-medium letter-space-02 font-13 text-uppercase mb-1"></p>
          <p class="font-roboto-bold letter-space-02 font-18"></p>
      </div>
   </div>
</div>
@endsection