master
candice 2 years ago
parent 745622b541
commit ab2511d584

@ -194,7 +194,11 @@
border-radius: 6px; border-radius: 6px;
margin: 50px 10px 0 10px; margin: 50px 10px 0 10px;
} }
footer { margin-top: 80px;}
footer {
margin-top: 80px;
}
h3 { h3 {
font-size: 25px; font-size: 25px;
margin-bottom: 20px; margin-bottom: 20px;
@ -261,7 +265,8 @@
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
} }
#Date_Start, #expectedMonth { #Date_Start,
#expectedMonth {
width: -webkit-fill-available; width: -webkit-fill-available;
font-size: 19px; font-size: 19px;
font-family: Calibri; font-family: Calibri;
@ -660,7 +665,8 @@ margin-top: 10px;
#date_error_msg, #date_error_msg,
#contact_error_msg, #contact_error_msg,
#email_verify_msg, #email_verify_msg,
#requirement_error_msg, #group_error_msg { #requirement_error_msg,
#group_error_msg {
color: #ad1818; color: #ad1818;
font-size: 19px; font-size: 19px;
border-bottom: 2px dashed #ad1818; border-bottom: 2px dashed #ad1818;
@ -764,7 +770,8 @@ margin-top: 10px;
margin-right: 0; margin-right: 0;
} }
.age_range, #childrenBlock { .age_range,
#childrenBlock {
display: inline-block; display: inline-block;
} }
@ -844,6 +851,7 @@ margin-top: 10px;
background: url(https://data.asiahighlights.com/image/forms/group-active.png) no-repeat left #ad1818 !important; background: url(https://data.asiahighlights.com/image/forms/group-active.png) no-repeat left #ad1818 !important;
background-size: 50px !important; background-size: 50px !important;
} }
label.friends { label.friends {
background: url(https://data.asiahighlights.com/image/forms/friends-normal.png) no-repeat left #fff; background: url(https://data.asiahighlights.com/image/forms/friends-normal.png) no-repeat left #fff;
background-size: 50px; background-size: 50px;
@ -864,11 +872,15 @@ margin-top: 10px;
em { em {
color: #ad1818; color: #ad1818;
} }
#adultBlock {clear: both; display: inline-block;}
#adultBlock {
clear: both;
display: inline-block;
}
.grecaptcha-badge { .grecaptcha-badge {
display: none !important; display: none !important;
} }
</style> </style>
</head> </head>
@ -904,7 +916,8 @@ margin-top: 10px;
<h3 id="destination_select" style="margin-top: 30px;"> <h3 id="destination_select" style="margin-top: 30px;">
<em>*</em> Where would you go? <em>*</em> Where would you go?
</h3> </h3>
<P>A vast majority of our esteemed clients opt to explore 23 captivating Asian destinations in a single, awe-inspiring trip. The most popular duos and trios are:</p> <P>A vast majority of our esteemed clients opt to explore 23 captivating Asian destinations in a
single, awe-inspiring trip. The most popular duos and trios are:</p>
<ul class="InfoList"> <ul class="InfoList">
<li>Japan, China (1525 days)</li> <li>Japan, China (1525 days)</li>
<li>Thailand, Vietnam, Cambodia (1220 days)</li> <li>Thailand, Vietnam, Cambodia (1220 days)</li>
@ -948,7 +961,8 @@ margin-top: 10px;
</div> </div>
<div class="selectionBlock"> <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…</p> <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…</p>
<input name="other_destinations" style=" <input name="other_destinations" style="
height: 35px; height: 35px;
width: 90%; width: 90%;
@ -957,7 +971,8 @@ margin-top: 10px;
font-size: 19px; font-size: 19px;
padding: 5px 15px; padding: 5px 15px;
font-family: Calibri; font-family: Calibri;
" ></div> ">
</div>
</div> </div>
<div id="inquiryBox"> <div id="inquiryBox">
@ -1000,7 +1015,8 @@ margin-top: 10px;
<input type="date" class="arrivalDate visible-xs" id="Date_Start" name="date_start" value="" <input type="date" class="arrivalDate visible-xs" id="Date_Start" name="date_start" value=""
min="<?php echo date('Y-m-d',time() + 24*3600*2)?>" placeholder="mm/dd/yyyy" min="<?php echo date('Y-m-d',time() + 24*3600*2)?>" placeholder="mm/dd/yyyy"
autocomplete="off" /> autocomplete="off" />
<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your travel date."> <input type="month" id="expectedMonth" name="expected_month"
placeholder="Select your travel date.">
</div> </div>
<select class="country_code" id="tripLengthNumber" name="trip_length"> <select class="country_code" id="tripLengthNumber" name="trip_length">
<option value="1">1 day</option> <option value="1">1 day</option>
@ -1036,9 +1052,11 @@ margin-top: 10px;
<option value="31">30+ days</option> <option value="31">30+ days</option>
</select> </select>
<div id="expectedTravelDateBlock" style="display: none"> <div id="expectedTravelDateBlock" style="display: none">
<p style="margin-bottom:5px;">Any additional information about your anticipated travel dates?</p> <p style="margin-bottom:5px;">Any additional information about your anticipated travel dates?
</p>
<span class="formNote"> <span class="formNote">
E.g.: I want to start my trip when the weather at its best/during the local festival/during the off season/on the first week of the November... E.g.: I want to start my trip when the weather at its best/during the local festival/during
the off season/on the first week of the November...
</span> </span>
<textarea id="date_requirements" name="date_requirements" style="resize:none;"></textarea> <textarea id="date_requirements" name="date_requirements" style="resize:none;"></textarea>
</div> </div>
@ -1051,7 +1069,9 @@ margin-top: 10px;
<h3 id="travelGroupHeader"> <h3 id="travelGroupHeader">
<em>*</em> How would you travel? <em>*</em> How would you travel?
</h3> </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> <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 id="group_error_msg" class="hidden">(Please select an option.)</div>
<div class="travel_group"> <div class="travel_group">
<input type="radio" value="Family" id="Family" name="travel_group"> <input type="radio" value="Family" id="Family" name="travel_group">
@ -1186,7 +1206,8 @@ margin-top: 10px;
<em>*</em> What's your hotel choice? <em>*</em> What's your hotel choice?
</h3> </h3>
<span class="formNote"> <span class="formNote">
Japan and Singapore are renowned for relatively higher hotel costs compared to other Asian destinations. Japan and Singapore are renowned for relatively higher hotel costs compared to other Asian
destinations.
</span> </span>
<div id="hotel_error_msg" class="hidden">(Please select an option.)</div> <div id="hotel_error_msg" class="hidden">(Please select an option.)</div>
<div class="optionLable"> <div class="optionLable">
@ -1248,7 +1269,8 @@ margin-top: 10px;
Hotel location: near city center/at the seaside/convenient for exploring the nearby area…<br> Hotel location: near city center/at the seaside/convenient for exploring the nearby area…<br>
My budget for the accomodation is… My budget for the accomodation is…
</span> </span>
<textarea id="hotel_requirements" name="hotel_requirements" style="resize:none;" style="height: 70px;"></textarea> <textarea id="hotel_requirements" name="hotel_requirements" style="resize:none;"
style="height: 70px;"></textarea>
</div> </div>
</div> </div>
<div id="inquiryBox"> <div id="inquiryBox">
@ -1356,7 +1378,8 @@ margin-top: 10px;
</h3> </h3>
<div id="requirement_error_msg" class="hidden">(Please specify your requests.)</div> <div id="requirement_error_msg" class="hidden">(Please specify your requests.)</div>
<span class="formNote">E.g.: My budget range for this big trip is around… <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>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>Our must-dos/must-sees for this big trip are…
<br>This will be my first/second/… visit to…</span> <br>This will be my first/second/… visit to…</span>
<textarea id="additionalrequirements" name="additional_requirements" style="resize:none;"></textarea> <textarea id="additionalrequirements" name="additional_requirements" style="resize:none;"></textarea>
@ -1369,7 +1392,9 @@ margin-top: 10px;
<h3 id="TellUsaboutYou"> <h3 id="TellUsaboutYou">
<em>*</em> Your contact information <em>*</em> Your contact information
</h3> </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> <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 class="genderSelection"> <div class="genderSelection">
<div class="checkboxGender"> <div class="checkboxGender">
<input type="radio" value="100001" id="male" name="gender"> <input type="radio" value="100001" id="male" name="gender">
@ -1404,7 +1429,8 @@ margin-top: 10px;
<div class="inputTerm" style="margin-bottom: -10px;"> <div class="inputTerm" style="margin-bottom: -10px;">
<select class="country_code" name="country_code"> <select class="country_code" name="country_code">
<option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option> <option style="font-weight: 600;" value="United States +1">United States&nbsp; &nbsp;+1</option>
<option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44</option> <option style="font-weight: 600;" value="United Kingdom +44">United Kingdom&nbsp; &nbsp;+44
</option>
<option style="font-weight: 600;" value="Australia +61">Australia&nbsp; &nbsp;+61</option> <option style="font-weight: 600;" value="Australia +61">Australia&nbsp; &nbsp;+61</option>
<option style="font-weight: 600;" value="Canada +1">Canada&nbsp; &nbsp;+1</option> <option style="font-weight: 600;" value="Canada +1">Canada&nbsp; &nbsp;+1</option>
<option style="font-weight: 600;" value="France +33">France&nbsp; &nbsp;+33</option> <option style="font-weight: 600;" value="France +33">France&nbsp; &nbsp;+33</option>
@ -1442,7 +1468,8 @@ margin-top: 10px;
<option value="Bosnia and Herzegovina +387">Bosnia and Herzegovina&nbsp; &nbsp;+387</option> <option value="Bosnia and Herzegovina +387">Bosnia and Herzegovina&nbsp; &nbsp;+387</option>
<option value="Botswana +267">Botswana&nbsp; &nbsp;+267</option> <option value="Botswana +267">Botswana&nbsp; &nbsp;+267</option>
<option value="Brazil +55">Brazil&nbsp; &nbsp;+55</option> <option value="Brazil +55">Brazil&nbsp; &nbsp;+55</option>
<option value="British Indian Ocean Territory +246">British Indian Ocean Territory&nbsp; &nbsp;+246</option> <option value="British Indian Ocean Territory +246">British Indian Ocean Territory&nbsp;
&nbsp;+246</option>
<option value="British Virgin Islands +1">British Virgin Islands&nbsp; &nbsp;+1284</option> <option value="British Virgin Islands +1">British Virgin Islands&nbsp; &nbsp;+1284</option>
<option value="Brunei +673">Brunei&nbsp; &nbsp;+673</option> <option value="Brunei +673">Brunei&nbsp; &nbsp;+673</option>
<option value="Bulgaria +359">Bulgaria &nbsp; &nbsp;+359</option> <option value="Bulgaria +359">Bulgaria &nbsp; &nbsp;+359</option>
@ -1596,8 +1623,10 @@ margin-top: 10px;
<option value="Saint Kitts and Nevis +1">Saint Kitts and Nevis&nbsp; &nbsp;+1869</option> <option value="Saint Kitts and Nevis +1">Saint Kitts and Nevis&nbsp; &nbsp;+1869</option>
<option value="Saint Lucia +1">Saint Lucia&nbsp; &nbsp;+1758</option> <option value="Saint Lucia +1">Saint Lucia&nbsp; &nbsp;+1758</option>
<option value="Saint Martin +590">Saint Martin&nbsp; &nbsp;+590</option> <option value="Saint Martin +590">Saint Martin&nbsp; &nbsp;+590</option>
<option value="Saint Pierre and Miquelon +508">Saint Pierre and Miquelon&nbsp; &nbsp;+508</option> <option value="Saint Pierre and Miquelon +508">Saint Pierre and Miquelon&nbsp; &nbsp;+508
<option value="Saint Vincent and the Grenadines +1">Saint Vincent and the Grenadines&nbsp; &nbsp;+1784</option> </option>
<option value="Saint Vincent and the Grenadines +1">Saint Vincent and the Grenadines&nbsp;
&nbsp;+1784</option>
<option value="Samoa +685">Samoa&nbsp; &nbsp;+685</option> <option value="Samoa +685">Samoa&nbsp; &nbsp;+685</option>
<option value="San Marino +378">San Marino&nbsp; &nbsp;+378</option> <option value="San Marino +378">San Marino&nbsp; &nbsp;+378</option>
<option value="São Tomé and Príncipe +239">São Tomé and Príncipe&nbsp; &nbsp;+239</option> <option value="São Tomé and Príncipe +239">São Tomé and Príncipe&nbsp; &nbsp;+239</option>
@ -1681,8 +1710,8 @@ margin-right: 10px;
</div> </div>
<div class="checkYes"> <div class="checkYes">
<label for="Phone call"> <label for="Phone call">
<input type="checkbox" value="yes" name="contact_via_phone_call" id="Phone call" class="checkBorder" <input type="checkbox" value="yes" name="contact_via_phone_call" id="Phone call"
style=" class="checkBorder" style="
margin-right: 10px; margin-right: 10px;
">Phone call ">Phone call
</label> </label>
@ -1708,7 +1737,8 @@ margin-right: 10px;
">You take the trip, we handle the hassle :)</p> ">You take the trip, we handle the hassle :)</p>
</div> </div>
</div></form> </div>
</form>
<footer> <footer>
<div class="bottom_why_us"> <div class="bottom_why_us">
<div class="tp_banner">4.9 Excellent<img src="https://data.asiahighlights.com/pic/trustpilot-new-icon.png" <div class="tp_banner">4.9 Excellent<img src="https://data.asiahighlights.com/pic/trustpilot-new-icon.png"

Loading…
Cancel
Save