@extends('front.layouts.layout')
@section('title',$announcement->title)
@section('content')
    <div class="main-content bg-lighter">
        <!-- Section: inner-header -->
        <section class="inner-header divider parallax layer-overlay overlay-dark-5" style="background-color: #0a53be;">
            <div class="container pt-20 pb-20">
                <!-- Section Content -->
                <div class="section-content">
                    <div class="row">
                        <div class="col-sm-8 text-left flip xs-text-center">
                            <h2 class="title text-white">Announcement</h2>
                        </div>
                        <div class="col-sm-4">
                            <ol class="breadcrumb text-right sm-text-center text-black mt-10">
                                <li><a href="{{route('home')}}">Home</a></li>
                                <li class="active text-gray-silver">Announcement</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Divider: Contact -->
        <section class="divider bg-white">
            <div class="container">
                <div class="row pt-20">
                    <div class="col-md-5">
                        <img src="{{ asset($announcement->image) }}" class="img-fluid mt-10">
                    </div>
                    <div class="col-md-7">
                        <h2 class="mt-0">{{ $announcement->title }}</h2>
                        <p class="mb-0">{!! $announcement->description !!}</p>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection