@extends('web.layouts.layout')

@section('content')

<section class="news section-padding">
    <div class="container">
        <div class="content">
            <!-- our projects -->
            <div class="row">
                @foreach($categories as $category)
                <div class="col-lg-4">
                    <div class="items wow zoomIn">
                        <a href="{{ $category['route'] }}">
                            <div class="img">
                                <img src="{{ $category['image'] }}" alt="{{ $category['name'] }}">
                            </div>
                        </a>
                        <div class="info">
                            <a href="{{ $category['route'] }}">
                                <h5>{{ $category['name'] }}</h5>
                            </a>
                            <small style="height: 25px;"><a href="{{ $category['route'] }}">See More</a></small>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>

        </div>
    </div>
</section>

@endsection

@section('content_js')

@endsection