<html>
    <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> 
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="/css/healthcenterspage.css" rel="stylesheet">   
    </head>
    <body>
      <section>
      <div class="container">
				<div class="caption text-center text-white" data-stellar-ratio="0.7">    
          <div class="logo">
            <img src="/img/logo.png" alt="" width="120" height="60">
          </div>
          <!-- start nav bar  -->
          <ul class="nav justify-content-end">
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="http://127.0.0.1:8000/">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="http://127.0.0.1:8000/#section2">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="http://127.0.0.1:8000/#section3">Services</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="http://127.0.0.1:8000/#section4">Contact</a>
            </li> 
          </ul>
          <!-- end nav bar -->
          <div >
            <div class="top">
              <h1>Pet Care Centers</h1>
            </div>
            <br>
            <!-- create a table -->
            <table class="table">
              <thead>
                <tr>
                  <th>Vaterinary Devision</th>
                  <th>Contact Number</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Colombo</td>
                  <td>0712545789</td>
                </tr>
                <tr>
                  <td>Homagama</td>
                  <td>0712545789</td>
                </tr>
                <tr>
                  <td>Kaduwela</td>
                  <td>0712545789</td>
                </tr>
                <tr>
                  <td>Kesbawa</td>
                  <td>0712545789</td>
                </tr>
                <tr>
                  <td>Kolonnawa</td>
                  <td>0712545789</td>
                </tr>
                <tr>
                  <td>Kosgama</td>
                  <td>0712545789</td>
                </tr>
                <tr>
                  <td>Padukka</td>
                  <td>0712545789</td>
                </tr>
                <tr>
                  <td>Moratuwa</td>
                  <td>0712545789</td>
                </tr>
              </tbody>
            </table>
            <!-- end of the table -->
          </div>
      </section>

    <!-- start footer -->
    <footer class="text-center text-lg-start bg-light text-muted">
    <br>
      <section class="">
        <div class="container text-center text-md-start mt-5">
          <div class="row mt-3">
            <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
              <h6 class="text-uppercase fw-bold mb-4">
                <i class="fas fa-gem me-3"></i>About Us
              </h6>
              <p>
              Pepee is an online platform which helps innocent animals left alone without owners. 
              Pepee mainly focus on finding shelters for animals that does not have a owner.
              </p>
            </div>
            <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
              <h6 class="text-uppercase fw-bold mb-4">
                Services
              </h6>
              <p>
                <a href="http://127.0.0.1:8000/login" class="text-reset">Find homes</a>
              </p>
              <p>
                <a href="http://127.0.0.1:8000/viewpost" class="text-reset">Find pets</a>
              </p>
              <p>
                <a href="http://127.0.0.1:8000/tipspage" class="text-reset">Care Tips</a>
              </p>
              <p>
                <a href="http://127.0.0.1:8000/petcarepage" class="text-reset">Pet Care Center</a>
              </p>
            </div>
            <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
              <h6 class="text-uppercase fw-bold mb-4">
                Useful links
              </h6>
              <p>
                <a href="http://127.0.0.1:8000/#section4" class="text-reset">Leave a Comment</a>
              </p>
            </div>
            <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
              <h6 class="text-uppercase fw-bold mb-4">
                Contact
              </h6>
              <p><i class="fas fa-home me-3"></i> Sri Lanka</p>
              <p>
                <i class="fas fa-envelope me-3"></i>
                info@example.com
              </p>
            </div>
          </div>
        </div>
      </section>
      <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
        © 2021 Made By
        <a class="text-reset fw-bold" href="https://mdbootstrap.com/">Dream Team</a>
      </div>
    </footer>
    <!-- end of the footer -->
    </body>
</html>