<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!-- Responsive viewport -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Relevant Metadata (SEO) -->
  <title>About Us - Kelly Chiropractic</title>
  <meta name="description" content="Learn about Dr. Kelly's extensive experience, our mission, and our commitment to providing top-tier motor vehicle collision care.">
  <meta name="keywords" content="About Dr. Kelly, chiropractic neurologist, motor vehicle collision injuries, chiropractic care, Kelly Chiropractic">

  <!-- Favicon -->
  <link rel="icon" href="KCfavicon.png" type="image/png" sizes="32x32">

  <!-- Google Fonts -->
  <link
    href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Oswald:wght@400;500;700&display=swap"
    rel="stylesheet"
  >

  <style>
    /* ----------------------------
       Base Styles & Color Variables
    ------------------------------- */
    :root {
      --brand-red: #8B0000;
      --brand-dark-red: #6B0000;
      --brand-red-hover: #a70000;
      --accent-slate: #444;
      --light-gray: #f4f4f4;
      --white: #fff;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Open Sans', Arial, sans-serif;
      background-color: var(--light-gray);
      color: var(--accent-slate);
      line-height: 1.6;
    }

    /* --------------------
       Header
       (Red-to-Dark-Red Gradient + Oswald for Titles)
    ----------------------- */
    header {
      background: linear-gradient(to bottom, var(--brand-red), var(--brand-dark-red));
      color: var(--white);
      text-align: center;
      padding: 20px 0;
    }

    header img {
      max-width: 150px;
      margin: 10px auto;
      display: block;
    }

    header h1 {
      font-family: 'Oswald', sans-serif;
      font-size: 2em;
      font-weight: 700;
      margin: 0.2em 0 0.1em;
    }

    header p {
      font-family: 'Oswald', sans-serif;
      font-size: 1.2em;
      font-weight: 400;
      font-style: italic;
      margin-bottom: 0.5em;
    }

    /* --------------------
       Navigation
    ----------------------- */
    nav {
      background: #333;
      color: var(--white);
      display: flex;
      justify-content: center;
      padding: 10px 0;
    }

    nav a {
      color: var(--white);
      text-decoration: none;
      margin: 0 15px;
      font-weight: 600;
    }

    nav a:hover {
      text-decoration: underline;
    }

    /* --------------------
       Main Container
    ----------------------- */
    .container {
      max-width: 1200px;
      margin: 40px auto;
      padding: 0 15px;
    }

    /* --------------------
       About Content Section
    ----------------------- */
    .about {
      background: var(--white);
      padding: 30px;
      border-radius: 5px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .about h2 {
      font-size: 1.8em;
      margin-bottom: 0.8em;
      color: var(--brand-red);
      font-weight: 700;
    }

    .about h3 {
      margin-top: 1.5em;
      font-size: 1.2em;
      color: var(--brand-red);
      font-weight: 600;
      margin-bottom: 0.5em;
    }

    .about p {
      font-size: 1.05em;
      margin-bottom: 1em;
      color: var(--accent-slate);
    }

    /*
      Diamond Bullets (center-aligned).
      The 'li' uses relative positioning;
      the diamond is absolutely positioned to the left,
      then centered vertically via top: 50%; transform: translateY(-50%).
    */
    ul {
      list-style: none;
      margin-left: 2em; /* space for diamond on the left */
      padding-left: 0;
      margin-bottom: 1.5em;
    }

    ul li {
      position: relative;
      margin-bottom: 0.6em;
      line-height: 1.5; /* ensures bullet aligns well vertically */
    }

    ul li::before {
      content: "♦";
      color: var(--brand-red);
      position: absolute;
      left: -1.4em; /* adjust if you want bullet further left/right */
      top: 50%;
      transform: translateY(-50%);
      font-size: 1em;
      line-height: 1;
    }

    /* --------------------
       Footer
    ----------------------- */
    footer {
      text-align: center;
      padding: 15px 0;
      background-color: #333;
      color: var(--white);
      font-size: 0.9em;
    }

    /* --------------------
       Responsive Adjustments
    ----------------------- */
    @media (max-width: 768px) {
      nav {
        flex-direction: column;
        align-items: center;
      }

      nav a {
        margin: 5px 0;
      }

      header img {
        max-width: 100px;
      }

      header h1 {
        font-size: 1.6em;
      }

      header p {
        font-size: 1em;
      }

      .container {
        margin: 20px auto;
        padding: 0 10px;
      }

      .about {
        padding: 20px;
      }

      /* Adjust bullet spacing for small screens if needed */
      ul {
        margin-left: 1.5em;
      }

      ul li::before {
        left: -1.2em;
      }
    }
  </style>
</head>
<body>
  <header>
    <img src="logo.png" alt="Kelly Chiropractic Logo">
    <h1>About Us</h1>
    <p>Your Collision Recovery Experts</p>
  </header>

  <nav>
    <a href="index.html">Home</a>
    <a href="services.html">Services</a>
    <a href="contact.html">Contact</a>
    <!-- New FAQ Link -->
    <a href="FAQ.html">FAQ</a>
  </nav>

  <div class="container">
    <div class="about">
      <h2>About Dr. Kelly</h2>
      <p>
        Dr. Thomas J. Kelly, DC, DIBCN, is a highly experienced chiropractic neurologist 
        dedicated to helping patients recover from life-altering motor vehicle collisions.
      </p>
      <p>
        Dr. Kelly specializes in the diagnosis and case management of collision-related injuries. 
        With over three decades of experience, he is a trusted authority in spinal trauma 
        and neurological evaluation. Our clinic was opened in 2001 and relocated to its current 
        location in 2017. Kelly Chiropractic is owned and managed by Dr. Kelly and his family.
      </p>

      <h3>Our Mission & Values</h3>
      <p>
        We specialize in the diagnosis and case management of motor vehicle collision injuries,
        effectively managing each case from onset to conclusion. Our practice is rooted in the
        highest ethical standards, making appropriate referrals whenever necessary. We strive
        to provide the highest level of care and comfort possible—treating every patient as if
        they were a member of our own family.
      </p>
      <p>
        Our goal is to maintain a professional, friendly, and positive atmosphere that promotes
        good health and safety. We also encourage continuous learning for our team members, 
        allowing us to expand our skills and knowledge for the personal and collective benefit
        of all. We pride ourselves on being one of the few chiropractic clinics actively 
        affiliated with the broader medical community, regularly receiving referrals from
        other medical professionals.
      </p>

      <h3>Education and Credentials</h3>
      <ul>
        <li>Doctor of Chiropractic (DC): Western States Chiropractic College, Portland, Oregon.</li>
        <li>Diplomate of the International Board of Chiropractic Neurology (DIBCN).</li>
        <li>Certified in Disability and Impairment Rating by the American Academy of Disability Evaluating Physicians.</li>
      </ul>

      <h3>Career Highlights</h3>
      <ul>
        <li>Partnered with orthopedic surgeons for comprehensive motor vehicle injury evaluations since 2005.</li>
        <li>Associate Faculty, Western States Chiropractic College, contributing to both preceptorship and postceptorship programs.</li>
        <li>Speaker and panelist at medical and legal conferences, including the Pacific Northwest Brain Injury Conference and Washington State Department of Labor & Industries seminars.</li>
      </ul>

      <h3>Specializations</h3>
      <ul>
        <li>Advanced evaluation of whiplash, spinal trauma, and soft tissue injuries.</li>
        <li>Independent medical examinations (IME) for legal and insurance purposes.</li>
        <li>Collaborative care with personal injury attorneys to ensure the best outcomes.</li>
      </ul>

      <h3>Professional Recognition</h3>
      <p>
        Renowned for meticulous documentation and his expertise in chiropractic neurology, Dr. Kelly 
        is frequently invited to speak at professional workshops. He takes pride in a 
        patient-centered approach, providing clear communication and thorough evaluations to support 
        a successful recovery for those impacted by motor vehicle collisions.
      </p>
    </div>
  </div>

  <footer>
    <p>&copy; 2025 Kelly Chiropractic. All rights reserved.</p>
  </footer>
</body>
</html>