<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>About Us - Clinic</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- CSS -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/css/main.css" rel="stylesheet">
</head>

<body class="about-page">

<?php include 'header.php'; ?>

<main class="main">

  <!-- Page Title -->
  <div class="page-title">
    <div class="heading">
      <div class="container text-center">
        <h1>About Us</h1>
        <p>Committed to caring for your health with trust and excellence.</p>
      </div>
    </div>
  </div>

  <!-- About Content -->
  <section class="section">
    <div class="container">
      <div class="row align-items-center">

        <div class="col-md-6">
          <h2>Who We Are</h2>
          <p>
            Our clinic provides quality healthcare services with a patient-first approach.
            We focus on compassionate care, modern facilities, and experienced doctors.
          </p>
          <p>
            Our mission is to improve lives through accessible and reliable medical services
            for individuals and families.
          </p>
        </div>

        <div class="col-md-6">
          <ul class="list-group">
            <li class="list-group-item">
              <i class="bi bi-check-circle text-success"></i> Experienced Doctors
            </li>
            <li class="list-group-item">
              <i class="bi bi-check-circle text-success"></i> Modern Equipment
            </li>
            <li class="list-group-item">
              <i class="bi bi-check-circle text-success"></i> 24/7 Emergency Support
            </li>
            <li class="list-group-item">
              <i class="bi bi-check-circle text-success"></i> Trusted by Patients
            </li>
          </ul>
        </div>

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

</main>

<!-- JS -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/main.js"></script>

</body>
</html>
