<!DOCTYPE html>
<php lang="en">
   
<!-- Mirrored from www.ingridkuhn.com/themes/woof!/adoption-single.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 11 Jan 2022 08:16:29 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/php;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>Woof!</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">
				 <h4>Template Options</h4>
				 <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>Adopt a Pet</h1>
      </div>
      <!-- /section-heading -->
      <nav aria-label="breadcrumb">
         <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="index-2.php">Home</a></li>
            <li class="breadcrumb-item"><a href="adoption-3.php">Adoption</a></li>
            <li class="breadcrumb-item active" aria-current="page">Adopt a Pet</li>
         </ol>
      </nav>
   </div>
   <!-- /jumbo-heading -->
</div>
<!-- /jumbotron -->
<!-- ==== Page Content ==== -->
 <?php 
 include "config.php";
          $Id=$_GET["Id"];

          // $conn=mysqli_connect("localhost","root","","petshop");

          $sql="SELECT * FROM categorys where Id='$Id'";

          $query=mysqli_query($conn,$sql);

          while($data=mysqli_fetch_array($query))
          {

            ?>
<div class="page">
   <div class="container">
      <div class="row">
         <div class="col-lg-12">
            <div class="row bg-light-custom border-irregular1 block-padding">
			  <!-- image -->
               <div class="col-lg-4 offset-lg-2">
            <img src="img/<?php echo $data['Image'];?>" class="img-fluid" style="border-radius:12px">
               </div>
               <!-- /col-md -->	
			 <!-- adoption info  -->
         
               <div class="col-lg-4 res-margin mt-5 text-xs-center">
                  <h4><strong>Pet name:</strong> <?php echo $data['Pet'];?></h4>
				   <div class="row">
					  <div class="col-sm-6">
						  <ul class="list-unstyled pet-adopt-info">
							 <li class="h7">Gender: <span>female</span></li>
							 <li class="h7">Age: <span>2 years</span></li>
							 <li class="h7">Breed: <span>Poodle</span></li>
						  </ul>
					  </div>
					   <div class="col-sm-6">
						  <ul class="list-unstyled pet-adopt-info">
							 <li class="h7">Owner: <span><?php echo $data['Owner'];?></span></li>
							 <li class="h7">Number: <span><?php echo $data['Numbers'];?></span></li>
							 <li class="h7">Address: <span><?php echo $data['Address'];?></span></li>
						  </ul>
				     </div>
                  <!-- /div-->
				 </div>
				 <!-- /row-->
				  <p class="font-weight-bold"><?php echo $data['Pet'];?> is a very sweet and active dog, she is ready for a new home!</p>
				 <!-- button -->
                 <a href="" class="btn btn-primary " data-aos="zoom-in" >Adopt now!</a>             
			   </div>
               <!-- /col-md --> 
  </div>
            <!-- /row-->			   
               <div class="col-md-12 mt-5">
			   <h3>About <?php echo $data['Pet'];?></h3>
                  <!-- ul custom-->
                  <ul class="custom list-inline font-weight-bold">
                     <li class="list-inline-item">Friendly to other dogs</li>
                     <li class="list-inline-item">Good for Apartments</li>
                     <li class="list-inline-item">Friendly with Kids</li>
                  </ul>
                  <p>Elit uasi quidem minus id omnis a nibh fusce mollis imperdie tlorem ipuset phas ellus ac sodales Lorem ipsum dolor Phas ellus 
                     ac sodales felis tiam non metus. lorem ipsum dolor sit amet, consectetur adipisicing elit uasi quidem minus id omnis a nibh fusce mollis imperdie tlorem ipuset campas fincas
                  </p>
                  <p>Elit uasi quidem minus id omnis a nibh fusce mollis imperdie tlorem ipuset phas ellus ac sodales Lorem ipsum dolor Phas ellus 
                     ac sodales felis tiam non metus. lorem ipsum dolor sit amet, consectetur adipisicing elit uasi quidem minus id omnis a nibh fusce mollis imperdie tlorem ipuset campas fincas
                  </p>
                  <div class="alert alert-primary mt-5" role="alert">
                     <h6 class="text-light">Adoption Rules</h6>
                     <p>Elit uasi quidem minus id omnis a nibh fusce mollis imperdie tlorem ipuset phas ellus ac sodales Lorem ipsum dolor Phas ellus 
                        ac sodales felis tiam non metus. lorem ipsum dolor sit amet, consectetur adipisicing elit uasi quidem minus id omnis a nibh fusce mollis imperdie tlorem ipuset campas fincas
                     </p>
                  </div>
                  <!-- /alert-->
				   <p class="custom-link"><a href="adoption-3.php">« Go back to adoption gallery</a></p>
               </div>
               <!-- /col-md-->
          
         </div>
         <!-- /col-lg-->
      </div>
      <!-- /row-->
   </div>
   <!-- /container-->
</div>
<?php
}
?>
<!-- /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/woof!/adoption-single.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 11 Jan 2022 08:16:30 GMT -->
</html>