@extends('layouts.fdhl')
@section('title')
@if(isset($events)) 
{{$events['meta_title']}}
@endif
@endsection
@section('description')
@if(isset($events)) 
{{$events['meta_description']}}
@endif
@endsection
@section('keywords')
@if(isset($events)) 
{{$events['meta_keywords']}}
@endif
@endsection
@section('content')
<div class="aboutusBanner">
    <div class="container">
          <div class="row">
           <div class="col-12 d-flex justify-content-center col-sm-12 justify-content-sm-center col-md-8 justify-content-md-start col-lg-8 justify-content-lg-start aboutusBannerCol1">
           <h1>{{$events['title']}}</h1>
           </div>
           <div class="col-12 d-flex justify-content-center col-sm-12 justify-content-sm-center col-md-4 justify-content-md-center col-lg-4 justify-content-lg-center aboutusBannerCol2">
             <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                   <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{url('/index/events')}}">Events</a></li>

                </ol>
            </nav>
           </div>
       </div>
   </div>
</div>

<!-- Events LIST Start from here from here-->
   <div class="news-list">
         <div class="container">
             <div class="row">

              <div class="col-12 d-flex justify-content-center col-sm-12 justify-content-start col-md-12 justify-content-md-start col-lg-12 justify-content-lg-start newsCol1">
                    <div class="card" style="width: 100%; border:none;">
                        <img id="media-img-shadow" class="card-img-top"  height="auto" src="{{asset('/uploads/'.$events['image'])}}" alt="Card image cap">
                        <div class="card-body">
                        <h2 class="card-title">{{$events['title']}}</h2>
                        <p class="card-text">by Admin
                            <br>
                       {!!$events['description']!!}</p>
                      </div>
                 </div>
             </div>

         </div>
    </div>
      </div>
<!-- Events LIST Ends from here from here-->

<!-- Contact us Div Starts Here-->
<div class="contact-us">
    <div class="container">
        <div class="row">
        <div class="col-12 d-flex justify-content-center col-sm-12 justify-content-sm-center col-md-7 justify-content-md-start col-lg-9 justify-content-lg-start cucol1">
            <h2>Have a question or need help! Don't hesitate to contact us</h2>
        </div>
        <div class="col-12  d-flex justify-content-center col-sm-12 justify-content-center col-md-5 justify-content-md-start col-lg-3 justify-content-lg-start cucol2">
            <a href="{{url('/contact-us')}}" class="btn btn-border">Contact us</a>
        </div>
    </div>
</div>
</div>
<!-- Contact us Div Ends Here-->
@endsection