@extends('frontend.index')
@section('content')
    <section class="page-box">
        <div class="container page-info">
            <div class="page-bg">
                <div class="row title-row">
                    <div class="items col-sm-6 col-md-6 offset-md-1">
                        <h1 class="titles section-title wow animate__animated animate__fadeIn">News</h1>

                    </div>
                    <div class="items col-sm-6 col-md-4">
                        <ul class="breadcrumbs float-end d-table wow animate__animated animate__fadeIn">
                            <li class="first"><a href="{{ route('frontend.home') }}" title="Home">Home</a></li>
                            <li class="active">News</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="detail-section news-articles pt-0">
        <div class="container">
            <div class="row about-row">
                <div class="items detail-content-box col-md-12 col-12 col-sm-12">
                    <div class="featured-image latest-item mt-0">
                        <a href="{{ route('frontend.news-detail') }}" title="">
                            <img src="{{ asset('images/slide-12.jpg') }}" alt="">
                            <span class="text-overlays">
                                <h2 class="titles feat-title">Empowering Children Through Education</h2>
                                <span class="btn rounded-btn alt-btn">Read More</span>
                            </span>
                        </a>
                    </div>
                </div>
                <div class="items detail-content-box recent-updates col-md-9 col-9 col-sm-8">
                    <div class="row normal-post news-list project-list wide-list">
                        @for ($i = 0; $i < 1; $i++)
                            <div class="items col-12">
                                <div class="post-items">
                                    <a href="{{ route('frontend.news-detail') }}" title="">
                                        <div class="media d-flex">
                                            <figure class="article-img">
                                                <img src="{{ asset('images/slide-02.jpg') }}" alt="">
                                            </figure>
                                            <span class="media-body">
                                                <h2 class="titles post-title">Women’s Skill Development Program Completion
</h2>
                                                <span class="description">Education is the foundation of every thriving society, and empowering children with knowledge and skills is central...</span>
                                                <span class="btn rounded-btn">Read More</span>
                                            </span>
                                        </div>
                                    </a>
                                </div>
                            </div>

                            <div class="items col-12">
                                <div class="post-items">
                                    <a href="{{ route('frontend.news-detail') }}" title="">
                                        <div class="media d-flex">
                                            <figure class="article-img">
                                                <img src="{{ asset('images/slide-03.jpg') }}" alt="">
                                            </figure>
                                            <span class="media-body">
                                                <h2 class="titles post-title">Community Health Awareness Workshop</h2>
                                                <span class="description">Empowering women is a cornerstone of sustainable community development, and our Women’s Skill Development Initiative focuses...</span>
                                                <span class="btn rounded-btn">Read More</span>
                                            </span>
                                        </div>
                                    </a>
                                </div>
                            </div>

                            <div class="items col-12">
                                <div class="post-items">
                                    <a href="{{ route('frontend.news-detail') }}" title="">
                                        <div class="media d-flex">
                                            <figure class="article-img">
                                                <img src="{{ asset('images/slide-05.jpg') }}" alt="">
                                            </figure>
                                            <span class="media-body">
                                                <h2 class="titles post-title">Tree Plantation Drive Achieves Milestone
</h2>
                                                <span class="description">Access to quality healthcare and proper nutrition is essential for the well-being and development of individuals and communities....</span>
                                                <span class="btn rounded-btn">Read More</span>
                                            </span>
                                        </div>
                                    </a>
                                </div>
                            </div>

                            <div class="items col-12">
                                <div class="post-items">
                                    <a href="{{ route('frontend.news-detail') }}" title="">
                                        <div class="media d-flex">
                                            <figure class="article-img">
                                                <img src="{{ asset('images/slide-06.jpg') }}" alt="">
                                            </figure>
                                            <span class="media-body">

                                                <h2 class="titles post-title">Disaster Preparedness Training for Villages</h2>
                                                <span class="description">Access to clean water and proper sanitation is a fundamental human right, yet many communities, especially in rural...</span>
                                                <span class="btn rounded-btn">Read More</span>
                                            </span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        @endfor
                    </div>
                    @include ('frontend.partials.pagination')
                </div>

                <div class="right-side col-md-3 col-3 col-sm-4">
                    @include ('frontend.partials.side-projects')
                </div>


            </div>

        </div>
    </section>
@endsection