<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Babbler - A Jungle Resort</title>
    <link rel="shortcut icon" type="image/x-icon" href="images/Logo.png">
    <meta name="keywords" content="">
    
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
    <link href="css/style.css" type="text/css" rel="stylesheet" media="all">
    <link href="css/style-media.css" type="text/css" rel="stylesheet" media="all">
    <!--owl carasal-->
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <!--owl carasal end-->
    <!--for animation-->
    <link rel="stylesheet" href="css/animations.css">
    <link href="css/animate.min.css" rel="stylesheet"> 
    <!--for animation-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css">
  </head>
  <body>
    <!-- <div id='object'></div> -->
   <?php include("inc/header_.php"); ?>  
<div class="container-fluid">
<div class="row">
<div class="inpage_slider_container1">
        <div class="flexslider">
            <ul class="innerslide">
                <li>
                 <img src="images/banner/slider/banner3.webp" alt="" title=""/>
              </li>                  
            </ul>
      </div>
      <div class="cliver_inpage1">
            <div class="inpage_heading">
                <h2>Drop A Review</h2>
                <p>Write a Review</p>
                <ul>
                    <li><a href="index.php"><i class="fa-solid fa-house"></i> Home</a></li>
                    <li><i class="fa-solid fa-chevron-right"></i></li>
                    <li>Review</li>
                </ul>
            </div>
        </div>
   </div>
</div>
</div>   
<div class="container-fluid">
    <div class="row">
        <div class="margin_allblock">        
            <div class="term_policy">   
                <div class="appoint_page">
        	<div class="appo_from">
        	    
        	    
        	    

        <form action="review-send.php" method="post" id="myform" enctype="multipart/form-data">
            <div class="row feedbackform">
               
               <div class="col-md-6 mbotu">
                  <label for="inputStatus" class="formname1">Your Name (required) :</label>
               <input type="text" class="form-control2" name="name" placeholder="Write your Name" required="">
            </div>
            <div class="col-md-6 mbotu">
                  <label for="inputStatus" class="formname2">Your Mobile :</label>
               <input type="number" class="form-control2" name="phone" placeholder="Write your phone">
            </div>
            <div class="col-md-12 mbotu">
                  <label for="mbotu" class="formname1">Heading :</label>
               <input type="text" class="form-control2" name="heading" placeholder="Write your heading" required="">
            </div>
             <div class="col-md-12 mbotu">
            <label for="inputStatus" class="formname1">Comment (required) :</label>
               <textarea name="query" class="form-control2" placeholder="Write review" required=""></textarea>
            </div>  
           
            <div class="col-md-12 mbotu">
            <label for="inputStatus" class="formname1">Your Photo :</label>
               <input type="file" name="photo" class="form-control2" id="photoInput" accept="image/*" required="">
            </div>
           
           <div class="col-md-12 mbotu">
             <p class="formname1">Rating:</p>
               <fieldset class="rating">
                <input type="radio" id="star5" name="rating" value="5.JPG" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
                <input type="radio" id="star4" name="rating" value="4.JPG" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
                <input type="radio" id="star3" name="rating" value="3.JPG" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
                <input type="radio" id="star2" name="rating" value="2.JPG" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
                <input type="radio" id="star1" name="rating" value="1.JPG" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
            </fieldset> 
            <div class="cle"></div>
            </div>
            
             
               <div class="col-md-6 mbot">
               <div class="justify-content-center">
               <label for="inputStatus" class="formname1"> </label>
            <input type="submit" name="submit" value="SEND REVIEW" class="btn quesendsss btni btn-4">
         </div>
            </div>
        </div>
        </form>  
                  <div class="cle"></div>
            </div>
        </div>
            </div>
        <div class="clearfix"></div>
        </div>  
    </div>
</div>




<?php include("inc/footer.php"); ?>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"></script>
<script src="https://unpkg.com/@studio-freight/lenis@1.0.34/dist/lenis.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script><!--for banner-->
<script src="js/owl.carousel.js"></script>
<!--init Jarallax-->
<script src="https://unpkg.com/object-fit-images/dist/ofi.min.js"></script>
<script src="jaralax/jarallax.js"></script>
      <!--init Jarallax--> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script> 
<script src="js/jquery.stickem.js"></script>
<script src='js/animate-it.js'></script>
<script src="js/jquery.tabby.js"></script>

<script src="js/customize-js.js"></script>  
  </body>
</html>