@extends('layouts.app3')

@section('title', 'nirf_2026')

@section('content')



    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="assets/img/bg/breadcumb-bg.jpg" data-overlay="title" data-opacity="8">
        <div class="breadcumb-shape" data-bg-src="assets/img/bg/breadcumb_shape_1_1.png">
        </div>
        <div class="shape-mockup breadcumb-shape2 jump d-lg-block d-none" data-right="30px" data-bottom="30px">
            <img src="assets/img/bg/breadcumb_shape_1_2.png" alt="shape">
        </div>
        <div class="shape-mockup breadcumb-shape3 jump-reverse d-lg-block d-none" data-left="50px" data-bottom="80px">
            <img src="assets/img/bg/breadcumb_shape_1_3.png" alt="shape">
        </div>
        <div class="container">
            <div class="breadcumb-content text-center">
                <h1 class="breadcumb-title">NIRF 2026</h1>
                
            </div>
        </div>
    </div>
   <style>
table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
}

table tr {
    transition: 0.3s;
}

table tr:nth-child(odd) {
    background-color: #f9f9f9;
}

table tr:nth-child(even) {
    background-color: #ffffff;
}

table tr:hover {
    background-color: #fff3cd;
}

table td {
    padding: 14px 18px;
    font-size: 14px;
    color: #333;
}

/* First column (title) */
table td:first-child {
    font-weight: 600;
    width: 70%;
}

/* Link styling */
table a {
    display: inline-block;
    padding: 6px 14px;
    background-color: #0f385f;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 13px;
    transition: 0.3s;
}

table a:hover {
    background-color: #e68900;
}
</style>
     <!--==============================
nirf 2026 table
==============================-->
    <div class="overflow-hidden overflow-hidden bg-smoke space" id="about-sec" data-bg-src="assets/img/bg/about-5-bg.png">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                   
                </div>
                <div class="col-xl-12">
                    <div class="wpb_wrapper"><h2 style="color: #ffffff;text-align: center;background-color: #000;">NIRF 2026</h2></div>
                    
                    <div class="row align-items-center">
                        <div class="col-md-auto">
                            <div class="about-grid_img mb-30 mb-md-0">
                                <img src="assets/img/normal/commitees.png" alt="img">
                            </div>
                        </div>
                        <div class="col-md-7">
                            <div class="checklist">
                                <table>
<tbody>
<tr>
<td style="font-size: 14px; text-align: left;" rowspan="2">National Institutional Ranking Framework (OVERALL)</td>
</tr>
<tr>
<td><a href="document/academics/ranking_and_accreditation/nirf_2026/RAI_UNIVERSITY_2026.pdf" target="_blank" rel="noopener">Click here</a></td>
</tr>
<tr>
<td style="font-size: 14px; text-align: left;" rowspan="2">National Institutional Ranking Framework (MANAGEMENT)</td>
</tr>
<tr>
<td><a href="document/academics/ranking_and_accreditation/nirf_2026/RSMS_RAI_UNIVERSITY_2026.pdf" target="_blank" rel="noopener">Click here</a></td>
</tr>
<tr>
<td style="font-size: 14px; text-align: left;" rowspan="2">National Institutional Ranking Framework (ENGINEERING)</td>
</tr>
<tr>
<td><a href="document/academics/ranking_and_accreditation/nirf_2026/RSE_RAI_UNIVERSITY_2026.pdf" target="_blank" rel="noopener">Click here</a></td>
</tr>
<tr>
<td style="font-size: 14px; text-align: left;" rowspan="2">National Institutional Ranking Framework (PHARMACY)</td>
</tr>
<tr>
<td><a href="document/academics/ranking_and_accreditation/nirf_2026/PHARMACY_RAI_UNIVERSITY_2026.pdf" target="_blank" rel="noopener">Click here</a></td>
</tr>
</tbody>
</table>



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

                         
                           
   
     @endsection
     <!--********************************
			Code End  Here 
	******************************** -->

    <!-- Scroll To Top -->
    <div class="scroll-top">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
        </svg>
    </div>

    <!--==============================
    All Js File
============================== -->
    <!-- Jquery -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <!-- Slick Slider -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Counter Up -->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- Circle Progress -->
    <script src="assets/js/circle-progress.js"></script>
    <!-- Range Slider -->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!-- Isotope Filter -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!-- Tilt JS -->
    <script src="assets/js/tilt.jquery.min.js"></script>
    <!-- Tweenmax JS -->
    <script src="assets/js/tweenmax.min.js"></script>
    <!-- Nice Select JS -->
    <script src="assets/js/nice-select.min.js"></script>

    <!-- Main Js File -->
    <script src="assets/js/main.js"></script>

</body>

</html>