<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>Booking - Volunteers Adventure Travel</title>
  <meta name="description" content="">
  <meta name="keywords" content="">

  <?php include 'header-link.php' ?>
</head>

<body class="service-details-page">

  <?php include 'nav-bar.php' ?>

  <main class="main">

    <!-- Page Title -->
    <div class="page-title">
      <div class="heading">
        <div class="container">
          <div class="row d-flex justify-content-center text-center">
            <div class="col-lg-8">
              <h1 class="heading-title"> Book Now </h1>
              <p class="mb-0">
              
              </p>
            </div>
          </div>
        </div>
      </div>
      <nav class="breadcrumbs">
        <div class="container">
          <ol>
            <li><a href="index">Home</a></li>
            <li class="current">/  Booking  </li>
          </ol>
        </div>
      </nav>
    </div><!-- End Page Title -->

 <section id="contact" class="contact section">
 

     

      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <div class="row gy-4">

		<h4>
			<center> BOOK YOUR SCENIC BANGLADESH TRAVEL TOUR </center>
		</h4>

          <div class="col-lg-8 mx-auto">
            <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="200">
              <div class="row gy-4">

                <div class="col-md-12">
					<h4> STEP 1: SELECT YOUR TRAVEL DATES </h4> 
										
					<label class="mt-3"> Preferred Start Date:   </label>
					<input type="date" class="form-control my-2" name="StartDate" placeholder="Your Preferred Start Date" required="">
					
                </div>

                <div class="col-md-12">
					<h4> STEP 2: PERSONAL DETAILS </h4> 
					<label for="program">Full Name:  </label>
					<input type="text" class="form-control my-2" name="Name" placeholder="Your Full Name" required="">
					
					<label class="mt-3">Date of Birth:  </label>
					<input type="date" class="form-control my-2" name="DOB" placeholder="Your Date of Birth" required="">
					
					<label class="mt-3">Gender:  </label><br/>
					<select name="Gender" id="Gender" class="form-control select-control">
						<option value="Male">Male</option>
						<option value="Female">Female</option>
						<option value="Other">Other</option>
						
					</select>
					
					<label class="mt-3">Nationality:  </label>
					<input type="text" class="form-control my-2" name="Nationality" placeholder="Your Nationality" required="">
					
					<label class="mt-3">Phone Number:  </label>
					<input type="text" class="form-control my-2" name="Mobile" placeholder="Your Mobile Number" required="">
					
					<label class="mt-3">Email Address:  </label>
					<input type="email" class="form-control my-2" name="Email" placeholder="Your Email Address" required="">
					
                </div>
				
				<div class="col-md-12">
					<h4> STEP 3: ADDITIONAL DETAILS </h4> 
					
					
					<label class="mt-3"> Do you have any special requirements or requests?  </label>
					<textarea type="text" name="SpecialRequest" col="40"  required="" class="form-control">Write here...</textarea>
					
                </div>
				
				<div class="col-md-12">
					<h4> STEP 4: TERMS & AGREEMENT  </h4> 
					<p> Please review and agree to our <strong> Terms & Conditions </strong> before proceeding. </p>
					<p> (The Terms & Conditions include details on refunds, data protection, and other policies.) </p>
					
					<ul>
						<li> I have read and agree to the Terms & Conditions.</li>
						<li> I certify that the information provided is accurate.</li>
						
					</ul>
					<a href="term-condition"> View Terms & Conditions </a>
				</div>	
				
				<div class="col-md-12">
					<h4> STEP 5: PAYMENT  </h4> 
					
					<ul>
						<li> You will be directed to secure payment options upon completing your booking. </li>
						<li> The total cost will be calculated based on your selected dates and options.</li>
						
					</ul>
					
					<p><a href="#"> Go to Payment </a> </p>
					
					<strong> Note: </strong>
					<ul>
						<li> This booking is for the travel-only package and can be completed without prior application review. </li>
						<li> All bookings are confirmed upon payment.</li>
						
					</ul>
					
				</div>	
				
				<div class="col-md-12">
					<h4> POST-BOOKING  </h4> 
					
					<ul>
						<li> You will receive a confirmation email with your booking details. </li>
						<li> Our team will contact you for any further information or assistance.</li>
						
					</ul>
					
				</div>	
				
				<div class="col-md-12">
					<h4> SUPPORT:  </h4> 
					<p> For questions or to send a message, please contact us via our <strong><a href="contact"> Contact Page </a></strong></p>
				</div>	
				
						
				

               

              </div>
            </form>
          </div><!-- End Contact Form -->

        </div>

      </div>

    </section>
	
	
  </main>

  <?php include 'footer.php'?>