```php
<style>
    /* =========================
       General Styling
    ========================== */
    body {
        font-family: 'Poppins', sans-serif;
        background-color: #f9f9fb;
        color: #333;
        margin: 0;
        padding: 0;
    }

    h1.down {
        color: #8B0000;
        font-weight: 600;
        margin-bottom: 25px;
        text-align: center;
    }

    /* =========================
       Downloads Section
    ========================== */
    .download-section {
        background-color: #ffffff;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
        margin-bottom: 40px;
    }

    .download-list {
        padding-left: 0;
        margin: 0;
        list-style: none;
        text-align: left;
    }

    .download-list li {
        margin-bottom: 10px;
        line-height: 1.5;
        background-color: #fdfdfd;
        border: 1px solid #eeeeee;
        border-radius: 6px;
        padding: 10px 15px;
        transition: all 0.2s ease;
    }

    .download-list li:hover {
        background-color: #fff7f7;
        border-color: #f5c6cb;
        transform: translateX(3px);
    }

    .hhh {
        color: #b50000;
        text-decoration: none;
        font-weight: 500;
        display: block;
    }

    .hhh:hover {
        text-decoration: underline;
        color: #8B0000;
    }

    /* =========================
       Image Section
    ========================== */
    .img-section {
        margin-bottom: 50px;
    }

    .image-box {
        overflow: hidden;
        border-radius: 10px;
    }

    .img-section img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        display: block;
        border-radius: 10px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;
    }

    .img-section img:hover {
        transform: scale(1.03);
    }

    /* =========================
       Footer
    ========================== */
    footer {
        margin-top: 40px;
    }

    /* =========================
       Responsive Design
    ========================== */
    @media (max-width: 768px) {

        .download-section {
            padding: 20px;
        }

        h1.down {
            font-size: 1.6rem;
        }

        .img-section img {
            height: 250px;
        }
    }

    @media (max-width: 576px) {

        .download-section {
            padding: 15px;
        }

        h1.down {
            font-size: 1.4rem;
        }

        .img-section img {
            height: 220px;
        }

        .download-list li {
            padding: 8px 10px;
        }
    }
</style>


<!-- =========================================
     Header Section
========================================= -->
<div class="container-fluid">
    <div class="row">

        
  <style>
    .navbar-nav .nav-link:hover {
      color: red !important;
    }
  </style>


<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
  <div class="container-fluid">

    <!-- Toggler/collapsing button -->
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar" aria-controls="collapsibleNavbar" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <!-- Navbar links -->
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
      <ul class="navbar-nav ms-auto">
        <li class="nav-item">
          <a class="nav-link text-white" href="/bodies/careers.php">CAREERS</a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-white" href="https://www.digitallibrary.edu.pk/khyber_med_uni_ho.html" target="_blank">DIGITAL LIBRARY</a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-white" href="#">0922-514095</a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-white" href="mailto:princkims@kmu.edu.pk">princkims@kmu.edu.pk</a>
        </li>    
      </ul>
    </div>
  </div>
</nav>


        <style>
    .body{
      background-color:gray;
    }
    .kims {
      width: 180px;
      height: 150px;
      float:left;
    }
    .kmu {
      width: 183px;
      height: 150px;
    }
    .header-row {
      display: flex;
      align-items: center; /* Vertically center items */
      justify-content: space-between; /* Space out items */
      padding: 10px 0; /* Optional: Add some padding */
    }
    .hh {
      text-align: center; /* Center the text */
      flex-grow: 1; /* Allow text to take available space */
      margin: 0 20px; /* Add some margin to prevent crowding */
    }
  </style>

  <div class="container-fluid">
    <div class="row header-row">
      <div class="col-auto">
        <img src="imagess/kimslogo.jpg" class="kims" alt="KIMS Logo">
      </div>
      <div class="col d-flex align-items-center justify-content-center">
        <h1 class="hh">KMU INSTITUTE OF MEDICAL SCIENCES KOHAT</h1>
      </div>
      <div class="col-auto">
        <img src="imagess/kmulogo.png" class="kmu" alt="KMU Logo">
      </div>
    </div>
  </div>

        
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

  <title>KIMS Website</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }

    .navbar {
      width: 100%;
      height: 80px;
      background-color: darkred;
    }

    .navbar-nav {
      width: 88%;
      justify-content: left;
    }

    .nav-link {
      color: white !important;
      font-size: 25px !important;
      margin: 0 2px;
      padding: 4px 6px;
      transition: color 0.3s ease;
    }

    .nav-link:hover {
      color: black !important;
    }

    .dropdown-menu {
      background-color: darkred !important;
      border: none;
    }

    .dropdown-item {
      color: white !important;
      font-size:24px;
      padding: 5px 10px;
      transition: background-color 0.3s ease, color 0.3s ease;
    }

    .dropdown-item:hover {
      background-color: red;
      color: black !important;
    }

    .navbar-toggler {
      border: none;
      padding: 8px;
    }

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    /* Responsive design */
    @media (max-width: 991px) {
      .navbar {
        height: auto;
      }

      .navbar-nav {
        padding: 5px 0;
        background-color: #28a745;
      }

      .nav-link {
        font-size: 1rem;
        margin: 1px 0;
        padding: 8px 12px;
      }

      .dropdown-menu {
        margin-left: 10px;
        background-color: #dc3545 !important;
      }

      .navbar-collapse {
        max-height: 80vh;
        overflow-y: auto;
      }
    }

    @media (max-width: 576px) {
      .nav-link {
        font-size: 0.9rem;
      }

      .dropdown-item {
        font-size: 0.85rem;
      }

      .navbar-toggler {
        padding: 6px;
      }

      .navbar-red {
        background-color: #dc3545;
      }
    }

    /* Make dropdown open on hover (desktop only) */
    @media (min-width: 992px) {
      .nav-item.dropdown:hover .dropdown-menu {
        display: block;
      }
    }
  </style>

  <div class="container-fluid p-0">
    <nav class="navbar navbar-expand-lg bg">
      <div class="container-fluid">
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
          aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarNavDropdown">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link" aria-current="page" href="/index.php">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/bodies/kims.php">KIMS</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/bodies/download.php">Downloads</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/bodies/news.php">News</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="https://www.kmuj.kmu.edu.pk">KMUJ</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/bodies/faculty.php">Faculty</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/bodies/adminstaff.php">Administrations</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/bodies/hospital.php">Hospitals</a>
            </li>

            
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="examDropdown" role="button"
                data-bs-toggle="dropdown" aria-expanded="false">
                Examination
              </a>
              <ul class="dropdown-menu" aria-labelledby="examDropdown">
                <li><a class="dropdown-item" href="../bodies/examnews.php"> Exam News</a></li>
                <li><a class="dropdown-item" href="../bodies/results.php">Results</a></li>
                <li><a class="dropdown-item" href="..//bodies/datesheets.php">Datesheets</a></li>
             <li><a class="dropdown-item" href="../bodies/modules.php">Modules</a></li>
              </ul>
            </li>
            

            <li class="nav-item">
              <a class="nav-link" href="/bodies/qec.php">QEC</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/bodies/contactus.php">Contact Us</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </div>

 
    </div>
</div>


<!-- =========================================
     Downloads Section
========================================= -->
<div class="container my-4">

    <div class="row justify-content-center">

        <div class="col-lg-8 col-md-10 col-12 download-section">

            <h1 class="down">Downloads</h1>

            

<ul class="download-list">
                        <li>
                            <a 
                                class="hhh"
                                href="/adminpanel/download/Performa Reimbursement of Tuition fees.pdf"
                                download="Performa Reimbursement of Tuition fees.pdf"
                            >
                                PERFORMA REIMBURSEMENT OF TUITION FEES
                            </a>
                        </li>
                    
                        <li>
                            <a 
                                class="hhh"
                                href="/adminpanel/download/KIMS  PROSPECTUS KOHAT 2022-23.pdf"
                                download="KIMS  PROSPECTUS KOHAT 2022-23.pdf"
                            >
                                PROSPECTUS KIMS KOHAT 2022-23
                            </a>
                        </li>
                    
                        <li>
                            <a 
                                class="hhh"
                                href="/adminpanel/download/PER List of KMU Officer &amp; Official Updated on 12-03-2019_0.pdf"
                                download="PER List of KMU Officer &amp; Official Updated on 12-03-2019_0.pdf"
                            >
                                PER LIST OF KMU OFFICER &amp; OFFICIAL UPDATED ON  12-03-2019
                            </a>
                        </li>
                    
                        <li>
                            <a 
                                class="hhh"
                                href="/adminpanel/download/deposit slip for affiliated institutions-students.pdf"
                                download="deposit slip for affiliated institutions-students.pdf"
                            >
                                DEPOSIT SLIP FOR AFFLIATED INSTITUTIONS STUDENTS
                            </a>
                        </li>
                    
                        <li>
                            <a 
                                class="hhh"
                                href="/adminpanel/download/Application form for Retotalling.docx"
                                download="Application form for Retotalling.docx"
                            >
                                APPLICATION FORM FOR RETOTALLING 
                            </a>
                        </li>
                    
                        <li>
                            <a 
                                class="hhh"
                                href="/adminpanel/download/ADMISSION-POLICY-KIMS-KIDS 2024-25 .pdf"
                                download="ADMISSION-POLICY-KIMS-KIDS 2024-25 .pdf"
                            >
                                ADMISSION-POLICY-KIMS-KIDS 2024-25 
                            </a>
                        </li>
                    </ul>

        </div>

    </div>

</div>


<!-- =========================================
     Images Section
========================================= -->
<div class="container img-section">

    <div class="row g-4">

        <!-- =========================
             Girls Hostel Image
        ========================== -->
        <div class="col-md-6 col-12">

            <div class="image-box">

                
                        <img 
                            src="/adminpanel/genralpics/KIMS and GIRLS HOSTEL.jpg"
                            alt="KIMS Girls Hostel"
                            loading="lazy"
                        >
                    
            </div>

        </div>


        <!-- =========================
             Administration Block Image
        ========================== -->
        <div class="col-md-6 col-12">

            <div class="image-box">

                
                        <img 
                            src="/adminpanel/genralpics/KIMS ADMINISTRATION BLOCK.jpg"
                            alt="KIMS Administration Block"
                            loading="lazy"
                        >
                    
            </div>

        </div>

    </div>

</div>


<!-- =========================================
     Footer
========================================= -->
<div class="container-fluid">

    <style>
      .tt {
        color: white;
      }
      a.tt {
        text-decoration: none;
      }
      a.tt:hover {
        text-decoration: underline;
      }
    </style>
  
    <!-- Footer -->
    <footer class="text-center text-lg-start bg-dark text-muted">
      <!-- Section: Social media -->
      <section
        class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"
      >
        <!-- Left -->
        <div class="me-5 d-none d-lg-block">
          <span class="tt">Developed by Hamid Ul Ghaffar, Network/Web Administrator(BPS-17)-- © 2025</span>
        </div>

        <!-- Right -->
        <div>
          <a href="#" class="me-4 text-reset tt"><i class="fab fa-facebook-f"></i></a>
          <a href="#" class="me-4 text-reset tt"><i class="fab fa-twitter"></i></a>
          <a href="#" class="me-4 text-reset tt"><i class="fab fa-google"></i></a>
          <a href="#" class="me-4 text-reset tt"><i class="fab fa-instagram"></i></a>
          <a href="#" class="me-4 text-reset tt"><i class="fab fa-linkedin"></i></a>
          <a href="#" class="me-4 text-reset tt"><i class="fab fa-github"></i></a>
        </div>
      </section>

      <!-- Section: Links  -->
      <section>
        <div class="container text-center text-md-start mt-5">
          <div class="row mt-3">
            <!-- College Info -->
            <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
              <h6 class="text-uppercase fw-bold mb-4 tt">
                <i class="fas fa-gem me-3"></i>College Name
              </h6>
              <p class="tt">
                Khyber Medical University Institute of Medical Science Kohat.
             </p>
            </div>

            <!-- Links -->
            <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
              <p><a href="#!" class="tt">LINK</a></p>
              <p>
                <a href="https://www.kims.kmu.edu.pk" target="_blank" class="tt"
                  >www.kims.kmu.edu.pk</a
                >
              </p>
              <p><a href="mailto:hamidghaffar@kmu.edu.pk" class="tt">hamidghaffar@kmu.edu.pk</a></p>
              <p>
                <a href="https://www.kims.kmu.edu.pk/news" target="_blank" class="tt"
                  >News</a
                >
              </p>
              <p>
                <a href="https://www.kims.kmu.edu.pk/download" target="_blank" class="tt"
                  >Download</a
                >
              </p>
            </div>

            <!-- Useful Links -->
            <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
              <h6 class="text-uppercase fw-bold mb-4 tt">Useful links</h6>
              <p><a href="#!" class="tt">Information Comm Technology</a></p>
              <p><a href="#!" class="tt">Students Affair Section</a></p>
              <p><a href="#!" class="tt">Account Section</a></p>
            </div>

            <!-- Contact -->
            <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
              <h6 class="text-uppercase fw-bold mb-4 tt">Contact</h6>
              <p class="tt">
                <i class="fas fa-home me-3"></i>Kohat Development Authority Kohat
              </p>
              <p class="tt">
                <i class="fas fa-envelope me-3"></i>
                <a href="mailto:princkims@kmu.edu.pk" class="tt">princkims@kmu.edu.pk</a>
              </p>
              <p class="tt"><i class="fas fa-phone me-3"></i> 0922-514095</p>
            </div>
          </div>
        </div>
      </section>

      <!-- Copyright -->
      <div class="text-center p-4 tt" style="background-color: rgba(0, 0, 0, 0.1);">
       
         <a class="text-reset fw-bold tt" href="https://www.kims.kmu.edu.pk" target="_blank">www.kims.kmu.edu.pk</a>
      </div>
    </footer>

    
</div>


```