|
|
|
@ -1115,6 +1115,23 @@ margin-top: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
label.hotelText { font-size:18px !important;}
|
|
|
|
|
#destination_error_msg,
|
|
|
|
|
#hotel_error_msg,
|
|
|
|
|
#number_error_msg,
|
|
|
|
|
#name_error_msg,
|
|
|
|
|
#email_error_msg,
|
|
|
|
|
#nation_error_msg,
|
|
|
|
|
#date_error_msg,
|
|
|
|
|
#contact_error_msg,
|
|
|
|
|
#email_verify_msg,
|
|
|
|
|
#requirement_error_msg, #group_error_msg {
|
|
|
|
|
color: #ad1818;
|
|
|
|
|
font-size: 19px;
|
|
|
|
|
border-bottom: 2px dashed #ad1818;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
padding-bottom: 3px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
@ -1138,7 +1155,13 @@ margin-top: 5px;
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<form action="/orders/tailormade_save/" id="tailormade_form" method="POST">
|
|
|
|
|
<div id="inquiryBox" style="margin-top: 100px; position: relative;">
|
|
|
|
|
<p style="
|
|
|
|
|
color: #fff;
|
|
|
|
|
width: 800px;
|
|
|
|
|
margin: 80px auto 10px auto;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
">* means required.</p>
|
|
|
|
|
<div id="inquiryBox" style="position: relative;">
|
|
|
|
|
<img alt="Asia Highlights' Trust Pilot rating"
|
|
|
|
|
src="https://data.asiahighlights.com/image/about/asia-highlights-top-banner-trust-pilot-rating-2022-tm-form.png"
|
|
|
|
|
style="position: absolute;
|
|
|
|
@ -1295,7 +1318,7 @@ margin-top: 5px;
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="trip_date_length" id="tripDateBlock" style="display: none">
|
|
|
|
|
<p>Select your travel date and trip length (days).</p>
|
|
|
|
|
<h4>Select your travel date and trip length (days).</h4>
|
|
|
|
|
<div id='dateSelectionBlock'>
|
|
|
|
|
<input type="text" class="arrivalDate datepicker" id="Date_Start" name="date_start" value="" placeholder="mm/dd/yyyy" autocomplete="off">
|
|
|
|
|
<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date.">
|
|
|
|
@ -1319,67 +1342,7 @@ margin-top: 5px;
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<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" style="color:#ad1818;font-size:18px;border-bottom: 1px dashed #ad1818;
|
|
|
|
|
font-style: italic; " class="hidden">(Please select
|
|
|
|
|
one option. It can be changed later.)</div>
|
|
|
|
|
<div class="selectHotl">
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
|
|
|
|
|
<input type="radio" value="Handpicked Comfort 4 star" id="fourStar" name="hotel">
|
|
|
|
|
<label for="fourStar" class="hotelText">
|
|
|
|
|
Handpicked comfort<br> (4-star)
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
USD 100-200 / night
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
<input type="radio" value="Standard 3 star" id="threeStar" name="hotel">
|
|
|
|
|
<label for="threeStar" class="hotelText">
|
|
|
|
|
Standard <br>(3-star)
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
USD 70-100 / night
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
<input type="radio" value="Deluxe" id="fiveStar" name="hotel">
|
|
|
|
|
<label for="fiveStar" class="hotelText">
|
|
|
|
|
Deluxe<br> (5-star & up)
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
USD 200+ / night
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
<input type="radio" value="Self booking" id="Self" name="hotel">
|
|
|
|
|
<label for="Self" class="hotelText" style=" padding-top: 15px; padding-bottom: 5px;">
|
|
|
|
|
Self-booking
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h4>Any specific preferences or requests for your hotel stay?</h4>
|
|
|
|
|
<span class="formNote">E.g.:
|
|
|
|
|
Family room for 2 adults and 2 children<br>
|
|
|
|
|
Interested in spending a few nights in local boutique hotels, like floating houses in Southeast
|
|
|
|
|
Asia, ryokans in Japan, small villa with private pool…<br>
|
|
|
|
|
Adult-only hotels<br>
|
|
|
|
|
Hotel location: near city center/at the seaside/convenient for exploring the nearby area…<br>
|
|
|
|
|
My budget for the accomodation is…</span>
|
|
|
|
|
<textarea id="hotel_requirements" name="hotel_requirements" style="resize:none;" style="height: 50px;"></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<h3 id="travelGroupHeader">
|
|
|
|
@ -1514,6 +1477,67 @@ margin-top: 5px;
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<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" style="color:#ad1818;font-size:18px;border-bottom: 1px dashed #ad1818;
|
|
|
|
|
font-style: italic; " class="hidden">(Please select
|
|
|
|
|
one option. It can be changed later.)</div>
|
|
|
|
|
<div class="selectHotl">
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
|
|
|
|
|
<input type="radio" value="Handpicked Comfort 4 star" id="fourStar" name="hotel">
|
|
|
|
|
<label for="fourStar" class="hotelText">
|
|
|
|
|
Handpicked comfort<br> (4-star)
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
USD 100-200 / night
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
<input type="radio" value="Standard 3 star" id="threeStar" name="hotel">
|
|
|
|
|
<label for="threeStar" class="hotelText">
|
|
|
|
|
Standard <br>(3-star)
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
USD 70-100 / night
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
<input type="radio" value="Deluxe" id="fiveStar" name="hotel">
|
|
|
|
|
<label for="fiveStar" class="hotelText">
|
|
|
|
|
Deluxe<br> (5-star & up)
|
|
|
|
|
<div class="selectionMemo">
|
|
|
|
|
USD 200+ / night
|
|
|
|
|
</div>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
<input type="radio" value="Self booking" id="Self" name="hotel">
|
|
|
|
|
<label for="Self" class="hotelText" style=" padding-top: 15px; padding-bottom: 5px;">
|
|
|
|
|
Self-booking
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h4>Any specific preferences or requests for your hotel stay?</h4>
|
|
|
|
|
<span class="formNote">E.g.:
|
|
|
|
|
Family room for 2 adults and 2 children<br>
|
|
|
|
|
Interested in spending a few nights in local boutique hotels, like floating houses in Southeast
|
|
|
|
|
Asia, ryokans in Japan, small villa with private pool…<br>
|
|
|
|
|
Adult-only hotels<br>
|
|
|
|
|
Hotel location: near city center/at the seaside/convenient for exploring the nearby area…<br>
|
|
|
|
|
My budget for the accomodation is…</span>
|
|
|
|
|
<textarea id="hotel_requirements" name="hotel_requirements" style="resize:none;" style="height: 50px;"></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<h3>This is a big trip for:</h3>
|
|
|
|
@ -1613,26 +1637,7 @@ margin-top: 5px;
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div></div>
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<h3>
|
|
|
|
|
<em>*</em> Any additional information you'd like to share about your trip?
|
|
|
|
|
</h3>
|
|
|
|
|
|
|
|
|
|
<span class="formNote">E.g.: My budget range for this big trip is around…
|
|
|
|
|
<br>This is a big trip for my husband's birthday, our 20-year anniversary, honeymoon, retirement, kid's graduation, bucket list…
|
|
|
|
|
<br>Our must-dos/must-sees for this big trip are…
|
|
|
|
|
<br>This will be my first/second/… visit to…
|
|
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
<div id="requirement_error_msg" style="color:#ad1818;font-size:18px;border-bottom: 1px dashed #ad1818;
|
|
|
|
|
font-style: italic;" class="hidden">(Please
|
|
|
|
|
specify your requests.)</div>
|
|
|
|
|
<textarea id="additionalrequirements" name="additional_requirements"
|
|
|
|
|
style="resize:none;"></textarea>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="inquiryBox" style=" margin-bottom: 180px; margin-top: 10px;">
|
|
|
|
|
<h3 id="TellUsaboutYou">
|
|
|
|
|
<em>*</em> Your contact information
|
|
|
|
@ -1971,21 +1976,43 @@ margin-right: 10px;
|
|
|
|
|
">Video appointment
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="clear">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="inquiryBtn">
|
|
|
|
|
<button id="tmsubmit" type="button">Send My Inquiry</button>
|
|
|
|
|
<input id="product_code" name="product_code" type="hidden" value="" />
|
|
|
|
|
<input type="hidden" name="url" value="<?php echo $orderfrom;?>" />
|
|
|
|
|
</div>
|
|
|
|
|
<p style="
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-top: -30px;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: #666;
|
|
|
|
|
">You take the trip, we handle the hassle :)</p>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<h3>
|
|
|
|
|
<em>*</em> Any additional information you'd like to share about your trip?
|
|
|
|
|
</h3>
|
|
|
|
|
|
|
|
|
|
<span class="formNote">E.g.: My budget range for this big trip is around…
|
|
|
|
|
<br>This is a big trip for my husband's birthday, our 20-year anniversary, honeymoon, retirement, kid's graduation, bucket list…
|
|
|
|
|
<br>Our must-dos/must-sees for this big trip are…
|
|
|
|
|
<br>This will be my first/second/… visit to…
|
|
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
<div id="requirement_error_msg" style="color:#ad1818;font-size:18px;border-bottom: 1px dashed #ad1818;
|
|
|
|
|
font-style: italic;" class="hidden">(Please
|
|
|
|
|
specify your requests.)</div>
|
|
|
|
|
<textarea id="additionalrequirements" name="additional_requirements"
|
|
|
|
|
style="resize:none;"></textarea>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="clear">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="inquiryBtn">
|
|
|
|
|
<button id="tmsubmit" type="button">Send My Inquiry</button>
|
|
|
|
|
<input id="product_code" name="product_code" type="hidden" value="" />
|
|
|
|
|
<input type="hidden" name="url" value="<?php echo $orderfrom;?>" />
|
|
|
|
|
</div>
|
|
|
|
|
<p style="
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-top: -30px;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: #666;
|
|
|
|
|
">You take the trip, we handle the hassle :)</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|