<!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">
  <title>Bootstrap</title>

  <!-- CSS-files and JavaScript-files currently in version 5.0 -->

</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="#">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 id="mission" class="container">
    <article>
      <h1 class="my-3">Our Commitment <small>to you</small></h1>
      <p class="my-5">Wisdom Pet Medicine strives to blend the best in traditional and alternative medicine in the diagnosis and treatment of companion animals including dogs, cats, birds, reptiles, rodents, and fish. We apply the wisdom garnered in the centuries old tradition of veterinary medicine, to find the safest treatments and cures.</p>
      <p class="my-5">We strive to be your pet's medical staff experts from youth through the senior years. We build preventative health care plans for each and every one of our patients, based on breed, age, and sex, so that your pet receives the most appropriate care at crucial milestones. We want to give your pet a long and healthy life.</p>
    </article>
  </section>

  <section id="services" class="container">
    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 text-center ">
      <article>
        <img src="images/icon-exoticpets.svg" class="w-50" alt="exoctic pets">
        <h2>Exotic Pets</h2>
        <p class="text-start">We offer specialized care for reptiles, rodents, birds, and other exotic pets.</p>
      </article>
  
      <article>
        <img src="images/icon-grooming.svg" class="w-50" alt="grooming">
        <h2>Grooming</h2>
        <p class="text-start">Our therapeutic grooming treatments help battle fleas, allergic dermatitis, and other challenging skin conditions.</p>
      </article>
    
      <article>
        <img src="images/icon-health.svg" class="w-50" alt="general health">
        <h2>General Health</h2>
        <p class="text-start">Wellness and senior exams, ultrasound, x-ray, and dental cleanings are just a few of our general health services.</p>
      </article>
    
      <article>
        <img src="images/icon-nutrition.svg" class="w-50" alt="nutrition">
        <h2>Nutrition</h2>
        <p class="text-start">Let our nutrition experts review your pet's diet and prescribe a custom nutrition plan for optimum health and disease prevention.</p>
      </article>
    
      <article>
        <img src="images/icon-pestcontrol.svg" class="w-50" alt="pest control">
        <h2>Pest Control</h2>
        <p class="text-start">We offer the latest advances in safe and effective prevention and treatment of fleas, ticks, worms, heart worm, and other parasites.</p>
      </article>
    
      <article>
        <img src="images/icon-vaccinations.svg" class="w-50" alt="vaccinations">
        <h2>Vaccinations</h2>
        <p class="text-start">Our veterinarians are experienced in modern vaccination protocols that prevent many of the deadliest diseases in pets.</p>
      </article>
    </div>
  </section>

  <section class="container my-5">
    <article>
      <h2>Testimonials</h2>
      
      <figure>
        <blockquote class="blockquote">
          When Samantha, our Siamese cat, began sleeping all the time and urinating excessively, we brought her to see the specialists at Wisdom. Now, two years later, Samantha is still free from any complications of diabetes, and her blood sugar regularly tests normal.
        </blockquote>
        <figcaption class="blockquote-footer">The McPhersons</figcaption>
      </figure>

      <a href="testimonials.html"><button class="btn btn-primary">Read more testimonials from our customers</button></a>

    </article>
  </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>