@include('frontend.header')


<main class="main">
    <div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/01.png)">
        <div class="container">
            <h2 class="breadcrumb-title">RECRUITMENTS & ADMISSIONS</h2>
            <ul class="breadcrumb-menu">
                <li><a href="#">Home</a></li>
                <li class="active">RECRUITMENTS & ADMISSIONS</li>
            </ul>
        </div>
    </div>
    <section id="recruitments-admissions" class="py-5">
        <style>
        :root {
            --navy: #002147;
            --gold: #f4b400;
            --light: #ffffff;
            --gray: #f8f9fa;
        }

        #recruitments-admissions {
            background-color: var(--gray);
            color: var(--navy);
        }

        #recruitments-admissions .section-title {
            font-weight: 700;
            font-size: 2rem;
            color: var(--navy);
            position: relative;
            display: inline-block;
            margin-bottom: 1rem;
        }

        #recruitments-admissions .section-title::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 60%;
            height: 3px;
            background-color: var(--gold);
            border-radius: 2px;
        }

        .recruit-table {
            width: 100%;
            border-collapse: collapse;
            background-color: #fff;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
            border-radius: 10px;
            overflow: hidden;
        }

        .recruit-table th {
            background-color: var(--navy);
            color: var(--light);
            text-align: center;
            padding: 15px;
            font-weight: 600;
        }

        .recruit-table td {
            padding: 15px;
            text-align: left;
            border-bottom: 1px solid #dee2e6;
        }

        .recruit-table tr:hover {
            background-color: rgba(244, 180, 0, 0.08);
            transition: 0.3s ease;
        }

        .recruit-table a {
            color: var(--gold);
            font-weight: 600;
            text-decoration: none;
        }

        .recruit-table a:hover {
            text-decoration: underline;
        }

        @media (max-width: 768px) {

            .recruit-table th,
            .recruit-table td {
                font-size: 0.95rem;
                padding: 10px;
            }
        }
        </style>

        <div class="container">
            <div class="text-center mb-4">
                <h2 class="section-title">RECRUITMENTS & ADMISSIONS</h2>
            </div>

            <div class="table-responsive">
                <table class="recruit-table">
                    <thead>
                        <tr>
                            <th>S.No</th>
                            <th>Title</th>
                            <th>View</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>CAREERS IN CYBERSECURITY</td>
                            <td><a href="{{ asset('assets/documents/recruitment/CYBERSEC.pdf') }}" target="_blank">Click Here to view</a></td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>RECRUITMENT AT UDC IN PONDICHERRY STATE GOVERNMENT</td>
                            <td><a href="{{ asset('assets/documents/recruitment/udc.jpg') }}" target="_blank">Click Here to view</a></td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>GATE 2023 NOTIFICATION</td>
                            <td><a href="{{ asset('assets/documents/recruitment/gate.jpeg') }}" target="_blank">Click Here to view</a></td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>EXECUTIVE MBA PROGRAM @ IIT CHENNAI</td>
                            <td><a href="{{ asset('assets/documents/recruitment/MBA.jpg') }}" target="_blank">Click Here to view</a></td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>VARIOUS RECRUITMENTS @ SHAKITYA ACADEMY</td>
                            <td><a href="{{ asset('assets/documents/recruitment/SHAKIT.jpg') }}" target="_blank">Click Here to view</a></td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>RECRUITMENT AT SSC</td>
                            <td><a href="{{ asset('assets/documents/recruitment/SSC.jpg') }}" target="_blank">Click Here to view</a></td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>RECRUITMENT AT AUDIT</td>
                            <td><a href="{{ asset('assets/documents/recruitment/AUDIT.pdf') }}" target="_blank">Click Here to view</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>
</main>

@include('frontend.footer')