<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Reservation | Outdoor Games in Chikmagalur - Misty Peaks</title>
    <meta name="description" content="The wonderful hospitality of the homestay will make one feel like returning time and again. Misty peaks invites you to be a part of their family and enjoy the luxury that nature provides.">
    <meta name="keywords" content="Misty Peaks in Mangalore, Misty Peaks">
	  <meta name="copyright" content="Copyright &copy; 2021 Misty Peaks All Rights Reserved">
	  <meta name="author" content="Misty Peaks">
	  <meta name="zipcode" content="575018">
	  <meta name="city" content="Mangalore">
	  <meta name="country" content="India">
    <meta name="robots" content="All">
	  <meta name="robots" content="ODP (Default)">
    <link rel="shortcut icon" href="img/icon.ico"/>
    <link href="css/bootstrap.min.css" rel="stylesheet"/>
    <link href="css/misty-peaks.css" rel="stylesheet"/>
    <!--Main Menu File-->
    <link id="effect" rel="stylesheet" type="text/css" media="all" href="css/dropdown-effects/fade-down.css" />
    <link rel="stylesheet" type="text/css" media="all" href="css/menu.css" />
    <link id="theme" rel="stylesheet" type="text/css" media="all" href="css/color-skins/white-red.css" />
    <!-- FontAwesome -->
    <link href="css/all.css" rel="stylesheet"/>
    <link href="css/font-awesome-animation.min.css" rel="stylesheet"/>
    <!-- Animation -->
    <link rel="stylesheet" href="css/animate.css"/>
    <link rel="stylesheet" href="css/magnific/magnific-popup.css"/>
    <!-- Owl Stylesheets -->
    <link rel="stylesheet" href="css/owl.carousel.min.css"/>
    <link rel="stylesheet" href="css/owl.theme.default.min.css"/>
</head>
<body>
<?php include('header.php')?>
<section class="contact-page-detail-bg wp-block-cover-image">
  <div class="container">
    <div class="row">
      <div class="col-md-12">

        <div class="track-wrapper wow fadeInDown">
          <div id="formContent">
            <!-- Tabs Titles -->
            <!-- <h2>Track</h2> -->
            <!-- Login Form -->
            <form method="post" action="support-contact.php">
              <div class="form-group">
                <h1 class="head-main wow fadeInDown">Reservation</h1>
                <div class="row">
                  <div class="col-md-12">
                    
                    <input type="text" id="login" class="fadeIn second" name="name" placeholder="Name">
                  </div>
                 
                </div>
                <div class="row">
                  <div class="col-md-6">
                   
                    <input type="text" id="login" class="fadeIn second" name="contactNumber" placeholder="Phone">
                  </div>
                  <div class="col-md-6">
                   
                    <input type="text" id="login" class="fadeIn second" name="email" placeholder="E-mail">
                  </div>
                </div>
               
                <div class="row">
                  <div class="col-md-6">
                    <!--<label class="col-form-label pt-3 mTextL font-weight-bold">Arrival Date</label>-->
                    <input type="date" id="login" class="fadeIn second" name="adate" placeholder="Arrival Date">
                  </div>
                  <div class="col-md-6">
                     <!--<label class="col-form-label pt-3 mTextL font-weight-bold">Departure Date</label>-->
                    <input type="date" id="login" class="fadeIn second" name="ddate" placeholder="Departure Date">
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-6">
                     <!--<label class="col-form-label pt-3 mTextL font-weight-bold">No: Adults</label>-->
                    <input type="text" id="login" class="fadeIn second" name="adults" placeholder="No: Adults">
                  </div>
                  <div class="col-md-6">
                     <!--<label class="col-form-label pt-3 mTextL font-weight-bold">No: Children</label>-->
                    <input type="text" id="login" class="fadeIn second" name="children" placeholder="No: Children">
                  </div>
                </div>
                  <input type="hidden" name="subject" value="Reservation Enquery from the website">
                  <input type="submit" class="fadeIn fourth" value="Reservation Enquiry">
              </div>

            </form>
            <!-- Remind Passowrd -->
            <div id="formFooter">
              <!-- <a class="underlineHover" href="#">Forgot Password?</a> -->
            </div>

          </div>
        </div>
      </div>


    </div>
 </div>
</section>
<!-- <?php include('common-bottom-tariff.php') ?> -->
<?php include('common-contact.php')?>
<?php include("footer-common-js.php") ?>
<?php include("footer.php") ?>
</body>
</html>
