@extends('layouts.app3')

@section('title', 'board-of-management-finance-committee')

@section('content')

<style>
    .custom-table {
        border: 2px solid #444;   /* dark gray border */
        box-shadow: 0 20px 10px rgba(0,0,0,0.15); /* shadow effect */
        border-radius: 10px;  /* smooth corners */
        overflow: hidden;  /* keeps rounded corners clean */
    } 
 
    .custom-table th {
        background-color: #0f385f;
        text-align: center;
        color: #fff;
        border: 2px solid #444;
    }

    .custom-table td {
        text-align: center;
        vertical-align: middle;
        border: 2px solid #444;
    } 

    .section-header {
        background-color: #0f385f73;
        font-weight: bold;
        text-align: left !important;
    }
    .table th, .table td {
    white-space: nowrap;   /* Prevents text from breaking */
    font-size: 14px;       /* Slightly smaller font for mobile */
    padding: 8px;
}
</style>  
    <!--==============================
    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">Board of Management & Finance Committee</h1>
                <ul class="breadcumb-menu">
                    <li><a href="index.html">About</a></li>
                    <li>Board of Management & Finance Committee</li>
                </ul>
            </div>
        </div>
    </div>
   
     <!--==============================
University Commitiees & Cells 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="title-area mb-35">
                        <h2 class="sec-title"> Board of Management & Finance Committee</h2>
                    </div>
                    
                    
                    <div class="row align-items-center">
                        <div class="col-md-auto">
                            <div class="about-grid_img mb-30 mb-md-0 d-none d-md-block">
    <img src="document/about/board_image.jpg" alt="Board Members">
</div>
                        </div>
                        <div class="col-md-9">
                            <div class="checklist">
                            <div class="table-responsive">
                              <table class="table table-bordered custom-table">
    <thead>
        <tr>
            <th>S.NO.</th>
            <th>Name</th> 
            <th>Designation</th>
            <th>Chairman/Member</th>
        </tr>
    </thead>
    <tbody>
        <!-- President -->
        <tr class="section-header">
            <td colspan="4">The President</td>
        </tr>
        <tr>
            <td>1</td>
            <td>Mr. Amit Rai</td>
            <td>President</td>
            <td>Chairperson</td>
        </tr>

        <!-- Provost -->
        <tr class="section-header">
            <td colspan="4">The Provost</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Dr. Anil Tomar</td>
            <td>Provost</td>
            <td>Member</td>
        </tr>

        <!-- Sponsoring Body -->
        <tr class="section-header">
            <td colspan="4">Sponsoring Body</td>
        </tr>
        <tr>
            <td>3</td>
            <td>Mr. Lalit Adhikari</td>
            <td>Director - Admissions &amp; Outreach</td>  
            <td rowspan="2">Member (Nominee of Sponsoring Body)</td>
        </tr>
        <tr>
            <td>4</td>
            <td>Dr. Prahladbhai Patel</td>
            <td>Dean &amp; Professor, Rai School of Agriculture</td>
        </tr>
        <tr>
            <td>5</td> 
            <td>Mr. Pramod Bhatnagar</td>
            <td>Chief Finance Officer</td>
            <td rowspan="2">Member (Nominee of Sponsoring Body)</td>
        </tr>
        <tr>
            <td>6</td>
            <td>Dr. Ausaf Ahmad Malik</td>
            <td>Principal &amp; Professor, School of Law</td>
        </tr>
        <tr>
            <td>7</td>
            <td>Dr. Sandeep Chandra</td>
            <td>Associate Dean, RSMS</td>
            <td rowspan="3">Member (Nominee of Sponsoring Body)</td>
        </tr>
        <tr>
            <td>8</td>
            <td>Dr. Rathi Sanjeshbhai Gautambhai</td>
            <td>Principal, SOP</td>
        </tr>
        <tr>
            <td>9</td>
            <td>Mr. Veerendra Singh Nagoria</td>
            <td>I/C Controller of Examination</td>
        </tr>

        <!-- Nominee by President -->
        <tr class="section-header">
            <td colspan="4">Member (Nominee by President)</td>
        </tr>
        <tr>
            <td>10</td>
            <td>Dr. Sailesh Suryanarayan Iyer</td>
            <td>Professor &amp; Dean, Rai School of Engineering</td>
            <td rowspan="2">Member (Nominee by President)</td>
        </tr>
        <tr>
            <td>11</td>
            <td>Dr. Pradeep Singh</td>
            <td>I/C Dean, RSS</td>
        </tr>

        <!-- Member Secretary -->
        <tr class="section-header">
            <td colspan="4">Member Secretary</td>
        </tr>
        <tr>
            <td>12</td>
            <td>Dr. Deepak K Vyas</td>
            <td>I/C Registrar<br>Rai University, Ahmedabad</td>
            <td>Member Secretary</td>
        </tr>
    </tbody>
</table>

                            </div>
                        </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>