<!DOCTYPE html>
<html lang="en">
   
<!-- Mirrored from www.ingridkuhn.com/themes/Pet Shop!/index.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 11 Jan 2022 08:15:45 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
      <meta charset="utf-8">
      <!--[if IE]>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <![endif]-->
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
      <meta name="description" content="">
      <meta name="author" content="">
	  <!-- page title -->
      <title>Pet Shop!</title>
	   <!--[if lt IE 9]>
      <script src="js/respond.js"></script>
      <![endif]-->
	  <!-- Font files -->
	  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700%7CQuicksand:400,500,700" rel="stylesheet">
      <link href="fonts/flaticon/flaticon.css" rel="stylesheet" type="text/css">
      <link href="fonts/fontawesome/fontawesome-all.min.css" rel="stylesheet" type="text/css">
	  <!-- Fav icons -->
      <link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png">
      <link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png">
      <link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png">
      <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
      <!-- Bootstrap core CSS -->
      <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
      <!-- style CSS -->
      <link href="css/style.css" rel="stylesheet">
      <!-- plugins CSS -->
      <link href="css/plugins.css" rel="stylesheet">
      <!-- Colors CSS -->
      <link href="styles/maincolors.css" rel="stylesheet">
      <!-- LayerSlider CSS -->
      <link rel="stylesheet" href="vendor/layerslider/css/layerslider.css">
	   <!-- Switcher Only -->
	<link rel="stylesheet" id="switcher-css" type="text/css" href="switcher/css/switcher.css" media="all" />
	<!-- END Switcher Styles -->

	<!-- Demo Examples (For Module #3) -->
	<link rel="alternate stylesheet" type="text/css" href="styles/agility.css" title="agility" media="all" />
	<link rel="alternate stylesheet" type="text/css" href="styles/dogwalker.css" title="dogwalker" media="all" />
	<link rel="alternate stylesheet" type="text/css" href="styles/maincolors.css" title="maincolors" media="all" />
	<link rel="alternate stylesheet" type="text/css" href="styles/pethotel.css" title="pethotel" media="all" />
	<link rel="alternate stylesheet" type="text/css" href="styles/petshop.css" title="petshop" media="all" />
	<link rel="alternate stylesheet" type="text/css" href="styles/vetclinic.css" title="vetclinic" media="all" />
	<link rel="alternate stylesheet" type="text/css" href="styles/adoption.css" title="adoption" media="all" />
	<!-- END Demo Examples -->
   </head>   
   <!-- ==== body starts ==== -->
   <body id="top">
   <!-- Start Switcher -->
	<div class="demo_changer">
	   <div class="demo-icon">
		  <i class="fa fa-cog fa-spin fa-2x"></i>
	   </div>
	   <!-- end opener icon -->
	   <div class="form_holder text-center">
		  <div class="row">
			 <div class="col-lg-12">
				<div class="predefined_styles">
				 <hr>
				   <!-- MODULE #3 -->
				    <div class="col-lg-12">
				   <a href="agility.php" class="styleswitch"><img src="switcher/images/agility.png" alt="Agility"></a>		
				   <a href="pethotel.php" class="styleswitch"><img src="switcher/images/pethotel.png" alt="Pet Hotel"></a>		
				   <a href="petshop.php" class="styleswitch"><img src="switcher/images/petshop.png" alt="Pet Shop"></a>		
				   </div>
				    <div class="col-lg-12">
				   <a href="dogwalker.php" class="styleswitch"><img src="switcher/images/dogwalker.png" alt="Dog walker"></a>	
                    <a href="vetclinic.php" class="styleswitch"><img src="switcher/images/vetclinic.png" alt="Vet Clinic"></a>				   
				   <a href="maincolors.php" class="styleswitch"><img src="switcher/images/maincolors.png" alt="Main Colors"></a>
				   <a href="adoption.php" class="styleswitch"><img src="switcher/images/adoption.png" alt="Main Colors"></a>
                   </div>				   
				   <!-- END MODULE #3 -->
				</div>
				<!-- end predefined_styles -->
				<p>Change Home Header</p>
				<select id="headers" class="show-menu-arrow selectpicker" onchange="document.location = this.value">
				   <option value="">Select</option>
				   <option value="index2.php">Video Header</option>
				   <option value="index.php">Layerslider Header</option>
				</select>
				<p>Layout</p>
					<a href="index_boxed.php" class="btn btn-primary btn-sm">Boxed</a>
				<a href="index.php" class="btn btn-primary btn-sm">Full Width</a>
			 </div>
			 <!-- end col -->
		  </div>
		  <!-- end row -->
	   </div>
	   <!-- end form_holder -->
	</div>
	<!-- end demo_changer -->
	<!-- End Switcher -->
      <!-- Preloader -->
      <div id="preloader">
         <div class="spinner">
            <div class="bounce1"></div>
         </div>
		  <!-- /spinner -->
      </div>
      <!-- /Preloader ends -->
      <?php
include "include/header.php";
?>
	   <!-- /nav --><div id="slider" style="width:1200px;height:800px;margin:0 auto;margin-bottom: 0px;">
   <!-- Slide 2 -->
   <div class="ls-slide" data-ls="duration:4000; transition2d:7; kenburnszoom:out; kenburnsrotate:-5; kenburnsscale:1.2;">
      <!-- bg image  -->
      <img src="img/slide1.jpg" class="ls-bg" alt="" />
      <!-- text  -->
      <div class="ls-l header-wrapper" data-ls="offsetyin:150; durationin:700; delayin:200; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;">
         <div class="header-text dog-elements">
            <h1>Adopt a pet today!</h1>
            <!--the div below is hidden on small screens  -->
            <div class="d-none d-sm-block">
               <p class="header-p">Search our list of dogs, cats and other pets available for adoption near you</p>
               <a class="btn btn-primary " href="adoption-2.php">Adopt Today</a>
            </div>
            <!--/d-none  -->
         </div>
         <!-- header-text  -->
      </div>
      <!-- ls-l  -->
   </div>
   <!-- ls-slide -->
   <!-- Slide 2 -->
   <div class="ls-slide" data-ls="duration:4000; transition2d:7; kenburnszoom:out; kenburnsrotate:-5; kenburnsscale:1.2;">
      <!-- bg image  -->
      <img src="img/slide2.jpg" class="ls-bg" alt="" />
      <!-- text  -->
      <div class="ls-l header-wrapper" data-ls="offsetyin:150; durationin:700; delayin:200; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;">
         <div class="header-text cat-elements">
		   <h1>High Quality pet food</h1>
            <!--the div below is hidden on small screens  -->
            <div class="d-none d-sm-block">
               <p class="header-p">We have all the best products for your pet, visit our store today!</p>
               <a class="btn btn-primary " href="contact.php">Contact us</a>
            </div>
            <!--/d-none  -->
         </div>
         <!-- header-text  -->
      </div>
      <!-- ls-l  -->
   </div>
   <!-- ls-slide -->
    <!-- Slide 3 -->
   <div class="ls-slide" data-ls="duration:4000; transition2d:7; kenburnszoom:out; kenburnsrotate:-5; kenburnsscale:1.2;">
      <!-- bg image  -->
      <img src="img/slide3.jpg" class="ls-bg" alt="" />
      <!-- text  -->
      <div class="ls-l header-wrapper" data-ls="offsetyin:150; durationin:700; delayin:200; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;">
         <div class="header-text dog-elements">
            <h1>Visit our Pet Hotel</h1>
            <!--the div below is hidden on small screens  -->
            <div class="d-none d-sm-block">
               <p class="header-p">Our facility is designed to meet the unique needs of your pet</p>
               <a class="btn btn-primary " href="services.php">Our services</a>
            </div>
            <!--/d-none  -->
         </div>
         <!-- header-text  -->
      </div>
      <!-- ls-l  -->
   </div>
   <!-- ls-slide -->
   <!-- Slide 4 -->
   <div class="ls-slide" data-ls="duration:4000; transition2d:7; kenburnszoom:out; kenburnsrotate:-5; kenburnsscale:1.2;">
      <!-- bg image  -->
      <img src="img/slide4.jpg" class="ls-bg" alt="" />
      <!-- text  -->
      <div class="ls-l header-wrapper" data-ls="offsetyin:150; durationin:700; delayin:200; easingin:easeOutQuint; rotatexin:20; scalexin:1.4; offsetyout:600; durationout:400; parallaxlevel:0;">
         <div class="header-text cat-elements">
           <h1>Experienced Veterinarians</h1>
            <!-- the div below is hidden on small screens  -->
            <div class="d-none d-sm-block">
               <p class="header-p">Your pet is in good hands, meet our highly qualified professionals</p>
               <a class="btn btn-primary " href="team.php">Our Team</a>
            </div>
            <!--/d-none  -->
         </div>
         <!-- header-text  -->
      </div>
      <!-- ls-l  -->
   </div>
   <!-- ls-slide -->
</div>
<!-- /slider -->
<!-- ==== Page Content ==== -->
<!-- Section services -->
<section id="services" class="cat-bg3">
   <div class="container">
      <div class="section-heading text-center">
         <h2>Our Services</h2>
      </div>
      <!-- /Section-heading -->
       <div class="container block-padding pt-0">
      <div class="row">
         <div class="col-xl-6">
            <h3>The best for your pet!</h3>
            <p>There’s nothing like the unconditional love of a pet. They show you affection, give you a sense of purpose, and greet you every day when you come home (well, maybe not if you have a cat). There’s a lot of beautiful sayings and quotes out there about the rare kind of magic pets bring to our lives. .</p>
            <p><strong>Whether you’re about to take the adoption plunge or you just want to wax poetic about puppy love, these quotes will melt your heart in the same way a surprise cuddle from your pet does</strong></p>
            <!-- ul custom-->
            <ul class="custom pl-0">
               <li>They keep you active.</li>
               <li>Pets make you happy.</li>
               <li> They make you smarter.</li>
            </ul>
         </div>
         <!-- /col-xl-->
         <div class="col-xl-6">
            <img src="img/services2.jpg" alt=""   data-aos="fade-down"  data-aos-duration="1500"  class="img-fluid border-irregular1 border-double">
         </div>
      </div>
      <!-- /row -->
   </div>
   <!-- /container -->
   <!-- services carousel -->
   <div class="bg-light-custom block-padding border-irregular1">
      <div id="owl-services" class="container owl-carousel owl-theme">
         <!-- service 1  -->
         <div class="col-md-12">
            <div class="serviceBox">
               <!-- service icon -->
               <div class="service-icon">
                  <i class="flaticon-people-1"></i>
               </div>
               <!-- service content -->
               <div class="service-content">
                  <h6>Fun Activities</h6>
                  <p>
                     Does your dog have some dog friends? Invite them over to your house or to the park for some playtime! This way, you’ll get the chance to catch up with your friends too – and you’ll have one tired dog at the end of the day. Becoming a dog owner is a great way to meet new friends too.
                  </p>
                  
               </div>
            </div>
         </div>
         <!-- service 2  -->
         <div class="col-md-12">
            <div class="serviceBox">
               <!-- service icon -->
               <div class="service-icon">
                  <i class="flaticon-pet-shelter"></i>
               </div>
               <!-- service content -->
               <div class="service-content">
                  <h6>Pet Hotel</h6>
                  <p>
                     A pet hotel, also known as a pet resort or luxury animal kennel, is an upscale facility that tends to the needs of clients' pets, while they are out of town. Most pet hotel owners personally enjoy the company of animals and understand their needs.
                  </p>
               
               </div>
            </div>
         </div>
         <!-- service 3  -->
         <div class="col-md-12">
            <div class="serviceBox">
               <!-- service icon -->
               <div class="service-icon">
                  <i class="flaticon-animals-2"></i>
               </div>
               <!-- service content -->
               <div class="service-content">
                  <h6>Grooming Services</h6>
                  <p>
                     Pet grooming is cleaning of the pets and taking hygienic care of the pets. ... Grooming services include bathing, nail clipping, and brushing of pet animals.
                  </p>
             
               </div>
            </div>
         </div>
         <!-- service 4 -->
         <div class="col-md-12">
            <div class="serviceBox">
               <!-- service icon -->
               <div class="service-icon">
                  <i class="flaticon-dog-with-first-aid-kit-bag"></i>
               </div>
               <!-- service content -->
               <div class="service-content">
                  <h6>Veterinary 24/7</h6>
                  <p>
                     Veterinarians care for the health of animals and work to protect public health. They diagnose, treat, and research medical conditions and diseases of pets, livestock, and other animals.
                  </p>
              
               </div>
            </div>
         </div>
         <!-- service 5 -->
         <div class="col-md-12">
            <div class="serviceBox">
               <!-- service icon -->
               <div class="service-icon">
                  <i class="flaticon-syringe"></i>
               </div>
               <!-- service content -->
               <div class="service-content">
                  <h6>Vaccines</h6>
                  <p>
                     Vaccines help prepare a dog's immune system to defend itself from any invasion of disease-causing organisms. Vaccines contain antigens, which mimic disease-causing organisms in a dog's immune system, but don't actually cause disease.
                  </p>
          
               </div>
            </div>
         </div>
         <!-- service 6 -->
         <div class="col-md-12">
            <div class="serviceBox">
               <!-- service icon -->
               <div class="service-icon">
                  <i class="flaticon-dog-training-3"></i>
               </div>
               <!-- service content -->
               <div class="service-content">
                  <h6>Training</h6>
                  <p>
                  Instructors are taught science-based training principles that reward appropriate dog behaviors instead of punishing negative ones. Positive Dog Training at home is a rewards-based approach to teaching pet parents how dogs think, learn, and communicate with others.
                  </p>
           
               </div>
            </div>
         </div>
         <!--col-md-12  -->
      </div>
      <!-- /owl-services -->
   </div>
   <!-- /bg-light-custom -->   </div>
   <!-- /container -->
</section>
<!-- / Section Ends -->
<!-- Section Blurb -->
<section id="blurb" class="bg-primary text-light">
   <div class="container">
      <div class="row">
         <div class="col-xl-8">
            <!-- image  -->
            <img src="img/blurbimg.png" class="img-fluid blurb-img" alt="" />
         </div>
         <div class="col-xl-4" data-aos="fade-down" >
            <h2 class="res-margin">Join our club</h2>
            <p class="featured-text">You Should Join Our Club to Connect our family to login our page and verify pets to envolved by creators.</p>
            <!-- button -->
            <a href="contact.php" class="btn btn-primary">contact us</a>
         </div>
         <!-- /col-lg -->
      </div>
      <!-- /row -->
   </div>
   <!-- /container -->
</section>
 <!-- SVG effect -->
<svg id="bigTriangleColor" class="d-none d-sm-block" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
    <path d="M0 0 L50 100 L100 0 Z" />
</svg>
<!-- / Section Ends -->
<!-- Section About Us -->
<section id="about" class="dog-bg2">
   <div class="container">
      <div class="section-heading text-center">
         <h2>About Us</h2>
      </div>
      <!-- /Section-heading -->
   </div>
   <!-- /container -->
    <div class="container block-padding pt-0">
      <div class="row">
         <div class="col-lg-6">
            <h3>Caring for your pets</h3>
            <p>It is also a good idea to register your pet with Finding Rover. Always provide shade and shelter, along with water. Indoors, dogs also typically enjoy having their own dog bed and older dogs, in particular, may benefit from having an orthopedic bed.</p>
            <p>This also is a good time to check for potential hazards. Look for exposed cords or wires (young animals find these to be great chew toys), secure safety gates, repair loose windows or screens and remove any plants that are poisonous to your pet.</p>
            <ul class="custom pl-0">
               
            </ul>
            <!-- /ul -->
         </div>
		  <!-- image -->
         <div class="col-lg-6">
            <img src="img/about2.jpg" alt="" class="img-fluid border-irregular1"   data-aos="zoom-in">
         </div>
      </div>
	   <!-- /row -->
   </div>
   <!-- /container -->
   <div class="bg-light-custom block-padding">
      <div class="container">
         <div id="counter" class="row">
            <!-- Counter -->
            <div class="col-xl-3 col-md-6">
               <div class="counter">
                  <i class="counter-icon fa fa-users"></i>
				<!-- insert your final value on data-count= -->
				  <div class="counter-value" data-count="1500">0</div>
                  <h3 class="title">Happy Clients</h3>
               </div>
               <!-- /counter -->
            </div>
            <!-- /col-lg -->
            <!-- Counter -->
            <div class="col-xl-3 col-md-6">
               <div class="counter">
                  <i class="counter-icon flaticon-dog-in-front-of-a-man"></i>
				  <!-- insert your final value on data-count= -->
				  <div class="counter-value" data-count="14">0</div>
                  <h3 class="title">Professionals</h3>
               </div>
               <!-- /counter -->
            </div>
            <!-- /col-lg -->
            <!-- Counter -->
            <div class="col-xl-3 col-md-6">
               <div class="counter">
                  <i class="counter-icon flaticon-dog-2"></i>
				 <!-- insert your final value on data-count= -->
				  <div class="counter-value" data-count="900">0</div>
                  <h3 class="title">Adopted Pets</h3>
               </div>
               <!-- /counter -->
            </div>
            <!-- /col-lg -->
            <!-- Counter -->
            <div class="col-xl-3 col-md-6">
               <div class="counter">
                  <i class="counter-icon flaticon-prize-badge-with-paw-print"></i>
				<!-- insert your final value on data-count= -->
				  <div class="counter-value" data-count="12">0</div>
                  <h3 class="title">Prizes</h3>
               </div>
               <!-- /counter -->
            </div>
            <!-- /col-lg -->
         </div>
		  <!-- /row -->
      </div>
	   <!-- /container -->
   </div>
    <!-- /block-padding -->
	 <div class="container bottom-block-padding">
      <h3 class="text-center">What our clients say</h3>
      <div class="col-md-12 mt-5">
         <div id="owl-testimonial" class="owl-carousel owl-theme">
            <!-- testimonial -->
            <div class="testimonial">
               <div class="content">
                  <p class="description">
                 Julie has been my sitter the last 2 years and she is amazing. When we come home I can see they are well taken care of and very content. I think they don't really care if I come home as long as Julie is caring for them.
                        
                        Thank you Four Paws!
                  </p>
               </div>
               <!-- /content -->
               <div class="testimonial-pic">
                  <img src="img/team/team1.jpg" class="img-fluid" alt="">
               </div>
               <!-- /testimonial-pic -->
               <div class="testimonial-review">
                  <h5 class="testimonial-title">Lucianna Smith</h5>
                  <span>Teacher</span>
               </div>
               <!-- /testimonial-review -->
            </div>
            <!-- /testimonial -->
            <!-- testimonial -->
            <div class="testimonial">
               <div class="content">
                  <p class="description">
                     We really appreciate the Four Paws service we got. Our PAWsome sitter, Ann took the time to come and meet us before taking care of our Jack Russells.

We also love that she understand Jack Russells and took the time to understand the rest of our needs and requests for our fur-babies.

Thank You!!                        
                  </p>
               </div>
               <!-- /content -->
               <div class="testimonial-pic">
                  <img src="img/team/team2.jpg" class="img-fluid" alt="">
               </div>
               <!-- /testimonial-pic -->
               <div class="testimonial-review">
                  <h5 class="testimonial-title">John Sadana</h5>
                  <span>Doctor</span>
               </div>
               <!-- /testimonial-review -->
            </div>
            <!-- /testimonial -->
            <!-- testimonial -->
            <div class="testimonial">
               <div class="content">
                  <p class="description">
                    We've used Four Paws several times and have been very happy with the service and care of our pets. The pet sitter is always great about giving updates while we are gone. Scheduling and payment is super easy We just can't put a price on our pets being so well cared for in our home while we're away - boarding was never a good option for us. We're very satisfied and will continue to work with Four Paws.                        
                  </p>
               </div>
               <!-- /content -->
               <div class="testimonial-pic">
                  <img src="img/team/team3.jpg" class="img-fluid" alt="">
               </div>
               <!-- /testimonial-pic -->
               <div class="testimonial-review">
                  <h5 class="testimonial-title">Jane Janeth</h5>
                  <span>Librarian</span>
               </div>
               <!-- /testimonial-review -->
            </div>
            <!-- /testimonial -->
         </div>
         <!-- /owl-testimonial -->
      </div>
      <!-- /col-md-12 -->
   </div>
   <!-- /container --></section>
<!-- / Section Ends -->
<!-- Section: Gallery -->
<section id="gallery" class="dog-bg1 bg-light pb-0">
   <div class="container">
      <div class="section-heading text-center">
         <h2>Our Gallery</h2>
      </div>
      <!-- /Section-heading -->
   </div>
   <!-- /container -->
    <!-- centered Gallery navigation -->
   <ul class="nav nav-pills cat center-nav">
      <li class="nav-item">
         <a class="nav-link active" href="#" data-toggle="tab" data-filter="*">All</a>
      </li>
      <li class="nav-item">
         <a class="nav-link" href="#" data-toggle="tab" data-filter=".dogscats">Dogs and Cats</a>
      </li>
      <li class="nav-item">
         <a class="nav-link" href="#" data-toggle="tab" data-filter=".other">Other Pets</a>
      </li>
   </ul>
    <!-- /ul -->
   <!-- Gallery -->
   <div id="gallery-isotope" class="mt-5">
      <!-- Image 1 -->
      <div class="dogscats col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery1.jpg" alt="">
               <a href="img/gallery/gallery1.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 2 -->
      <div class="other col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery2.jpg" alt="">
               <a href="img/gallery/gallery2.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 3 -->
      <div class="other col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery3.jpg" alt="">
               <a href="img/gallery/gallery3.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 4 -->
      <div class="dogscats col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery4.jpg" alt="">
               <a href="img/gallery/gallery4.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 5 -->
      <div class="dogscats col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery5.jpg" alt="">
               <a href="img/gallery/gallery5.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 6 -->
      <div class="dogscats col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery6.jpg" alt="">
               <a href="img/gallery/gallery6.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 7 -->
      <div class="dogscats col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery7.jpg" alt="">
               <a href="img/gallery/gallery7.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 8 -->
      <div class="other col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery8.jpg" alt="">
               <a href="img/gallery/gallery8.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 9 -->
      <div class="other col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery9.jpg" alt="">
               <a href="img/gallery/gallery9.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 10 -->
      <div class="dogscats col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery10.jpg" alt="">
               <a href="img/gallery/gallery10.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 11 -->
      <div class="other col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery11.jpg" alt="">
               <a href="img/gallery/gallery11.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
      <!-- Image 12 -->
      <div class="dogscats col-lg-3 col-sm-6 col-md-6">
         <div class="isotope-item">
            <div class="gallery-thumb">
               <img class="img-fluid" src="img/gallery/gallery12.jpg" alt="">
               <a href="img/gallery/gallery12.jpg"  title="You can add caption to pictures.">
               <span class="overlay-mask"></span>
               </a>							  							  
            </div>
         </div>
      </div>
   </div>
   <!-- /gallery-isotope-->  
</section>
<!-- / Section Ends -->
<!-- Section team -->
<section id="team" class="cat-bg1">
   <div class="container">
      <div class="section-heading text-center">
         <h2>Our Team</h2>
      </div>
      <!-- /Section-heading -->
      <div class="container">
         <div id="owl-team2" class="owl-carousel owl-theme">
            <!-- Team member -->
            <figure class="col-lg-12 team-style2">
               <!-- image -->
               <img src="img/team/team1.jpg" alt="" class="img-fluid"/>
               <figcaption>
                  <!-- social icons -->
                  <div class="icons">
                     <a href="#"><i class="fa fa-envelope"></i></a>
                     <a href="#"><i class="fab fa-facebook-f"></i></a>
                     <a href="#"><i class="fab fa-instagram"></i></a>
                  </div>
               </figcaption>
               <!-- name -->
               <div class="name">
                  <h4> Mary Smith</h4>
                  <h6>Trainer</h6>
               </div>
               <!-- /name -->
            </figure>
            <!-- /figure- -->
            <!-- Team member -->
            <figure class="col-lg-12 team-style2">
               <!-- image -->
               <img src="img/team/team2.jpg" alt="" class="img-fluid"/>
               <figcaption>
                  <!-- social icons -->
                  <div class="icons">
                     <a href="#"><i class="fa fa-envelope"></i></a>
                     <a href="#"><i class="fab fa-facebook-f"></i></a>
                     <a href="#"><i class="fab fa-instagram"></i></a>
                  </div>
               </figcaption>
               <!-- name -->
               <div class="name">
                  <h4>John Doe</h4>
                  <h6>Pet Expert</h6>
               </div>
               <!-- /name -->
            </figure>
            <!-- /figure- -->
            <!-- Team member -->
            <figure class="col-lg-12 team-style2">
               <!-- image -->
               <img src="img/team/team3.jpg" alt="" class="img-fluid"/>
               <figcaption>
                  <!-- social icons -->
                  <div class="icons">
                     <a href="#"><i class="fa fa-envelope"></i></a>
                     <a href="#"><i class="fab fa-facebook-f"></i></a>
                     <a href="#"><i class="fab fa-instagram"></i></a>
                  </div>
               </figcaption>
               <!-- name -->
               <div class="name">
                  <h4>Alissa Silva</h4>
                  <h6>Veterinarian</h6>
               </div>
               <!-- /name -->
            </figure>
            <!-- /figure- -->
            <!-- Team member -->
            <figure class="col-lg-12 team-style2">
               <!-- image -->
               <img src="img/team/team4.jpg" alt="" class="img-fluid"/>
               <figcaption>
                  <!-- social icons -->
                  <div class="icons">
                     <a href="#"><i class="fa fa-envelope"></i></a>
                     <a href="#"><i class="fab fa-facebook-f"></i></a>
                     <a href="#"><i class="fab fa-instagram"></i></a>
                  </div>
               </figcaption>
               <!-- name -->
               <div class="name">
                  <h4>Ana Doe</h4>
                  <h6>Veterinarian</h6>
               </div>
               <!-- /name -->
            </figure>
            <!-- /figure- -->
            <!-- Team member -->
            <figure class="col-lg-12 team-style2">
               <!-- image -->
               <img src="img/team/team5.jpg" alt="" class="img-fluid"/>
               <figcaption>
                  <!-- social icons -->
                  <div class="icons">
                     <a href="#"><i class="fa fa-envelope"></i></a>
                     <a href="#"><i class="fab fa-facebook-f"></i></a>
                     <a href="#"><i class="fab fa-instagram"></i></a>
                  </div>
               </figcaption>
               <!-- name -->
               <div class="name">
                  <h4>Lucas Manson</h4>
                  <h6>Animal Caretaker</h6>
               </div>
               <!-- /name -->
            </figure>
            <!-- /figure- -->
         </div>
         <!-- /owl-team2 -->
      </div>
      <!-- /container -->   </div>
   <!-- /container -->
</section>
<!-- / Section Ends -->
<!-- Section Call to action -->
<div id="call-to-action" >
   <div class="container block-padding">
      <div class="col-lg-6 offset-lg-6 bg-primary text-light card text-center" >
         <h4>Subscribe to our newsletter</h4>
         <p>Its Newly Join Our Team, Don't Worry We are welcome to our family and many more surprise will be waiting for u...</p>
         <!-- Form -->				
         <div id="mc_embed_signup">
            <!-- your form address in the line bellow -->
            <form action="http://ingridkuhn.us12.list-manage.com/subscribe/post?u=04e646927a196552aaee78a7b&amp;id=0dae358e08" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
               <div id="mc_embed_signup_scroll">
                  <div class="mc-field-group">
                     <div class="input-group">
                        <input class="form-control input-lg required email" type="email" value="" name="EMAIL" placeholder="Your email here" id="mce-EMAIL">
                        <span class="input-group-btn">
                        <button class="btn btn-primary" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">Subscribe</button>
                        </span>
                     </div>
                     <!-- Subscription results -->
                     <div id="mce-responses" class="mailchimp">
                        <div class="alert alert-danger response" id="mce-error-response"></div>
                        <div class="alert alert-success response" id="mce-success-response"></div>
                     </div>
                  </div>
                  <!-- /mc-fiel-group -->									
               </div>
               <!-- /mc_embed_signup_scroll -->
            </form>
            <!-- /form ends -->								
         </div>
         <!-- /mc_embed_signup -->
      </div>
      <!-- /col-md-12 -->
   </div>
   <!--/row -->
</div>
<!--/call-to-action --><!-- Section Adopt -->
<section id="adopt" class="paws-house-bg1 bg-light">
   <div class="container ">
      <div class="section-heading text-center">
         <h2>Adopt a Pet</h2>
      </div>
      <!-- /Section-heading -->
      <div class="col-lg-10 offset-lg-1 text-center">
         <h3>Find a new furry Friend</h3>
         <p>Its pets are really cute and Attractive. Our Pets are more active and impressive by other pets.</p>
      </div>
       <!-- First row: Adopt a pet -->
      <div class="row mt-5">
         <!-- Pet  -->
         <div class="adopt-card col-md-6 col-xl-3 res-margin">
            <div class="card bg-light-custom">
               <div class="thumbnail text-center">
                  <!-- Image -->
                  <img src="img/adoption/adoption1.jpg" class="border-irregular1 img-fluid" alt="">
                  <!-- Name -->
                  <div class="caption-adoption">
                     <h6 class="adoption-header">Fluffy</h6>
                     <!-- List -->
                     <ul class="list-unstyled">
                        <li><strong>Gender:</strong> Female</li>
                        <li><strong>Neutered: </strong> Yes</li>
                        <li><strong>Age:</strong> 2 years</li>
                     </ul>
                     <!-- Buttons -->								  
                     
                  </div>
               </div>
               <!-- /thumbnail -->
            </div>
            <!-- /card -->
         </div>
         <!-- /adopt-card -->
         <!-- /pet -->
         <!-- Pet  -->
         <div class="adopt-card col-md-6 col-xl-3 res-margin">
            <div class="card bg-light-custom">
               <div class="thumbnail text-center">
                  <!-- Image -->
                  <img src="img/adoption/adoption2.jpg" class="border-irregular1 img-fluid" alt="">
                  <!-- Name -->
                  <div class="caption-adoption">
                     <h6 class="adoption-header">Charlie</h6>
                     <!-- List -->
                     <ul class="list-unstyled">
                        <li><strong>Gender:</strong> Male</li>
                        <li><strong>Neutered: </strong> Yes</li>
                        <li><strong>Age:</strong> 2 years</li>
                     </ul>
                     <!-- Buttons -->								  
                     
                  </div>
               </div>
               <!-- /thumbnail -->
            </div>
            <!-- /card -->
         </div>
         <!-- /adopt-card -->
         <!-- /pet -->
         <!-- Pet  -->
         <div class="adopt-card col-md-6 col-xl-3 res-margin">
            <div class="card bg-light-custom">
               <div class="thumbnail text-center">
                  <!-- Image -->
                  <img src="img/adoption/adoption3.jpg" class="border-irregular1 img-fluid" alt="">
                  <!-- Name -->
                  <div class="caption-adoption">
                     <h6 class="adoption-header">Lucky</h6>
                     <!-- List -->
                     <ul class="list-unstyled">
                        <li><strong>Gender:</strong> Male</li>
                        <li><strong>Neutered: </strong> Yes</li>
                        <li><strong>Age:</strong> 5 years</li>
                     </ul>
                     <!-- Buttons -->								  
                     
                  </div>
               </div>
               <!-- /thumbnail -->
            </div>
            <!-- /card -->
         </div>
         <!-- /adopt-card -->
         <!-- /pet -->
         <!-- Pet  -->
         <div class="adopt-card col-md-6 col-xl-3 res-margin">
            <div class="card bg-light-custom">
               <div class="thumbnail text-center">
                  <!-- Image -->
                  <img src="img/adoption/adoption4.jpg" class="border-irregular1 img-fluid" alt="">
                  <!-- Name -->
                  <div class="caption-adoption">
                     <h6 class="adoption-header">Magdalene</h6>
                     <!-- List -->
                     <ul class="list-unstyled">
                        <li><strong>Gender:</strong> Female</li>
                        <li><strong>Neutered: </strong> No</li>
                        <li><strong>Age:</strong> 2 years</li>
                     </ul>
                     <!-- Buttons -->								  
                    
                  </div>
               </div>
               <!-- /thumbnail -->
            </div>
            <!-- /card -->
         </div>
         <!-- /adopt-card -->
         <!-- /pet -->
      </div>
      <!-- /row -->      <div class="text-center mt-5">
         <a href="adoption-2.php" class="btn btn-secondary btn-lg">See more pets</a>
      </div>
   </div>
   <!-- /container -->
</section>
<!-- Section Contact -->
<section id="contact" class="dog-bg3">
   <div class="container">
      <div class="section-heading text-center">
         <h2>Contact Us</h2>
      </div>
      <!-- /Section-heading -->
   </div>
   <!-- /container -->
   <div class="container">
      <div class="row">
	  <!-- contact info -->
         <div class="contact-info col-lg-5 card bg-light-custom">
            <h4>Send us a message!</h4>
            <!-- Form Starts -->
            <div id="contact_form">
               <div class="form-group">
                  <div class="row">
                     <div class="col-md-6">
                        <label>Name<span class="required">*</span></label>
                        <input type="text" name="name" class="form-control input-field" required=""> 
                     </div>
                     <div class="col-md-6">
                        <label>Email Adress <span class="required">*</span></label>
                        <input type="email" name="email" class="form-control input-field" required=""> 
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-md-12">
                        <label>Subject</label>
                        <input type="text" name="subject" class="form-control input-field"> 
                     </div>
                     <div class="col-md-12">
                        <label>Message<span class="required">*</span></label>
                        <textarea name="message" id="message" class="textarea-field form-control" rows="3"  required=""></textarea>
                     </div>
                  </div>
                  <button type="submit" id="submit_btn" value="Submit" class="btn btn-primary">Send message</button>
               </div>
               <!-- Contact results -->
               <div id="contact_results"></div>
            </div>
         </div>
         <div class="col-lg-7">
            <!-- map-->
            <!-- <div id="map-canvas" class="mt-3 border-irregular1"></div> -->
         </div>
         <!-- /col-lg-->
      </div>
      <!-- /row-->
      <div class="row res-margin mt-5">
         <div class="col-lg-6 mt-5">
            <div class="contact-icon">
               <!---icon-->
               <i class="fa fa-envelope top-icon"></i>
               <!-- contact-icon info-->
               <div class="contact-icon-info">
                  <h5>Send us a Message</h5>
                  <p class="h7"><a href="mailto:email@yoursite.com">email@yoursite.com</a></p>
               </div>
            </div>
         </div>
         <!-- /contact-icon-->
         <div class="col-lg-6 mt-5">
            <div class="contact-icon">
               <!---icon-->
               <i class="fa fa-map-marker top-icon"></i>
               <!-- contact-icon info-->
               <div class="contact-icon-info">
                  <h5>Visit our Location</h5>
                  <p class="h7">T.Nagar, Chennai.</p>
               </div>
            </div>
         </div>
         <!-- /contact-icon-->
         <div class="col-lg-6 mt-5">
            <div class="contact-icon">
               <!---icon-->
               <i class="fa fa-phone top-icon"></i>
               <!-- contact-icon info-->
               <div class="contact-icon-info">
                  <h5>Call us today</h5>
                  <p class="h7">(123) 456-789</p>
               </div>
            </div>
         </div>
         <!-- /contact-icon-->
         <div class="col-lg-6 mt-5">
            <div class="contact-icon">
               <!---icon-->
               <i class="fa fa-heart top-icon"></i>
               <!-- contact-icon info-->
               <div class="contact-icon-info">
                  <h5>Follow us on Social Media</h5>
                  <ul class="social-media">
                     <li><a href="#"><i class="fab fa-facebook-square"></i></a></li>
                     <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                     <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                     <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                  </ul>
               </div>
            </div>
         </div>
         <!-- /contact-icon-->
      </div>
	  <!-- /row -->
   </div>
   <!-- /container --> 
</section>
<!-- /Section ends -->
<!-- ==== footer ==== -->
<?php include "include/footer.php"; ?>
<!--/ footer-->
<!-- Bootstrap core & Jquery -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Custom Js -->
<script src="js/custom.js"></script>
<script src="js/plugins.js"></script>
<!-- Prefix free -->
<script src="js/prefixfree.min.js"></script>
<!-- Bootstrap Select Tool (For Module #4) -->
<script src="switcher/js/bootstrap-select.js"></script>
<!-- All Scripts & Plugins -->
<script src="switcher/js/dmss.js"></script>	
</body>

<!-- Mirrored from www.ingridkuhn.com/themes/Pet Shop!/index.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 11 Jan 2022 08:16:10 GMT -->
</html><!-- GreenSock -->
<script src="vendor/layerslider/js/greensock.js"></script>
<!-- LayerSlider script files -->
<script src="vendor/layerslider/js/layerslider.transitions.js"></script>
<script src="vendor/layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
<script src="vendor/layerslider/js/layerslider.load.js"></script>
<!-- Google maps -->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="js/map.js"></script>
<!-- Mailchimp script -->
<script src="js/mailchimp.js"></script>
<!-- number counter script -->
<script src="js/counter.js"></script>
<!-- Contact Form script -->
<script src="js/contact.js"></script>
