@extends('frontend.template.main')
@section('content')

@include('frontend.share._banner_activities')
<!-- =============== Latest News Area Start ============================ -->
<section id="latest_news">
    <div class="container">

        @include('frontend.share._breadcrumb')

        <div class="row">
            <div class="col-lg-12 col-sm-12 col-xs-12">

                <div class="row">
                    <div class="col-lg-12 " >
                        <!-- <div id="bar-category">
                            <div class="pull-left">
                                <h4>Official Activities</h4>

                            </div>
                            <div class="pull-right">
                                <span class="fa fa-th " aria-hidden="true" id="view-grid"></span>
                                <span class="fa fa-th-list " aria-hidden="true" id="view-list"></span>
                            </div>
                        </div> -->

                    </div>
                </div>
                @include('frontend.content_category.inc.latest_news')


            </div>

        </div>
    </div>
</section>



@endsection

@push('css')

<link href="{{asset('frontend/css/blog.css')}}" rel="stylesheet" /> 
<link href="{{asset('frontend/css/bc.css')}}" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.css" rel="stylesheet">
<style>
    .card-header{
        padding: 7px 18.25px;
        margin-bottom: 10px;
        background-color: white;
        border-bottom: 0px solid rgba(0,0,0,.125);
        font-size: 18px;
        border-left: 5px solid #343365;
        line-height: 25px;
        color: #343365;
    }
    .card {
        border-radius: 0rem; 
    }
    .card-header:first-child {
        border-radius:0px; 
    }
    .title-rc{
        position: relative;
    }

    .latest-category{
        padding: 7px 18.25px;
        margin-bottom: 10px;
        border-bottom: 0px solid rgba(0,0,0,.125);
        font-size: 18px;
        border-left: 5px solid #343365;
        line-height: 25px;
        color: #343365;
    }

</style>

@endpush

@push('jsscript')
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.6/jquery.fancybox.min.js"></script>


@endpush