|
|
|
|
|
<link href="/min/?f=/css/tailor-make.css,/css/tour-detail.css" rel="stylesheet">
|
|
|
|
|
|
<script language="javascript">
|
|
|
|
|
|
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
$("#flexible_date_yes").click(function () {
|
|
|
|
|
|
$('#choose_date_box').show();
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$("#flexible_date_no").click(function () {
|
|
|
|
|
|
$('#choose_date_box').hide();
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$("#show_arrowUp").mouseover(function () {
|
|
|
|
|
|
$('#arrowUp').show();
|
|
|
|
|
|
});
|
|
|
|
|
|
$("#show_arrowUp").mouseout(function () {
|
|
|
|
|
|
$('#arrowUp').hide();
|
|
|
|
|
|
});
|
|
|
|
|
|
})
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<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>The joy of travel starts at home! Your travel adventure starts the moment you start to map it out. We’re here to help you discover SE Asia in your way!</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="<?php echo site_url('orders/tailormade_save'); ?>" method="post" id="form_tailormade" name="form_tailormade" >
|
|
|
|
|
|
<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 id="adultsNumber" name="adultsNumber">
|
|
|
|
|
|
<?php for ($i = 1; $i <= 5; $i++) { ?>
|
|
|
|
|
|
<option value="<?php echo $i; ?>" ><?php echo $i; ?></option>
|
|
|
|
|
|
<?php } ?>
|
|
|
|
|
|
<option value="6+" >6+</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-8 col-sm-8 col-xs-24">
|
|
|
|
|
|
<div class="groupType youth"> Youth (age 12-17)
|
|
|
|
|
|
<select id="ChildrenNumber" name="ChildrenNumber">
|
|
|
|
|
|
<?php for ($i = 0; $i <= 5; $i++) { ?>
|
|
|
|
|
|
<option value="<?php echo $i; ?>" ><?php echo $i; ?></option>
|
|
|
|
|
|
<?php } ?>
|
|
|
|
|
|
<option value="6+" >6+</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-8 col-sm-8 col-xs-24">
|
|
|
|
|
|
<div class="groupType kids"> Children (< age 12)
|
|
|
|
|
|
<select id="BabiesNumber" name="BabiesNumber">
|
|
|
|
|
|
<?php for ($i = 0; $i <= 5; $i++) { ?>
|
|
|
|
|
|
<option value="<?php echo $i; ?>" ><?php echo $i; ?></option>
|
|
|
|
|
|
<?php } ?>
|
|
|
|
|
|
<option value="6+" >6+</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="travelDays row">
|
|
|
|
|
|
<h2 class="Question">2. Tour Length <sup>*</sup></h2>
|
|
|
|
|
|
<div class="col-md-8 col-sm-10">
|
|
|
|
|
|
<div class="daysBlock">
|
|
|
|
|
|
<select class="tourdays" name="cli_tourdays" id="cli_tourdays">
|
|
|
|
|
|
<option selected value="">- how many -</option>
|
|
|
|
|
|
<?php for ($i = 1; $i <= 20; $i++) { ?>
|
|
|
|
|
|
<option value="<?php echo $i; ?>" ><?php echo $i; ?></option>
|
|
|
|
|
|
<?php } ?>
|
|
|
|
|
|
<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="daysFlexible_yes" name="daysFlexible">
|
|
|
|
|
|
Yes
|
|
|
|
|
|
<input type="radio" class="hotel" value="daysFlexible_no" name="daysFlexible">
|
|
|
|
|
|
No </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="formItem">
|
|
|
|
|
|
<h2 class="Question">3. Date of Arrival<sup>*</sup></h2>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-10 col-sm-10">
|
|
|
|
|
|
<input type="text" class="arrivalDate datepicker" id="Date_Start" name="Date_Start" value="" placeholder="mm/dd/yyyy" autocomplete="off">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-14 col-sm-14"><span class="dateFlexible">Flexible to arrive? </span> <br>
|
|
|
|
|
|
<input type="radio" class="hotel" value="yes" id='flexible_date_yes_1' name="flexible_date">
|
|
|
|
|
|
Yes
|
|
|
|
|
|
<input type="radio" class="hotel" value="no" id='flexible_date_no_1' name="flexible_date">
|
|
|
|
|
|
No </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id='choose_date_box' style="display:none;">
|
|
|
|
|
|
<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="text" class="flexibleDate datepicker" value="" name="Arrive_date" id="Arrive_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="text" class="flexibleDate datepicker" value="" name="Depart_date" id="Depart_date">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="whoTravel">
|
|
|
|
|
|
<h2 class="Question">4. Where will you start and end the tour?</h2>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-10 col-sm-10 col-xs-24">
|
|
|
|
|
|
<div class="flightOption ending">
|
|
|
|
|
|
<select name="Start_City" >
|
|
|
|
|
|
<option value="Starting City">Start City</option>
|
|
|
|
|
|
<option value="Undecided">Undecided</option>
|
|
|
|
|
|
<option value="Open to Suggestion">Open to Suggestion</option>
|
|
|
|
|
|
<option value="Hanoi">Hanoi</option>
|
|
|
|
|
|
<option value="Ho Chi Minh City">Ho Chi Minh City</option>
|
|
|
|
|
|
<option value="Bangkok">Bangkok</option>
|
|
|
|
|
|
<option value="Other City">Other City</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-10 col-sm-10 col-xs-24">
|
|
|
|
|
|
<div class="flightOption starting">
|
|
|
|
|
|
<select name="End_City" >
|
|
|
|
|
|
<option value="Ending City">End City</option>
|
|
|
|
|
|
<option value="Undecided">Undecided</option>
|
|
|
|
|
|
<option value="Open to Suggestion">Open to Suggestion</option>
|
|
|
|
|
|
<option value="Hanoi">Hanoi</option>
|
|
|
|
|
|
<option value="Ho Chi Minh City">Ho Chi Minh City</option>
|
|
|
|
|
|
<option value="Bangkok">Bangkok</option>
|
|
|
|
|
|
<option value="Other City">Other City</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="hotelBlock">
|
|
|
|
|
|
<h2 class="Question">5. Hotel Style <sup>*</sup>
|
|
|
|
|
|
<small>
|
|
|
|
|
|
<a href="javascript:void(0);" id="show_arrowUp" title=""><font color="#AE0000">(what's this?)</font></a>
|
|
|
|
|
|
<div class="hint" id="arrowUp" style="display: none" >
|
|
|
|
|
|
<span class="arrowUp"></span>
|
|
|
|
|
|
Instead of ranking hotels in a traditional way, Asia Highlights carefully inspects some selected hotels into 3 styles. Each style ensures good location, nice service and unique SE Asian style.
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</small>
|
|
|
|
|
|
|
|
|
|
|
|
</h2>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-8 col-sm-24">
|
|
|
|
|
|
<label for="fiveStar">
|
|
|
|
|
|
<div class="hotelStyle luxury">
|
|
|
|
|
|
<input name="hotel" type="radio" value="Luxury (5 stars & up)" id="fiveStar">
|
|
|
|
|
|
Luxury (5 stars & up) <span class="priceRange">USD 200+/room/night</span> </div>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-8 col-sm-24">
|
|
|
|
|
|
<label for="fourStar">
|
|
|
|
|
|
<div class="hotelStyle boutique">
|
|
|
|
|
|
<input name="hotel" type="radio" value=" Handpicked Comfort (4-5 stars) " id="fourStar">
|
|
|
|
|
|
Handpicked Comfort (4-5 stars) <span class="priceRange">USD 100-200/room/night</span> </div>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-8 col-sm-24">
|
|
|
|
|
|
<label for="threeStar">
|
|
|
|
|
|
<div class="hotelStyle comfort">
|
|
|
|
|
|
<input name="hotel" type="radio" value="Standard (3 star) " id="threeStar">
|
|
|
|
|
|
Standard (3 star) <span class="priceRange">USD 50-100/room/night </span> </div>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="guideBlock">
|
|
|
|
|
|
<h2 class="withText Question">6. 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">7. 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.<br/>
|
|
|
|
|
|
*(3) means the suggested days in each place.</div>
|
|
|
|
|
|
<div class="citySelect">
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Yangon(3)">
|
|
|
|
|
|
Yangon(3)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Bagan(2)">
|
|
|
|
|
|
Bagan(2)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Inle Lake(2)">
|
|
|
|
|
|
Inle Lake(2)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Mandalay(2)">
|
|
|
|
|
|
Mandalay(2)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Hanoi(2)">
|
|
|
|
|
|
Hanoi(2)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Halong Bay Cruise(2)">
|
|
|
|
|
|
Halong Bay Cruise(2)</label></div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Sapa(3)">
|
|
|
|
|
|
Sapa(3)</label></div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Hoi An (2)">
|
|
|
|
|
|
Hoi An (2)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Ho Chi Minh City (2)">
|
|
|
|
|
|
Ho Chi Minh City (2)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Mekong Delta (2)">
|
|
|
|
|
|
Mekong Delta (2)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Siem reap - Angkor Wat(2)">
|
|
|
|
|
|
Siem Reap(3)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Luang Prabang (2)">
|
|
|
|
|
|
Luang Prabang (2)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Cambodia">
|
|
|
|
|
|
Cambodia(5)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Laos">
|
|
|
|
|
|
Laos (3)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="Thailand">
|
|
|
|
|
|
Thailand(3)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-8">
|
|
|
|
|
|
<label>
|
|
|
|
|
|
<input type="checkbox" name="city[]" value="China">
|
|
|
|
|
|
China(8)</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<textarea class="simpleinfoBox col-md-22 col-sm-22" wrap="hard" name="additionalrequirements" id="additionalrequirements" onfocus="dispTips('sCustominfoTipsid')" onBlur="hideTips('sCustominfoTipsid')" placeholder="Tell us more to help us understand you better, such as I want to take the hot air balloon ride in Bagan, I want a day trip to Hue from Hoi An... How can we make it extra special?"></textarea>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="contactinfo">
|
|
|
|
|
|
<h2 class="Question">8. 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="100001"> Mr.</option>
|
|
|
|
|
|
<option value="100003"> 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 typeahead_nationality typeahead" type="text" placeholder="Nationality*" name="nationality" id="nationality" >
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</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="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="button" value="Help Me Plan" onclick="submitForm('form_tailormade');" >
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-7 col-sm-7 hidden-xs"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
