@extends('components.main-app')

@section('title', 'News')

@section('content')
@include('components.navbar')
<script>
    AOS.init();
</script>
<div class="bg-center bg-cover oswald" style=" background-image: url('{{ url('/images/newsandevents.png') }}');">
    <div class="flex items-center justify-center">
        <div class="container mx-auto">
            <div class="py-40 ml-4 text-white md:ml-20">
                <h1 class="text-4xl font-bold lg:text-6xl" style="color:#00263e" ;>News and Events</h1>
                <p class="" style="color:#00263e">
                    Lorem Ipsum Dolor
                </p>
            </div>
        </div>
    </div>
</div>

<div class="container max-w-4xl mx-auto my-20 oswald">
    <div data-aos="fade-down" class="flex flex-col items-center justify-center mx-4 space-y-4">
        <img src="{{asset('images/news3.png')}}" alt="">
        <div data-aos="fade-up" class="flex flex-col items-center justify-center space-y-4">
            <h3 class="text-2xl font-bold md:text-4xl" style="color:#00263e">
                Lorem Ipsum Dolor
            </h3>
            <div class="flex flex-row items-center space-x-12">
                <div class="flex flex-row items-center">
                    <i class='bx bxs-user'></i>
                    <p>Admin</p>
                </div>
                <div class="flex flex-row items-center">
                    <i class='bx bxs-calendar'></i>
                    <p>June 6, 2024</p>

                </div>
            </div>
            <p class="text-justify ">
                Sed ut dui nec leo mattis pharetra vitae non justo. Nam congue lorem ullamcorper quam consequat, sit amet porttitor elit eleifend. Morbi lobortis risus quis neque maximus bibendum. Sed convallis hendrerit justo, pretium iaculis lacus ullamcorper id. Ut scelerisque, massa at varius rhoncus, neque nulla volutpat odio, at condimentum justo ex sed lorem. Donec at ipsum at augue malesuada mollis sit amet eu massa. Aliquam facilisis magna ut lectus aliquam, placerat viverra magna luctus. Sed ut dui nec leo mattis pharetra vitae non justo. Nam congue lorem ullamcorper quam consequat, sit amet porttitor elit eleifend. Morbi lobortis risus quis neque maximus bibendum. Sed convallis hendrerit justo, pretium iaculis lacus ullamcorper id. Ut scelerisque, massa at varius rhoncus, neque nulla volutpat odio, at condimentum justo ex sed lorem. Donec at ipsum at augue malesuada mollis sit amet eu massa. Aliquam facilisis magna ut lectus aliquam, placerat viverra magna luctus. Sed ut dui nec leo mattis pharetra vitae non justo. Nam congue lorem ullamcorper quam consequat, sit amet porttitor elit eleifend. Morbi lobortis risus quis neque maximus bibendum. Sed convallis hendrerit justo, pretium iaculis lacus ullamcorper id. Ut scelerisque, massa at varius rhoncus, neque nulla volutpat odio, at condimentum justo ex sed lorem. Donec at ipsum at augue malesuada mollis sit amet eu massa. Aliquam facilisis magna ut lectus aliquam, placerat viverra magna luctus.
            </p>
        </div>

    </div>
</div>


@include('components.footer')

@endsection