<!DOCTYPE html>
<html lang="en">
   
<!-- Mirrored from www.ingridkuhn.com/themes/Pet Shop!/contact2.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 11 Jan 2022 08:16:30 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>
				   <p>Choose a Color Skin</p>
				   <!-- 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 --><!-- Jumbotron -->
<div class="jumbotron jumbotron-fluid overlay">
   <div class="jumbo-heading">
      <!-- section-heading -->
      <div class="section-heading" data-aos="zoom-in">
         <h1>Contact Us</h1>
      </div>
      <!-- /section-heading -->
      <!-- Breadcrumbs -->
      <nav aria-label="breadcrumb">
         <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="index-2.php">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Contact Us 2</li>
         </ol>
      </nav>
   </div>
   <!-- /jumbo-heading -->
</div>
<!-- /jumbotron -->
<!-- ==== Page Content ==== -->
<div class="page">
  <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">metazoa@gmail.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">metazoa A-Z -  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 metazoa A-z 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 --> 
</div>
<!-- /page -->
<!-- ==== 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!/contact2.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 11 Jan 2022 08:16:30 GMT -->
</html><!-- Google maps -->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="js/map.js"></script>
<!-- Contact Form script -->
<script src="js/contact.js"></script>