@include('layouts.header')
<!-- news section -->

<section class="news_section my-4">
    <div class="container">

        <div class="d-flex flex-column align-items-center">
            <h3 class="content-card-title">Latest news</h3>
        </div>

        <div class="row">
            @foreach($news_and_events as $news_and_event)
            <div class="col-md-6 col-lg-4 mx-auto">
                <div class="box">
                    <div class="img-box">
                        <img src="{{ url(env('EXT').'uploads/news and events/'.$news_and_event->image) }}" alt="">
                    </div>
                    <div class="detail-box">
                        <p>
                            {{ $news_and_event->title }}

                        </p>

                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>

<!-- end news section -->
@include('layouts.footer')