@extends('layouts.app')

@section('content')
<div class="page-header-banner" style="background-image: url('{{ asset('images/slider-2.jpg') }}');">
  <div class="overlay">
    <h1>ABOUT GIRT</h1>
  </div>
</div>

<div class="page-section">
  <div class="container">
        <p class="page-text">
            {!! nl2br(e($homeContent->valueForKey('introduction.description'))) !!}

<!--             {{$homeContent->valueForKey('introduction.description')}}
 -->        </p>

      <div class="row">
   <div class="col-sm-4"></div>
   <div class="row">
     <div class="col-sm-12">
       <a href="{{ user_asset($aboutContent->valueForKey('links.divelog-article.media-path')) }}"
         class="page-link2">download Divelog Article 2018 </a>
     </div>
   </div>
 </div>

  </div>
</div>


<div class="page-section background-grey">
  <div class="container">
    <h2 class="pageheader">About GIRT Scientific Divers Pty Ltd</h2>
    <div class="row justify-content-sm-center">
      <div class="col-sm-4">
        <div class="wreck-logo">
            <img id="img_prev" src="{{ user_asset($aboutContent->valueForKey('wreck-check.media-path')) }}" width="200" alt="" >
        </div>
      </div>
      <div class="col-md-8">
        <p class="page-text">
           {!! nl2br(e($aboutContent->valueForKey('wreck-check.description'))) !!}
        </p>
        <div class="btn-content mt-20">
          <a href="http://wreckcheckinc.org/" target="_blank" class="girt-btn">read more <i></i></a>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="page-section">
  <div class="container">
    <h2 class="pageheader">ABOUT THE RESEARCHER</h2>
    <div class="row">
      <div class="col-md-4">
        <div class="row">
          <div class="col-sm-6 col-md-12">
            <div class="wreck-logo">
               <img id="img_prev" src="{{ user_asset($aboutContent->valueForKey('researcher.media-path')) }}" width="200" alt="" >
            </div>
          </div>
          <div class="col-sm-6 col-md-12" style="top:10px;">
            <div class="row">
              <div class="col-sm-12"><a href="{{ $aboutContent->valueForKey('links.academia') }}" class="page-link2">academia</a></div>
             <!--  <div class="col-sm-12">
                <a href="{{ user_asset($aboutContent->valueForKey('links.divelog-article.media-path')) }}"
                  class="page-link2">download Divelog Article 2018 </a>
              </div>

              <div class="col-sm-12">
                <a href="{{ user_asset($aboutContent->valueForKey('links.info-sheet.media-path')) }}"
                  class="page-link2" download>UNE – Information Sheet for participants</a>
              </div> -->
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-8">
        <div class="researcher-content">
          <p class="page-text">
            {!! nl2br(e($aboutContent->valueForKey('researcher.description'))) !!}
          </p>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="page-section background-grey">
  <div class="container">
    <h2 class="pageheader">Sponsors and Supporters</h2>
    <div class="sponsors-slider">
      <div class="owl-carousel owl-carousel-3 owl-theme">
         @foreach ($sponsors as $indexKey => $sponsor)
          @if($sponsor)
            <div class="item">
                <a href="{{$sponsor->link}}">
                    <img src="{{ asset($sponsor->logo_url) }}">
                </a>
            </div>
          @endif
        @endforeach
      </div>
    </div>
  </div>
</div>
@endsection