<?php include 'includes/header.php' ?>

<!-- Breadcrumb -->


<?php
$breadcrumb_title = "Board Of Management";
$breadcrumb_path = "About Us > Board Of Management";

include 'includes/breadcrumb.php';

?>


<!-- Board Of Management Section -->

<div class="container-fluid person-section py-4">
  <div class="container my-5">
    <div class="row g-4">
      <!-- Person 1 -->
      <div class="col-lg-4 col-md-6">
        <div class="person-card text-center p-3">
          <img src="assets/chairman.jpg" alt="Dr. Amit Shastri" class="person-image rounded-circle mb-3">
          <h4 class="mb-2">Dr. Amit Shastri</h4>
          <p class="fs-5 text-blue">Chairperson</p>
          <p class="fs-10">Aryabhatta Group of Institutions</p>
        </div>
      </div>
      <!-- Person 2 -->
      <div class="col-lg-4 col-md-6">
        <div class="person-card text-center p-3">
          <img src="assets/director.jpg" alt="Dr. Inderpreet Chhabra" class="person-image rounded-circle mb-3">
          <h4 class="mb-2">Dr. Ridhima Shastri</h4>
          <p class="fs-5 text-blue">Director</p>
          <p class="fs-10">Aryabhatta Group of Institutions</p>
        </div>
      </div>
      <!-- Person 4 -->
      <div class="col-lg-4 col-md-6">
        <div class="person-card text-center p-3">
          <img src="assets/inderpreet.jpg" alt="Dr. Inderpreet Chhabra" class="person-image rounded-circle mb-3">
          <h4 class="mb-2">Dr. Inderpreet Chhabra</h4>
          <p class="fs-5 text-blue">Principal</p>
          <p class="fs-10">Aryabhatta College of Management</p>
        </div>
      </div>
    </div>
  </div>
</div>


<style>
  .person-section {
    /* background-image: url('assets/texture.jpg'); */
    /* background-color: #05488B; */
    /* background-color:rgb(29, 52, 75); */
    background-repeat: repeat;
    background-size: auto;
    background-position: top left;
  }

  .person-image {
    width: 150px;
    height: 150px;
    object-fit: fill;
    border-radius: 50%;
    border: 5px solid white;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .person-details {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }

  .person-card {
    background-color: white;
    /* border: 1px solid black; */
    height: 350px;
    border-radius: 16px;
    padding: 10px 0px;
    box-shadow: 0px 0px 10px 2px rgba(102, 51, 38, 0.5);
  }

  .mybtn {
    background: rgb(9, 32, 95);
    color: #fff;
    border-radius: 18px;
    font-size: 20px;
    height: 47px;
    width: 140px;
  }

  .mybtn:hover {
    background: rgb(9, 32, 95);
    color: #fff;
    border-radius: 18px;
    font-size: 20px;
    height: 47px;
    width: 140px;
    transform: scale(1.05);
    transition: transform 0.2s ease;
  }
</style>



<?php include 'includes/footer.php' ?>