@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">Search</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">Search</li>
                        </ul>


                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="detail-section news-articles pt-0">
        <div class="container">
            <span class="result-box">
                <h2 class="titles text-center title-4 result-title">25 items found for <span
                        class="keyword-title">"Education"</span></h2>
            </span>

            <div class="recent-updates mt-3">
                <div class="row normal-post news-list project-list wide-list">
                    @for ($i = 0; $i < 3; $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">Protecting Our Oceans: Raising Awareness and
                                                Combating Plastic Pollution</h2>
                                            <span class="description">It is a long established fact that a reader will
                                                be
                                                distracted
                                                by the readable content of a page when looking at its layout...</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">Empowering Youth, Transforming Communities:
                                                Skills Training and Leadership Development Programs</h2>
                                            <span class="description">It is a long established fact that a reader will be
                                                distracted
                                                by the readable content of a page when looking at its layout...</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">Planting the Seeds of Change: Reforestation
                                                Efforts to Combat Climate Change</h2>
                                            <span class="description">It is a long established fact that a reader will be
                                                distracted
                                                by the readable content of a page when looking at its layout...</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">Use action verbs and positive language to
                                                highlight the impact of your project.</h2>
                                            <span class="description">It is a long established fact that a reader will be
                                                distracted
                                                by the readable content of a page when looking at its layout...</span>
                                            <span class="btn rounded-btn">Read More</span>
                                        </span>
                                    </div>
                                </a>
                            </div>
                        </div>
                    @endfor
                </div>

                @include ('frontend.partials.pagination')
            </div>
        </div>
    </section>
@endsection