department.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Arogya Sampark</title>
  <link rel="icon" type="image/png" href="./assets/favicon.png">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="./styling/style.css">
  <link rel="stylesheet" href="./styling/department.css">
  <nav class="navbar navbar-expand-lg navbar-light bg-transparent">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
      aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" href="./index.html">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Departments</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="./appointment.html">Appointment</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="./news.html">News</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="./contact.html">About Us</a>
        </li>
        <a class="navbar-brand" href="#">
          <img src="./assets/favicon.png" width="35" height="35" class="d-inline-block align-top" alt="">
          Arogya Sampark
        </a>
      </ul>
      <ul class="navbar-nav ml-auto">
        <li class="nav-item">
          <a class="nav-link" href="./login.html">Log In / Sign Up</a>
        </li>
        <li class="nav-item-emergency">
          <a class="nav-link" href="./emergency.html">Emergency</a>
        </li>
      </ul>
    </div>
  </nav>
</head>

<body>
  <h1>Departments</h1>
  <div class="container mt-5">
    <div class="card">
      <div class="row">
        <div class="col-md-4">
          <img src="./assets/pic1.jpg" class="img-fluid">
        </div>
        <div class="col-md-8" style="padding-left: 1.4vw; padding-top: 1.5vh;">
          <h2 class="card-title mt-2">General Surgery Department</h2>
          <h5 id="hod" style="padding-bottom: 0.5vh; display: none;">Head of Department (HOD) - Dr. Subhankar Ray</h5>
          <p id="desc">General surgery involves a range of surgical procedures focused on the abdomen and its organs,
            including the digestive tract. Surgeons in this department address various medical conditions and perform
            surgeries for treatment.</p>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row" id="2">
        <div class="col-md-8" style="padding-left: 3vw; padding-top: 3vh;">
          <h2 class="card-title mt-2">Cardiology Department</h2>
          <h5 id="hod" style="padding-bottom: 0.5vh; display:none">Head of Department (HOD) - Dr. Manoj Baidya</h5>
          <p id="desc">Cardiology deals with the study and treatment of heart-related conditions. Cardiologists diagnose
            and manage heart diseases, cardiac emergencies, heart failure, arrhythmias, and other cardiovascular
            disorders.</p>
        </div>
        <div class="col-md-4">
          <img src="./assets/pic2_edit.jpg" class="img-fluid">
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row">
        <div class="col-md-4">
          <img src="./assets/pic4.png" class="img-fluid">
        </div>
        <div class="col-md-8" id="2" style="padding-left: 3vw; padding-top: 2vh;">
          <h2 class="card-title mt-2">Neurology Department</h2>
          <h5 id="hod" style="display:none;">Head of Department (HOD) - Dr. Arnab Santra</h5>
          <p id="desc">The Neurology Department focuses on the diagnosis and treatment of disorders affecting the
            nervous
            system, including the brain, spinal cord, and nerves. Neurologists manage conditions like epilepsy, stroke,
            multiple sclerosis, and other neurological disorders.</p>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="row">
        <div class="col-md-8" id="2" style="padding-left: 3vw; padding-top: 2vh;">
          <h2 class="card-title mt-2">Department of Oncology</h2>
          <h5 id="hod" style="display: none;">Head of Department (HOD) - Dr. Sambhav Agarwal</h5>
          <p id="desc">Oncology is the branch of medicine that deals with the study, diagnosis, and treatment of cancer.
            Oncologists specialize in various types of cancer, including their prevention, diagnosis, treatment
            planning, and ongoing care.</p>
        </div>
        <div class="col-md-4">
          <img src="./assets/pic5.jpg" class="img-fluid">
        </div>
      </div>
    </div>

    <div class="card">
      <div class="row">
        <div class="col-md-4">
          <img src="./assets/pic10.jpg" class="img-fluid">
        </div>
        <div class="col-md-8" id="2" style="padding-left: 3vw; padding-top: 3vh;">
          <h2 class="card-title mt-2">Emergency Department (ED)</h2>
          <h5 id="hod" style="padding-bottom: 0.5vh; display: none;">Head of Department (HOD) - Dr. Nilratan Mondal</h5>
          <p id="desc">The Emergency Department (ED) is the first point of contact for individuals seeking immediate
            medical attention. It addresses urgent medical conditions and injuries, providing immediate care
            and
            stabilization before further evaluation and treatment.</p>
        </div>
      </div>
    </div>
  </div>
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@1.16.0/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script>
</body>

</html>