|
|
|
|
@ -172,16 +172,17 @@
|
|
|
|
|
#formBanner p {
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
margin-bottom: -20px;
|
|
|
|
|
margin-bottom: -30px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-shadow: 1px 1px 1px #000;
|
|
|
|
|
margin-top:0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#formBanner h1 {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 25px;
|
|
|
|
|
font-size: 21px;
|
|
|
|
|
font-family: 'Goudy Old Style';
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-shadow: 1px 1px 1px #000;
|
|
|
|
|
line-height: 28px;
|
|
|
|
|
@ -357,18 +358,18 @@
|
|
|
|
|
|
|
|
|
|
.checkboxLabel input[type="checkbox"]+label {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
padding: 5px 0;
|
|
|
|
|
border: 1px solid #d1d1d1;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
display: block;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #000;
|
|
|
|
|
height: 35px;
|
|
|
|
|
font-family: Calibri;
|
|
|
|
|
padding-top: 15px;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
background: #fff;
|
|
|
|
|
padding: 0px 0;
|
|
|
|
|
border: 1px solid #d1d1d1;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
display: block;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #000;
|
|
|
|
|
height: 35px;
|
|
|
|
|
font-family: Calibri;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
background: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.checkboxLabel input[type="checkbox"]:checked+label {
|
|
|
|
|
@ -724,14 +725,14 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
p {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
line-height: 19px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ul.InfoList li {
|
|
|
|
|
list-style: square;
|
|
|
|
|
margin-bottom: 2px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ul.InfoList {
|
|
|
|
|
@ -908,10 +909,10 @@
|
|
|
|
|
<div id="formBanner">
|
|
|
|
|
|
|
|
|
|
<h1>
|
|
|
|
|
Enjoy a Personalized & Stress-free Journey with Asia Highlights
|
|
|
|
|
Enjoy a Personalized & Stress-free Journey
|
|
|
|
|
</h1>
|
|
|
|
|
<img class="img-responsive" alt="Asia Highlights' Trust Pilot rating" style="margin: 0px auto; display: block;"
|
|
|
|
|
src="https://data.asiahighlights.com/image/forms/ah-tm-form-tp-rating-mobile.png" width="170" height="95">
|
|
|
|
|
src="https://data.asiahighlights.com/image/forms/ah-tm-form-tp-rating-mobile.png" width="130" height="70">
|
|
|
|
|
<p>Take 3 minutes to inquire, and get a reply within 24 hours. <br>
|
|
|
|
|
The more details you share, the more suitable your initial itinerary and quote will be.
|
|
|
|
|
</p>
|
|
|
|
|
@ -969,8 +970,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<p style="margin-bottom: 10px; margin-top: 30px;">Let us know here if you'd like to visit any other
|
|
|
|
|
places not listed above, e.g. South Korea, Myanmar…</p>
|
|
|
|
|
<p style="margin-bottom: 10px; margin-top: 30px;">Any other
|
|
|
|
|
countries or cities not listed above, e.g. South Korea, Myanmar…</p>
|
|
|
|
|
<input name="other_destinations" style="
|
|
|
|
|
height: 35px;
|
|
|
|
|
width: 90%;
|
|
|
|
|
@ -1103,9 +1104,7 @@
|
|
|
|
|
<h3 id="travelGroupHeader">
|
|
|
|
|
<em>*</em> How would you travel?
|
|
|
|
|
</h3>
|
|
|
|
|
<span class="formNote">Please select 'Family' / 'Couple' even if you are traveling with other
|
|
|
|
|
families/couples, as this will help us tailor your itinerary to your specific family/couple
|
|
|
|
|
requirements.</span>
|
|
|
|
|
|
|
|
|
|
<div id="group_error_msg" class="hidden">(Please select an option.)</div>
|
|
|
|
|
<div class="travel_group">
|
|
|
|
|
<input type="radio" value="Family" id="Family" name="travel_group">
|
|
|
|
|
@ -1119,12 +1118,7 @@
|
|
|
|
|
Couple
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="travel_group">
|
|
|
|
|
<input type="radio" value="friends" id="Friends" name="travel_group">
|
|
|
|
|
<label for="Friends" class="friends">
|
|
|
|
|
Friends
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="travel_group">
|
|
|
|
|
<input type="radio" value="group" id="Other" name="travel_group">
|
|
|
|
|
<label for="Other" class="group">
|
|
|
|
|
@ -1239,10 +1233,7 @@
|
|
|
|
|
<h3 id="hotelselect">
|
|
|
|
|
<em>*</em> What's your hotel choice?
|
|
|
|
|
</h3>
|
|
|
|
|
<span class="formNote">
|
|
|
|
|
Japan and Singapore are renowned for relatively higher hotel costs compared to other Asian
|
|
|
|
|
destinations.
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<div id="hotel_error_msg" class="hidden">(Please select an option.)</div>
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
|
|
|
|
|
@ -1273,7 +1264,7 @@
|
|
|
|
|
<div class="selectionText">
|
|
|
|
|
Deluxe (5-star & up)
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
USD 200+ / room / night
|
|
|
|
|
From USD 200+ / room / night
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
@ -1306,90 +1297,7 @@
|
|
|
|
|
style="height: 70px;"></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<h3>This is a big trip for:</h3>
|
|
|
|
|
|
|
|
|
|
<div class="travelStyle" id="trip4Retirement">
|
|
|
|
|
<input type="checkbox" value="Enjoying retirement" id="enjoying retirement" name="interests[]">
|
|
|
|
|
<label for="enjoying retirement" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Enjoying retirement</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="travelStyle" id="annual">
|
|
|
|
|
<input type="checkbox" value="Annual vacation" id="vacation" name="interests[]">
|
|
|
|
|
<label for="vacation" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Annual vacation</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="travelStyle" id="gift">
|
|
|
|
|
<input type="checkbox" value="Retirement gift" id="Retirement gift" name="interests[]">
|
|
|
|
|
<label for="Retirement gift" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Retirement gift</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="travelStyle" id="trip4Birthday">
|
|
|
|
|
<input type="checkbox" value="Birthday" id="Birthday" name="interests[]">
|
|
|
|
|
<label for="Birthday" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Birthday</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="travelStyle" id="trip4Anniversary" style='display: none'>
|
|
|
|
|
<input type="checkbox" value="Anniversary" id="Anniversary" name="interests[]">
|
|
|
|
|
<label for="Anniversary" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Anniversary</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="travelStyle" id="trip4Honeymoon" style='display: none'>
|
|
|
|
|
<input type="checkbox" value="Honeymoon" id="Honeymoon" name="interests[]">
|
|
|
|
|
<label for="Honeymoon" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Honeymoon</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="travelStyle" id="trip4Graduation" style='display: none'>
|
|
|
|
|
<input type="checkbox" value="Graduation" id="Graduation" name="interests[]">
|
|
|
|
|
<label for="Graduation" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Graduation</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="travelStyle" id="trip4Business" style='display: none'>
|
|
|
|
|
<input type="checkbox" value="Business" id="Business" name="interests[]">
|
|
|
|
|
<label for="Business" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Business</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="travelStyle" id="friend" style='display: none'>
|
|
|
|
|
<input type="checkbox" value="Visiting family/friend" id="Visiting friend" name="interests[]">
|
|
|
|
|
<label for="Visiting friend" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Visiting family/friend</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
@ -1397,10 +1305,7 @@
|
|
|
|
|
<h3 id="TellUsaboutYou">
|
|
|
|
|
<em>*</em> Your contact information
|
|
|
|
|
</h3>
|
|
|
|
|
<span class="formNote" style="margin-bottom:20px;">By using WhatsApp, we can provide a more interactive
|
|
|
|
|
and personalized experience, allowing us to cater to your needs and address any concerns in
|
|
|
|
|
real-time.<br> We will keep your phone number and other data secure.</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="name_error_msg" class="hidden">(Please fill out this field.)</div>
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="text" name="name" required>
|
|
|
|
|
@ -1732,6 +1637,61 @@ margin-right: 10px;
|
|
|
|
|
<h3>
|
|
|
|
|
<em>*</em> Any additional information you'd like to share about your trip?
|
|
|
|
|
</h3>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="travelStyle" id="gift">
|
|
|
|
|
<input type="checkbox" value="Retirement gift" id="Retirement gift" name="interests[]">
|
|
|
|
|
<label for="Retirement gift" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Retirement gift</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="travelStyle" id="trip4Birthday">
|
|
|
|
|
<input type="checkbox" value="Birthday" id="Birthday" name="interests[]">
|
|
|
|
|
<label for="Birthday" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Birthday</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="travelStyle" id="trip4Anniversary" style='display: none'>
|
|
|
|
|
<input type="checkbox" value="Anniversary" id="Anniversary" name="interests[]">
|
|
|
|
|
<label for="Anniversary" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Anniversary</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="travelStyle" id="trip4Honeymoon" style='display: none'>
|
|
|
|
|
<input type="checkbox" value="Honeymoon" id="Honeymoon" name="interests[]">
|
|
|
|
|
<label for="Honeymoon" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Honeymoon</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="travelStyle" id="trip4Graduation" style='display: none'>
|
|
|
|
|
<input type="checkbox" value="Graduation" id="Graduation" name="interests[]">
|
|
|
|
|
<label for="Graduation" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Graduation</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="travelStyle" id="friend" style='display: none'>
|
|
|
|
|
<input type="checkbox" value="Visiting family/friend" id="Visiting friend" name="interests[]">
|
|
|
|
|
<label for="Visiting friend" data-clickable>
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
<div class="styleText">Visiting family/friend</div>
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="requirement_error_msg" class="hidden">(Please specify your requests.)</div>
|
|
|
|
|
<span class="formNote">E.g.: <br>
|
|
|
|
|
<br>1. This is a big trip for my husband's birthday, our 20-year anniversary, honeymoon, retirement,
|
|
|
|
|
@ -1928,7 +1888,6 @@ margin-right: 10px;
|
|
|
|
|
trip4Map.set('Couple', [$trip4Anniversary, $trip4Birthday, $trip4Retirement, $trip4Honeymoon, $trip4Bucket, $annual, $gift, $friend]);
|
|
|
|
|
trip4Map.set('Solo', [$trip4Anniversary, $trip4Birthday, $trip4Retirement, $trip4Business, $trip4Bucket, $annual, $gift, $friend]);
|
|
|
|
|
trip4Map.set('Other', [$trip4Bucket, $trip4Birthday, $trip4Retirement, $trip4Graduation, $trip4Business, $gift]);
|
|
|
|
|
trip4Map.set('Friends', [$trip4Bucket, $trip4Birthday, $trip4Retirement, $trip4Graduation, $gift]);
|
|
|
|
|
function showTrip4(travelGroup) {
|
|
|
|
|
$trip4Title.show();
|
|
|
|
|
for (const trip4List of trip4Map.values()) {
|
|
|
|
|
|
candice
2 years ago