@extends('web.layouts.layout')

@section('content')

<section class="news section-padding">
    <div class="container">
        <div class="content">
            <!-- our projects -->
            <div class="row">
                @foreach($articles as $article)
                <div class="col-lg-4">
                    <div class="items wow zoomIn">
                        <div class="img">
                            <a href="{{ $article['route'] }}">
                                <img src="{{ $article['image'] }}" alt="{{ $article['title'] }}">
                            </a>
                        </div>
                        <div class="info">
                            <div class="date">
                                {{ $article['date'] }}
                            </div>
                            <a href="{{ $article['route'] }}">
                                <h5>{{ $article['title'] }}</h5>
                            </a>
                            <small>{{ $article['intro'] }} <a href="{{ $article['route'] }}">See More</a></small>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            <!-- <div class="pagination text-center">
                <ul>
                    <li><a href="#"><i class="fas fa-chevron-left"></i></a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">...</a></li>
                    <li><a href="#"><i class="fas fa-chevron-right"></i></a></li>
                </ul>
            </div> -->
        </div>
    </div>
</section>

@endsection

@section('content_js')

@endsection