@extends('layouts.layout_common')
@section('title', 'Case || Judges || Judges Laravel Template')
@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/page-header.css') }}">
@endpush

@section('content')

    <x-page_header title="Case" subtitle="Case" />


    <!--Page Header End-->

    <!--Case Page Start -->
    <section class="case-page">
        <div class="container">
            <div class="row masonary-layout">
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-1.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-1.jpg') }}" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Initial Consultation</a></h3>
                                    <p>Family Law</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-2.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-2.jpg') }}" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Legal Education</a></h3>
                                    <p>Accident</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="300ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-3.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-3.jpg') }}" class="img-popup"><span
                                                class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Medical Negligence</a></h3>
                                    <p>Civil</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="400ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-5.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-5.jpg') }}"
                                            class="img-popup"><span class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Client Consultation</a></h3>
                                    <p>Parental Rights</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="500ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-4.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-4.jpg') }}"
                                            class="img-popup"><span class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Preliminary Meeting</a></h3>
                                    <p>Custody Disputes</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
                <!--Case Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="600ms">
                    <div class="case-two__single">
                        <div class="case-two__img-box">
                            <div class="case-two__img">
                                <img src="{{ asset('assets/images/case/case-two-1-6.jpg') }}" alt="">
                                <div class="case-two__content-box">
                                    <div class="case-two__icon-box">
                                        <a href="{{ asset('assets/images/case/case-two-1-6.jpg') }}"
                                            class="img-popup"><span class="icon-right-arrow-1"></span></a>
                                    </div>
                                    <h3><a href="{{ route('case-details') }}">Legal Advice</a></h3>
                                    <p>Divorce Cases</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Case Two Single End -->
            </div>
        </div>
    </section>
    <!--Case Page End -->

    <x-footer_one />
@endsection
