You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

377 lines
18 KiB
Plaintext

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Inquiry Form - Asia Highlights</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<link href="/css/global.min.css" rel="stylesheet">
<link href="/css/basic.css" rel="stylesheet">
<link href="/css/tailor-make.css" rel="stylesheet">
<script src="/js/jquery-1.8.2.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
</head>
<body>
<!--#include virtual="/aspbackup/inc/header.asp" -->
<div id="inquiryForm">
<div class="container">
<div class="row">
<div class="col-md-2 col-sm-2 hidden-xs"></div>
<div class="col-md-3 col-sm-3 col-xs-6 pgHead"><img src="/image/peggie.png" class="img-responsive"></div>
<div class="col-md-19 col-sm-19 col-xs-18"> <span class="advisorInfo"> <span class="arrow"></span> I'm Peggie, my team and I are Vietnam travel experts! Just let us know your requirements
and my team will reply to you in a few hours, maximum 24 hours!</span> </div>
<div class="clearfix"></div>
<div class="col-md-5 col-sm-5 hidden-xs"></div>
<div class="col-md-19 col-sm-19 col-xs-24">
<div class="FormDetail">
<form action="/forms/tailormade-tours-save.asp" method="post" id="Form1" name="Form1" >
<div class="whoTravel">
<h2 class="Question">1. Travelers? <sup>*</sup></h2>
<div class="row">
<div class="col-md-8 col-sm-8 col-xs-24">
<div class="groupType adults"> Adults (age 18+)
<select>
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="1">5</option>
<option value="1">6</option>
<option value="1">7</option>
<option value="1">8</option>
<option value="1">9</option>
<option value="1">10</option>
<option value="1">11</option>
<option value="1">12</option>
<option value="1">13</option>
<option value="1">14</option>
<option value="1">15</option>
<option value="1">16</option>
<option value="1">17</option>
<option value="1">18</option>
<option value="1">19</option>
</select>
</div>
</div>
<div class="col-md-8 col-sm-8 col-xs-24">
<div class="groupType youth"> Youth (age 12-17)
<select>
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="1">5</option>
<option value="1">6</option>
<option value="1">7</option>
<option value="1">8</option>
<option value="1">9</option>
<option value="1">10</option>
</select>
</div>
</div>
<div class="col-md-8 col-sm-8 col-xs-24">
<div class="groupType kids"> Adults (&lt; age 12)
<select>
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="1">3</option>
<option value="1">4</option>
<option value="1">5</option>
<option value="1">6</option>
<option value="1">7</option>
<option value="1">8</option>
<option value="1">9</option>
<option value="1">10</option>
</select>
</div>
</div>
</div>
</div>
<div class="travelDays row">
<h2 class="Question">2. Trip Length <sup>*</sup></h2>
<div class="col-md-8 col-sm-10">
<div class="daysBlock">
<select class="tourDays" name="los">
<option selected value="">- how many -</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="20+">20+</option>
</select>
days </div>
</div>
<div class="col-md-14 col-sm-14"><span class="dateFlexible">Are your dates flexible?</span> <br>
<input type="radio" class="hotel" value="" name="dates">
Yes
<input type="radio" class="hotel" value="" name="dates">
No </div>
</div>
<div class="formItem">
<div class="Question">3. Date of Arrival</div>
<div class="row">
<div class="col-md-10 col-sm-10">
<input type="date" class="arrivalDate" name="ArrivalDate" value="" placeholder="mm/dd/yyyy" autocomplete="off">
</div>
<div class="col-md-14 col-sm-14"><span class="dateFlexible">Flexible to arrive or depart? </span> <br>
<input type="radio" class="hotel" value="" name="dates">
Yes
<input type="radio" class="hotel" value="" name="dates">
No </div>
</div>
<div class="Flexible">Choose the date!</div>
<div class="row ChooseDate">
<div class="col-md-3 col-sm-3">Arrive:</div>
<div class="col-md-21 col-sm-21">
<input type="date" class="flexibleDate" value="" name="date">
</div>
</div>
<div class="row ChooseDate">
<div class="col-md-3 col-sm-3">Depart:</div>
<div class="col-md-21 col-sm-21">
<input type="date" class="flexibleDate" value="" name="date">
</div>
</div>
</div>
<div class="hotelBlock">
<h2 class="Question">4. Hotel Style <sup>*</sup></h2>
<div class="row">
<div class="col-md-6 col-sm-12">
<label for="fourStarv">
<div class="hotelStyle boutique">
<input name="hotel" type="radio" value="4 star Best Value" id="fourStarv">
Handpicked Boutique(3-5 stars) <span class="priceRange">USD200+/room</span> </div>
</label>
</div>
<div class="col-md-6 col-sm-12">
<label for="fiveStar">
<div class="hotelStyle luxury">
<input name="hotel" type="radio" value="5 star Hotel Chains" id="fiveStar">
Luxury (5 stars & up) <span class="priceRange">USD200+/room</span> </div>
</label>
</div>
<div class="col-md-6 col-sm-12">
<label for="threeStar">
<div class="hotelStyle comfort">
<input name="hotel" type="radio" value="3 star Recommended" id="threeStar">
Comfort (4-5 stars) <span class="priceRange">USD100-200/room</span> </div>
</label>
</div>
<div class="col-md-6 col-sm-12">
<label for="fourStarl">
<div class="hotelStyle standard">
<input name="hotel" type="radio" value="Self Booking" id="fourStarl">
Standard (3-4 stars) <span class="priceRange">USD50-100/room</span> </div>
</label>
</div>
</div>
</div>
<div class="guideBlock">
<h2 class="withText Question">5. Guide v Freetime <sup>*</sup></h2>
<div class="row">
<div class="tipText">Ask for the full or half guiding service(guide and private transfer) as your travel experience and where to visit.</div>
<div class="col-md-8 col-sm-12">
<label for="fullguide">
<div class="guideStyle everyDay">
<input type="radio" name="guiding" value="Every Day Guided" id="fullguide">
Every Day Guided & Private Transfer</div>
</label>
</div>
<div class="col-md-8 col-sm-12">
<label for="mostguide">
<div class="guideStyle mostDay">
<input type="radio" name="guiding" value="Most Days Guided" id="mostguide">
Most Days Guided & Private Transfer</div>
</label>
</div>
<div class="col-md-8 col-sm-12">
<label for="essguide">
<div class="guideStyle onlyEssential">
<input type="radio" name="guiding" value="Essential Days Guided" id="essguide">
Essential Days Guided & Private Transfer </div>
</label>
</div>
</div>
</div>
<div class="specialRequest">
<h2 class="withText Question">6. What's your ideal trip? <sup>*</sup></h2>
<div class="row">
<div class="tipText">Tell us where you want to visit, what your must-sees and your interests are.</div>
<div class="citySelect">
<div class="col-md-3 col-sm-3 col-xs-8">
<label>
<input type="checkbox" name="city" value="Beijing">
Hanoi(2)</label>
</div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Shanghai">
Halong Bay Cruise(2)</label></div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Xi'an">
Sapa(3)</label></div>
<div class="col-md-3 col-sm-3 col-xs-8">
<label>
<input type="checkbox" name="city" value="Hangzhou">
Mai Chau & Ninh Binh (3)</label>
</div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Tibet">
Hue (1)</label>
</div>
<div class="col-md-6 col-sm-6 col-xs-8">
<label>
<input type="checkbox" name="city" value="Zhangjiajie">
Hoi An (2)</label>
</div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Suzhou">
Nha Trang (2)</label>
</div>
<div class="col-md-6 col-sm-6 col-xs-8">
<label>
<input type="checkbox" name="city" value="Chengdu">
Ho Chi Minh City (2)</label>
</div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Kunming/Lijiang">
Mekong Delta (2)</label>
</div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Kunming/Lijiang">
Siem reap - Angkor Wat(2)</label>
</div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Kunming/Lijiang">
Luang Prabang (2)</label>
</div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Kunming/Lijiang">
View More+</label>
</div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Kunming/Lijiang">
Cambodia</label></div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Kunming/Lijiang">
Laos</label></div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Kunming/Lijiang">
Myanmar</label></div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Kunming/Lijiang">
Thailand</label></div>
<div class="col-md-4 col-sm-4 col-xs-8">
<label>
<input type="checkbox" name="city" value="Kunming/Lijiang">
China</label></div>
</div>
<textarea class="simpleinfoBox col-md-22 col-sm-22" wrap="hard" name="AdditionalRequirements2" id="AdditionalRequirements2" onfocus="dispTips('sCustominfoTipsid')" onBlur="hideTips('sCustominfoTipsid')" placeholder="Tell us more to help us understand you better. How can we make it extra special?"></textarea>
</div>
</div>
<div class="contactinfo">
<h2 class="Question">7. Contact Details <sup>*</sup></h2>
<div class="row">
<div class="personalInfo col-md-10 col-sm-10">
<div class="input-group margin-bottom-sm"> <span class="input-group-addon">
<select name="gender" id="gender">
<option value="Mr." <% If request.cookies("tour")("gender")="Mr." Then response.write("selected=""selected""") %>> Mr.</option>
<option value="Ms." <% If request.cookies("tour")("gender")="Ms." Then response.write("selected=""selected""") %>> Ms.</option>
</select>
</span>
<input class="form-control fullname" type="text" placeholder="Full Name*" name="realname" id="realname" >
</div>
</div>
<div class="personalInfo col-md-10 col-sm-10">
<div class="input-group margin-bottom-sm"> <span class="input-group-addon"><i class="fa fa-globe"></i></span>
<input class="form-control nationality" type="text" placeholder="Nationality*" name="Nationality" id="Nationality" >
</div>
<input type="hidden" name="destinationCode2" id="destinationCode2" />
</div>
<div class="clear"></div>
<div class="personalInfo col-md-10 col-sm-10">
<div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
<input class="form-control email" type="email" placeholder="Email*" name="email" id="email" >
</div>
<span class="noSpam hidden-xs hidden-sm">We never spam you or sell your address.</span> </div>
<div class="personalInfo col-md-10 col-sm-10 col-xs-23">
<div class="input-group margin-bottom-sm"> <span class="input-group-addon"><i class="fa fa-phone"></i></span>
<input class="form-control telephone" type="tel" placeholder="+country code and number." name="PhoneNo" id="PhoneNo" >
</div>
<span class="noSpam hidden-xs hidden-sm">Only call you if you ask, or for email issues.</span> </div>
</div>
</div>
<div class="row1">
<h2 class="Question">8. Are you:</h2>
<div class="seriousBooking row">
<div class="col-md-6 col-sm-6 col-xs-24">
<label>
<input type="radio" name="seriousBooking" value="Looking for inspiration">
Looking for inspiration?</label>
</div>
<div class="col-md-6 col-sm-6 col-xs-24">
<label>
<input type="radio" name="seriousBooking" value="Comparing prices">
Comparing prices?</label>
</div>
<div class="col-md-6 col-sm-6 col-xs-24">
<label>
<input type="radio" name="seriousBooking" value="Starting to plan">
Starting to plan?</label>
</div>
<div class="col-md-6 col-sm-6 col-xs-24">
<label>
<input type="radio" name="seriousBooking" value="Returning to China">
Returning to China?</label>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="sendInquiry row">
<div class="col-md-7 col-sm-7 hidden-xs"></div>
<div class="col-md-10 col-sm-10 col-xs-24">
<input type="submit" value="Help Me Plan" id="js_nextsteps">
</div>
<div class="col-md-7 col-sm-7 hidden-xs"></div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--#include virtual="/aspbackup/inc/footer.asp" -->
</body>
</html>