@extends('layouts.masterHome')
@section('publicAboutgirt')
<div class="page-header-container" style="background-image: url('{{ asset('image/site-images/Pageheader.jpg') }}');">
    <div class="pageheader-content"><h1>ABOUT GIRT</h1></div>
</div>
<div class="section-container">
    <div class="section-content">
        <p class="page-text-content">
            @if($aboutGirt)
            {{$aboutGirt->description}}
            @endif
        </p>
        <div class="page-btn-content">
            @if($scientificDivers)
            <a href="uneInforDownload/{{$scientificDivers->id}}" class="girt-btn">Download the une information<i></i></a>
            @endif
        </div>
    </div>
</div>
<div class="section-container background-grey">
    <div class="section-content grid-unset">
        <h1 class="page-header-content">About GIRT Scientific Divers Pty Ltd</h1>
        <div class="about-wreck">
            <div class="logo">
                <img src="{{ asset('image/site-images/WreckCheck.png') }}">
            </div>
            <div class="content">
                <p class="text">
                    @if($wreckCheck)
                    {{$wreckCheck->description}}
                    @endif
                </p>
                <a href="http://wreckcheckinc.org/" target="_blank" class="girt-btn">read more <i></i></a>
            </div>
        </div>

    </div>
</div>
<div class="section-container-flex">
        <div class="section-content-flex">
            <div class="members">
                <h1 class="header">about the researcher</h1>
                <div class="about-re">
                    <div class="data-content">
                        <h4>Research Question</h4>
                        @if($aboutResearcher)
                            <p>{{$aboutResearcher->description}} </p>
                        @endif
                        <div class="btn-content">
                            <a href="" class="girt-btn">une student page <i></i></a>
                            <a href="/login" class="girt-btn mrg-r">Login <i></i></a>
                        </div>
                    </div>
                    <div class="image-content">
                        <div class="bio-image">
                            <img src="{{ asset('image/site-images/u-1.jpg') }}">
                        </div>
                        <div class="btn-content">
                            <a href="" class="girt-btn">academia<i></i></a>
                            <a href="" class="girt-btn mrg-r">linkedin<i></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section-container-flex background-grey">
        <div class="section-content-flex">
            <div class="sponsors">
                <h1 class="header">Sponsors</h1>
                <div class="sponsors-content">
                    <div class="owl-carousel owl-carousel3 owl-theme">

                        @foreach ($sponsors as $indexKey => $sponsor)
                        @if($sponsor)
                        <div class="item">
                            <a href="http://{{$sponsor->link}}">
                                <img src="{{ $sponsor->path}}{{$sponsor->logo_image }}">
                            </a>
                        </div>
                        @endif
                         @endforeach
                     
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection