@extends('layouts.frontend.app')
@section('content')
<div class="jumbotron"
style="background: url('{{ asset('assets/frontend/img/media-banner1.png') }}'); background-size: cover; padding:8em !important;">
<div class="container">
    <h1 class="font-head text-center text-white roboto" style="font-family: 'Roboto', sans-serif;">
        Media</h1>
    <!-- <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p> -->
</div>
</div>

<div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="row">
          <div class="col-md-8 offset-md-2 text-center mb-3">
            <h2 class="pt-4 pb-4" style="color: #1a5289; font-size:21px;">{{ $media->title }}</h2>
            <img src="./img/media1.jpg" style="border-radius: 5px; width: 100%;" alt="">
          </div>
          <div class="col-md-8 offset-md-2 text-left mb-5">
            <h5 style="color:#f5a623;">NEWS & RELEASE</h5>
            <p style="line-height:32px; font-size:15px;">{!! $media->desc !!}</p>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection