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

  <!-- Favicon -->
  <link href="codihub_newlogo.png" rel="icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap" rel="stylesheet">

  <!-- Bootstrap & Icons -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">

  <!-- Custom CSS -->
  <link href="css/style.css" rel="stylesheet">

  <style>
    .about-header {
        background: linear-gradient(rgba(30, 47, 90, 0.8), rgba(30, 47, 90, 0.8)), url("img/medical-coding.jpg");
        background-size: cover;
        background-position: center;
        color: #fff;
        padding: 100px 0;
        text-align: center;
    }
    .about-header h1 {
        font-size: 3rem;
        font-weight: 700;
    }
    .section-title {
        color: #3c64b4;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .icon-box {
        background: #f8f9fa;
        padding: 25px;
        border-radius: 12px;
        transition: all 0.3s ease-in-out;
    }
    .icon-box:hover {
        background: #3c64b4;
        color: #fff;
        transform: translateY(-5px);
    }
    .icon-box i {
        font-size: 2rem;
        margin-bottom: 15px;
        color: #3c64b4;
    }
    .icon-box:hover i {
        color: #fff;
    }
  </style>
</head>
<body>

  <!-- Navbar -->
  <?php include 'header.php'; ?>

  <!-- Page Header -->
  <section class="about-header">
    <div class="container">
      <h1>About</h1>
      <p>Your Pathway to a Successful Career in Medical Coding</p>
    </div>
  </section>

  <!-- About Section -->
  <section class="py-5">
    <div class="container">
      <div class="row align-items-center g-5">
        <div class="col-lg-6">
          <img src="2.jpg" class="img-fluid rounded shadow" alt="Medical Coding Training">
        </div>
        <div class="col-lg-6">
          <h2 class="section-title">Who We Are</h2>
          <p>
            CODiHUB is a leading <strong>Medical Coding Training Institute</strong> dedicated to empowering healthcare aspirants with industry-ready coding skills. 
            We focus on preparing students for <strong>CPC, COC, and CIC certifications</strong>, ensuring they excel in both local and international healthcare sectors.
          </p>
          <p>
            Our mission is to bridge the gap between <strong>education and industry</strong> by offering practical training, real-world case studies, 
            and continuous mentorship from experienced medical coding professionals.
          </p>
        </div>
      </div>
    </div>
  </section>

  <!-- Why Choose Us -->
  <section class="py-5 bg-light">
    <div class="container">
      <h2 class="text-center section-title">Why Choose CODiHUB?</h2>
      <div class="row g-4 mt-4">
        <div class="col-md-4">
          <div class="icon-box text-center h-100">
            <i class="fas fa-user-graduate"></i>
            <h5>Expert Trainers</h5>
            <p>Learn from certified professionals with hands-on experience in medical coding and healthcare processes.</p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="icon-box text-center h-100">
            <i class="fas fa-laptop-code"></i>
            <h5>Interactive Training</h5>
            <p>Get access to live sessions, recorded classes, and practical projects designed for real-world application.</p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="icon-box text-center h-100">
            <i class="fas fa-certificate"></i>
            <h5>Certification Focus</h5>
            <p>We provide focused preparation for AAPC & AHIMA certification exams to kickstart your medical coding career.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Vision & Mission -->
  <section class="py-5">
    <div class="container">
      <div class="row g-5">
        <div class="col-md-6">
          <h3 class="section-title">Our Mission</h3>
          <p>
            To provide <strong>quality-driven medical coding education</strong> that enhances employability and career growth 
            while contributing to the global healthcare industry.
          </p>
        </div>
        <div class="col-md-6">
          <h3 class="section-title">Our Vision</h3>
          <p>
            To become the <strong>most trusted medical coding institute</strong> in India by shaping the future of healthcare documentation 
            with skilled and certified coding professionals.
          </p>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <?php include 'footer.php'; ?>

  <!-- Scripts -->
  <script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>
