@extends('Layouts.web_master')
@section('content')

<section class="ftco-section bg-light p-0">

  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-7 heading-section ftco-animate text-center">
        <h2 class="mb-4 mt-4">Governing body</h2>
        <p></p>
      </div>
    </div>

      <div class="row">
        @foreach($governingBodyInfo as $info)
          <div class="col-lg-4 d-flex mb-sm-4 ftco-animate">        
            <div class="staff">
              <div class="d-flex mb-4">
                    <div class="img" style="background-image: url({{asset($info->image)}}); height: 80px; width: 85px;"></div>
                    <div class="info ml-4">
                      <h5><a href="#">{{ $info->name }}</a></h5>
                      <h6 class="position">{{ $info->designation }}</h6>
                    </div>
              </div>
            </div>
          </div>
        @endforeach
    </div>

</section>

@endsection