@extends("frontend.layout.main")

@section("content")

<section class="jobs-section">
    <div class="container">

        <h2 class="jobs-title">Jobs</h2>

        <div class="row g-4 mt-4">

            <!-- Job Card -->
            <div class="col-lg-4 col-md-6">
                <a href="#" class="job-card">
                    <div class="job-img">
                        <img src="{{asset('frontend/images/job1.png')}}" alt="">
                    </div>
                    <div class="job-body">
                        <h3>Recruitment of Law Executive</h3>
                        <p class="meta">18-Jun-2024 &nbsp; || &nbsp; EDITOR</p>
                    </div>
                </a>
            </div>

            <div class="col-lg-4 col-md-6">
                <a href="#" class="job-card">
                    <div class="job-img">
                        <img src="{{asset('frontend/images/job1.png')}}" alt="">
                    </div>
                    <div class="job-body">
                        <h3>Department of Law</h3>
                        <p class="meta">23-May-2024 &nbsp; || &nbsp; Madhu</p>
                    </div>
                </a>
            </div>

            <div class="col-lg-4 col-md-6">
                <a href="#" class="job-card">
                    <div class="job-img">
                        <img src="{{asset('frontend/images/job1.png')}}" alt="">
                    </div>
                    <div class="job-body">
                        <h3>Internship Opportunity with Adv Sharanya Sankaranarayanan</h3>
                        <p class="meta">23-May-2024 &nbsp; || &nbsp; Madhu</p>
                    </div>
                </a>
            </div>

        </div>

        <!-- PAGINATION -->
        <div class="jobs-pagination">
            <a href="#" class="page-btn">Prev</a>
            <a href="#" class="page-num active">1</a>
            <a href="#" class="page-num">2</a>
            <a href="#" class="page-num">3</a>
            <a href="#" class="page-btn">Next</a>
        </div>

    </div>
</section>

@endsection