<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
  <link rel="stylesheet" href="css/style.css" type="text/css">

  <!-- CSS-files and JavaScript-files currently in version 5.0 -->
  
  <title>Bootstrap</title>
</head>
<body>

    <header class="sticky-top">
        <nav class="navbar navbar-expand-lg bg-body-tertiary">
          <div class="container-fluid">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <a class="navbar-brand" href="index.html">Wisdom Pet Medicine</a>            
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
              <ul class="navbar-nav me-auto w-100 justify-content-center mb-2 mb-lg-0">
                <li class="nav-item">
                  <a class="nav-link text-uppercase" href="index.html">Home</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link text-uppercase" href="doctors.html">Our doctors</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link text-uppercase" href="testimonials.html">Testimonials</a>
                </li>
                <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle text-uppercase" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    Treatments
                  </a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item text-uppercase" href="inhousediag.html">In-house diagnostics</a></li>
                    <li><a class="dropdown-item text-uppercase" href="Surgery.html">Surgery and dental services</a></li>
                    <li><a class="dropdown-item text-uppercase" href="Behavioural.html">Behavioral consulation</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </nav>
      </header>
      <section class="position-relative" id="hero">
        <img src="images/wisdompetlogo.svg" class="img-fluid rounded-top position-absolute top-0 left-0 logo" alt="Wisdom Pet Logo">
        <img src="images/background.jpg" class="object-fit-cover w-100 doctor" alt="doctor">
      </section>

    <section class="container">
        <article>
            <h1 class="my-3">Surgery and Dental Services</h1>
            
            <p class="my-5">We are equipped with an in house surgical and dental suite that allows us to offer a variety of procedures to help maintain your pets health.</h3>
        </article>
    </section>

    <section class="container mb-5">
        <div class="accordion" id="accordionExample">
            <div class="accordion-item">
              <h2 class="accordion-header">
                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    Surgery
                </button>
              </h2>
              <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                <div class="accordion-body">
                    <p>We know the stress that you can feel when your pet is undergoing an operation. Our board-certified surgeon and supportive staff will be there every step of the way, providing instructions the night before, prepping your pet before the operation, maintaining incredible attention to detail during the operation, and providing you with post-operative instructions for at home care. Our surgical services include but are not limited to:</p>
        
                    <ul>
                        <li>Tibial Plateau Leveling Osteotomy (TPLO)</li>
                        <li>Tibial Tuberosity Advancement  (TTA)</li>
                        <li>Spay/Neutering</li>
                        <li>Mass Removals</li>
                        <li>Cystotomy</li>
                        <li>Ear Hematoma Correction</li>
                        <li>Cherry Eye Correction</li>
                        <li>Enucleation (eye removal)</li>
                    </ul>
                </div>
              </div>
            </div>
            <div class="accordion-item">
              <h2 class="accordion-header">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                    Dentistry
                </button>
              </h2>
              <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
                <div class="accordion-body">
                    <p>We offer a wide range of comprehensive veterinary dental services, from routine cleanings (prophylaxis) to extractions and periodontal disease management, as needed. Radiology is also used as part of our extensive dentistry services. Specially designed dental radiology equipment allows our specialists to view structures that lie below the gum line. With this knowledge, the best decisions can be made about what dental treatment is right for your pet.</p>
                </div>
              </div>
            </div>
    </section>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>