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
377 lines
18 KiB
Plaintext
9 years ago
|
<!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 (< 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>
|