service.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>PET SHOP - Pet Shop Website </title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="HTML " name="keywords">
    <meta content="HTML" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins&family=Roboto:wght@700&display=swap" rel="stylesheet">  

    <!-- Icon Font Stylesheet -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
    <link href="lib/flaticon/font/flaticon.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">


    <link href="css/style.css" rel="stylesheet">
</head>

<body>
    <!-- Navbar Start -->
    <nav
      class="navbar navbar-expand-lg bg-white navbar-light shadow-sm py-3 py-lg-0 px-3 px-lg-0"
    >
      <a href="index.html" class="navbar-brand ms-lg-5">
        <h1 class="m-0 text-uppercase text-dark">
          <i class="bi bi-dog fs-1 text-primary me-3"></i>Pawspire
        </h1>
      </a>
      <button
        class="navbar-toggler"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#navbarCollapse"
      >
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <div class="navbar-nav ms-auto py-0">
          <a href="index.html" class="nav-item nav-link active">Home</a>
          <a href="about.html" class="nav-item nav-link">About</a>
          <a href="service.html" class="nav-item nav-link">Service</a>
          <a href="product.html" class="nav-item nav-link">Product</a>

          <a
            href="contact.php"
            class="nav-item nav-link nav-contact bg-primary text-white px-5 ms-lg-5"
            >Contact <i class="bi bi-arrow-right"></i
          ></a>
        </div>
      </div>
    </nav>
    <!-- Navbar End -->
    

    <!-- Services Start -->
    <div class="container-fluid py-5">
      <div class="container">
        <div
          class="border-start border-5 border-primary ps-5 mb-5"
          style="max-width: 600px"
        >
          <h6 class="text-primary text-uppercase">Services</h6>
          <h1 class="display-5 text-uppercase mb-0">
            Our Excellent Pet Care Services
          </h1>
        </div>
        <div class="row g-5">
          <div class="col-md-6">
            <div class="service-item bg-light d-flex p-4">
              <i class="flaticon-house display-1 text-primary me-4"></i>
              <div>
                <h5 class="text-uppercase mb-3">Pet Boarding</h5>
                <p>
                  Pet boarding is leaving your pet at a professional facility
                  meant to care for them while you're away.
                </p>
                <a class="text-primary text-uppercase" href=" registeration.php"
                  >Register Now</a
                >
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="service-item bg-light d-flex p-4">
              <i class="flaticon-food display-1 text-primary me-4"></i>
              <div>
                <h5 class="text-uppercase mb-3">Pet Feeding</h5>
                <p>
                  The best dog food will contain the best quality ingredients
                  and will go easy on your pet’s digestive system. It should
                  ideally not contain any harmful preservatives and chemicals
                  and should be processed in as natural a manner as possible.
                </p>
                <a class="text-primary text-uppercase" href=" registeration.php"
                  >Register Now</a
                >
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="service-item bg-light d-flex p-4">
              <i class="flaticon-grooming display-1 text-primary me-4"></i>
              <div>
                <h5 class="text-uppercase mb-3">Pet Grooming</h5>
                <p>
                  Pet grooming means the act of bathing, brushing, clipping, or
                  styling a pet , trimming a pet's nails, or providing anal.
                </p>
                <a class="text-primary text-uppercase" href=" registeration.php"
                  >Register Now</a
                >
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="service-item bg-light d-flex p-4">
              <i class="flaticon-cat display-1 text-primary me-4"></i>
              <div>
                <h5 class="text-uppercase mb-3">Pet Training</h5>
                <p>
                  Owners should note that puppy training is a gradual process
                  that requires time and patience. It is best to start your
                  puppy off with training that exposes them to different
                  environments while they are between 8 and 16 weeks of age.
                </p>
                <a class="text-primary text-uppercase" href=" registeration.php"
                  >Register Now</a
                >
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="service-item bg-light d-flex p-4">
              <i class="flaticon-dog display-1 text-primary me-4"></i>
              <div>
                <h5 class="text-uppercase mb-3">Pet Exercise</h5>
                <p>
                  Pet exercise is an essential part of pet ownership that offers
                  a range of physical and mental health benefits. Regular
                  exercise strengthens the bond between pets and their owners,
                  prevents boredom and destructive behavior, and keeps pets
                  healthy and active for years to come.
                </p>
                <a class="text-primary text-uppercase" href=" registeration.php"
                  >Register Now</a
                >
              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="service-item bg-light d-flex p-4">
              <i class="flaticon-vaccine display-1 text-primary me-4"></i>
              <div>
                <h5 class="text-uppercase mb-3">Pet Treatment</h5>
                <p>
                  Pet therapy is a guided interaction between a person and a
                  trained animal. It also involves the animal's handler.
                </p>
                <a class="text-primary text-uppercase" href=" registeration.php"
                  >Register Now</a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Services End -->


    <!-- Testimonial Start -->
\    <div class="container-fluid bg-testimonial py-5" style="margin: 45px 0">
    <div class="container py-5">
      <div class="row justify-content-end">
        <div class="col-lg-7">
          <div class="owl-carousel testimonial-carousel bg-white p-5">
            <div class="testimonial-item text-center">
              <div class="position-relative mb-4">
                <img
                  class="img-fluid mx-auto"
                  src="img/testimonial-1.jpg"
                  alt=""
                />
                <div
                  class="position-absolute top-100 start-50 translate-middle d-flex align-items-center justify-content-center bg-white"
                  style="width: 45px; height: 45px"
                >
                  <i class="bi bi-chat-square-quote text-primary"></i>
                </div>
              </div>
              <p>
                Adopting a pet from this shop was one of the best decisions
                I've made. The staff was incredibly knowledgeable and helped
                me find the perfect furry companion for my family. Our new pet
                has brought so much joy and love into our home. Thank you!
              </p>
              <hr class="w-25 mx-auto" />
              <h5 class="text-uppercase">Sarah Johnson</h5>
              <span>Dog Lover</span>
            </div>
            <div class="testimonial-item text-center">
              <div class="position-relative mb-4">
                <img
                  class="img-fluid mx-auto"
                  src="img/testimonial-2.jpg"
                  alt=""
                />
                <div
                  class="position-absolute top-100 start-50 translate-middle d-flex align-items-center justify-content-center bg-white"
                  style="width: 45px; height: 45px"
                >
                  <i class="bi bi-chat-square-quote text-primary"></i>
                </div>
              </div>
              <p>
                I've been a customer of this pet shop for years, and they
                never disappoint. The quality of care they provide to their
                animals is exceptional. I've purchased all my pets from here,
                and they've always been healthy and well-socialized. Highly
                recommended!
              </p>
              <hr class="w-25 mx-auto" />
              <h5 class="text-uppercase">Michael Brown</h5>
              <span>Cat Enthusiast</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
    <!-- Testimonial End -->
    

    <!-- Footer Start -->
    <div class="container-fluid bg-light mt-5 py-5">
      <div class="container pt-5">
        <div class="row g-5">
          <div class="col-lg-3 col-md-6">
            <h5
              class="text-uppercase border-start border-5 border-primary ps-3 mb-4"
            >
              Get In Touch
            </h5>
            <p class="mb-4">
               Have a question, suggestion, or just want to say hello? We're all ears! Drop us a line and let's start a conversation about how we can make Pawspire even better for you and your furry friend.
            </p>
            <p class="mb-2">
              <i class="bi bi-geo-alt text-primary me-2"></i>AB Road,Indore
            </p>
            <p class="mb-2">
              <i class="bi bi-envelope-open text-primary me-2"></i
              >pawspire@example.com
            </p>
            <p class="mb-0">
              <i class="bi bi-telephone text-primary me-2"></i>+91 8334567890
            </p>
          </div>
          <div class="col-lg-3 col-md-6">
            <h5
              class="text-uppercase border-start border-5 border-primary ps-3 mb-4"
            >
              Quick Links
            </h5>
            <div class="d-flex flex-column justify-content-start">
              <a class="text-body mb-2" href="#"
                ><i class="bi bi-arrow-right text-primary me-2"></i>Home</a
              >
              <a class="text-body mb-2" href="#"
                ><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a
              >
              <a class="text-body mb-2" href="#"
                ><i class="bi bi-arrow-right text-primary me-2"></i>Our
                Services</a
              >
              <a class="text-body mb-2" href="#"
                ><i class="bi bi-arrow-right text-primary me-2"></i>Meet The
                Team</a
              >
              <a class="text-body mb-2" href="#"
                ><i class="bi bi-arrow-right text-primary me-2"></i>Latest
                Blog</a
              >
              <a class="text-body" href="#"
                ><i class="bi bi-arrow-right text-primary me-2"></i>Contact
                Us</a
              >
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <h5
              class="text-uppercase border-start border-5 border-primary ps-3 mb-4"
            >
              Newsletter
            </h5>
            <form action="">
              <div class="input-group">
                <input
                  type="text"
                  class="form-control p-3"
                  placeholder="Your Email"
                />
                <button class="btn btn-primary">Sign Up</button>
              </div>
            </form>
            <h6 class="text-uppercase mt-4 mb-3">Follow Us</h6>
            <div class="d-flex">
              <a
                class="btn btn-outline-primary btn-square me-2"
                href="/"
                ><i class="bi bi-telegram"></i
              ></a>
              <a
                class="btn btn-outline-primary btn-square me-2"
                href="/"
                ><i class="bi bi-instagram"></i
              ></a>
              <a
                class="btn btn-outline-primary btn-square me-2"
                href="/"
                ><i class="bi bi-linkedin"></i
              ></a>
              <a
                class="btn btn-outline-primary btn-square"
                href="/"
                ><i class="bi bi-youtube"></i
              ></a>
            </div>
          </div>
          <div class="col-12 text-center text-body">
            <a class="text-body" href="">Terms & Conditions</a>
            <span class="mx-1">|</span>
            <a class="text-body" href="">Privacy Policy</a>
            <span class="mx-1">|</span>
            <a class="text-body" href="">Customer Support</a>
            <span class="mx-1">|</span>
            <a class="text-body" href="">Payments</a>
            <span class="mx-1">|</span>
            <a class="text-body" href="">Help</a>
            <span class="mx-1">|</span>
            <a class="text-body" href="">FAQs</a>
          </div>
        </div>
      </div>
    </div>
    <div class="container-fluid bg-dark text-white-50 py-4">
      <div class="container">
        <div class="row g-5">
          <div class="col-md-6 text-center text-md-start">
            <p class="mb-md-0">
              &copy;
              <a class="text-white" href="https://freewebsitecode.com/"
                >Pawspire</a
              >. All Rights Reserved.
            </p>
          </div>
          <div class="col-md-6 text-center text-md-end">
            <p class="mb-0">
              Designed by
              <a class="text-white" href="https://freewebsitecode.com"
                >three girls</a
              >
            </p>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer End -->

    <!-- Back to Top -->
    <a href="#" class="btn btn-primary py-3 fs-4 back-to-top"
      ><i class="bi bi-arrow-up"></i
    ></a>

    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <script src="js/main.js"></script>
   
  </body>
</html>