@ -155,7 +155,7 @@
display: block;
box-shadow: 1px 1px 6px 1px #f1f1f1;
background: #fff;
height:43px;
height: 43px;
z-index: 99;
}
@ -172,7 +172,7 @@
#formBanner p {
text-align: center;
padding: 0 10px;
margin-bottom:-20px;
margin-bottom: -20px;
color: #fff;
text-shadow: 1px 1px 1px #000;
}
@ -194,7 +194,11 @@
border-radius: 6px;
margin: 50px 10px 0 10px;
}
footer { margin-top: 80px;}
footer {
margin-top: 80px;
}
h3 {
font-size: 25px;
margin-bottom: 20px;
@ -261,7 +265,8 @@
border: 1px solid #d1d1d1;
}
#Date_Start, #expectedMonth {
#Date_Start,
#expectedMonth {
width: -webkit-fill-available;
font-size: 19px;
font-family: Calibri;
@ -383,7 +388,7 @@
}
.travelStyle input[type="checkbox"]+label {
margin-top: 10px;
margin-top: 10px;
font-size: 19px;
padding: 7px 12px;
border: 1px solid #d1d1d1;
@ -660,7 +665,8 @@ margin-top: 10px;
#date_error_msg,
#contact_error_msg,
#email_verify_msg,
#requirement_error_msg, #group_error_msg {
#requirement_error_msg,
#group_error_msg {
color: #ad1818;
font-size: 19px;
border-bottom: 2px dashed #ad1818;
@ -764,7 +770,8 @@ margin-top: 10px;
margin-right: 0;
}
.age_range, #childrenBlock {
.age_range,
#childrenBlock {
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-size: 50px !important;
}
label.friends {
background: url(https://data.asiahighlights.com/image/forms/friends-normal.png) no-repeat left #fff;
background-size: 50px;
@ -864,11 +872,15 @@ margin-top: 10px;
em {
color: #ad1818;
}
#adultBlock {clear: both; display: inline-block;}
#adultBlock {
clear: both;
display: inline-block;
}
.grecaptcha-badge {
display: none !important;
}
}
< / style >
< / head >
@ -904,7 +916,8 @@ margin-top: 10px;
< h3 id = "destination_select" style = "margin-top: 30px;" >
< em > *< / em > Where would you go?
< / h3 >
< P > A vast majority of our esteemed clients opt to explore 2– < / p >
< P > A vast majority of our esteemed clients opt to explore 2–
single, awe-inspiring trip. The most popular duos and trios are:< / p >
< ul class = "InfoList" >
< li > Japan, China (15– < / li >
< li > Thailand, Vietnam, Cambodia (12– < / li >
@ -948,7 +961,8 @@ margin-top: 10px;
< / 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…< / 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 = "
height: 35px;
width: 90%;
@ -957,7 +971,8 @@ margin-top: 10px;
font-size: 19px;
padding: 5px 15px;
font-family: Calibri;
" >< / div >
">
< / div >
< / div >
< div id = "inquiryBox" >
@ -1000,7 +1015,8 @@ margin-top: 10px;
< 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"
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 >
< select class = "country_code" id = "tripLengthNumber" name = "trip_length" >
< option value = "1" > 1 day< / option >
@ -1036,22 +1052,26 @@ margin-top: 10px;
< option value = "31" > 30+ days< / option >
< / select >
< 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" >
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 >
< textarea id = "date_requirements" name = "date_requirements" style = "resize:none;" > < / textarea >
< / div >
< / div >
< / div >
< / div >
< / div >
< div id = "inquiryBox" >
< div class = "selectionBlock" >
< 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 >
< 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" >
@ -1179,14 +1199,15 @@ margin-top: 10px;
< / div >
< / div >
< / div >
< div id = "inquiryBox" >
< / 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.
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" >
@ -1248,13 +1269,14 @@ margin-top: 10px;
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: 70px;" > < / textarea >
< textarea id = "hotel_requirements" name = "hotel_requirements" style = "resize:none;"
style="height: 70px;">< / textarea >
< / div >
< / div >
< div id = "inquiryBox" >
< div id = "inquiryBox" >
< div class = "selectionBlock" >
< h3 > This is a big trip for:< / h3 >
< div class = "travelStyle" id = "trip4Bucket" >
< div class = "travelStyle" id = "trip4Bucket" >
< input type = "checkbox" value = "Bucket list trip" id = "bucket list trip" name = "interests[]" >
< label for = "bucket list trip" data-clickable >
< div class = "smallTag" >
@ -1262,7 +1284,7 @@ margin-top: 10px;
< / div >
< / label >
< / div >
< div class = "travelStyle" id = "trip4Retirement" >
< 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" >
@ -1270,7 +1292,7 @@ margin-top: 10px;
< / div >
< / label >
< / div >
< div class = "travelStyle" id = "annual" >
< div class = "travelStyle" id = "annual" >
< input type = "checkbox" value = "Annual vacation" id = "vacation" name = "interests[]" >
< label for = "vacation" data-clickable >
< div class = "smallTag" >
@ -1278,7 +1300,7 @@ margin-top: 10px;
< / div >
< / label >
< / div >
< div class = "travelStyle" id = "gift" >
< 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" >
@ -1294,7 +1316,7 @@ margin-top: 10px;
< / div >
< / label >
< / div >
< div class = "travelStyle" id = "trip4Birthday" >
< div class = "travelStyle" id = "trip4Birthday" >
< input type = "checkbox" value = "Birthday" id = "Birthday" name = "interests[]" >
< label for = "Birthday" data-clickable >
< div class = "smallTag" >
@ -1349,27 +1371,30 @@ margin-top: 10px;
< / div >
< / div >
< / div >
< div id = "inquiryBox" >
< div id = "inquiryBox" >
< div class = "selectionBlock" >
< h3 >
< em > *< / em > Any additional information you'd like to share about your trip?
< / h3 >
< 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…
< 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 > This will be my first/second/… visit to…< / span >
< textarea id = "additionalrequirements" name = "additional_requirements" style = "resize:none;" > < / textarea >
< / div >
< / div >
< / div >
< div id = "inquiryBox" >
< div id = "inquiryBox" >
< div class = "selectionBlock" >
< 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 >
< 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 = "checkboxGender" >
< input type = "radio" value = "100001" id = "male" name = "gender" >
@ -1404,7 +1429,8 @@ margin-top: 10px;
< div class = "inputTerm" style = "margin-bottom: -10px;" >
< select class = "country_code" name = "country_code" >
< option style = "font-weight: 600;" value = "United States +1" > United States +1< / option >
< option style = "font-weight: 600;" value = "United Kingdom +44" > United Kingdom +44< / option >
< option style = "font-weight: 600;" value = "United Kingdom +44" > United Kingdom +44
< / option >
< option style = "font-weight: 600;" value = "Australia +61" > Australia +61< / option >
< option style = "font-weight: 600;" value = "Canada +1" > Canada +1< / option >
< option style = "font-weight: 600;" value = "France +33" > France +33< / option >
@ -1442,7 +1468,8 @@ margin-top: 10px;
< option value = "Bosnia and Herzegovina +387" > Bosnia and Herzegovina +387< / option >
< option value = "Botswana +267" > Botswana +267< / option >
< option value = "Brazil +55" > Brazil +55< / option >
< option value = "British Indian Ocean Territory +246" > British Indian Ocean Territory +246< / option >
< option value = "British Indian Ocean Territory +246" > British Indian Ocean Territory
+246< / option >
< option value = "British Virgin Islands +1" > British Virgin Islands +1284< / option >
< option value = "Brunei +673" > Brunei +673< / option >
< option value = "Bulgaria +359" > Bulgaria +359< / option >
@ -1596,8 +1623,10 @@ margin-top: 10px;
< option value = "Saint Kitts and Nevis +1" > Saint Kitts and Nevis +1869< / option >
< option value = "Saint Lucia +1" > Saint Lucia +1758< / option >
< option value = "Saint Martin +590" > Saint Martin +590< / option >
< option value = "Saint Pierre and Miquelon +508" > Saint Pierre and Miquelon +508< / option >
< option value = "Saint Vincent and the Grenadines +1" > Saint Vincent and the Grenadines +1784< / option >
< option value = "Saint Pierre and Miquelon +508" > Saint Pierre and Miquelon +508
< / option >
< option value = "Saint Vincent and the Grenadines +1" > Saint Vincent and the Grenadines
+1784< / option >
< option value = "Samoa +685" > Samoa +685< / option >
< option value = "San Marino +378" > San Marino +378< / option >
< option value = "São Tomé and Príncipe +239" > São Tomé and Príncipe +239< / option >
@ -1681,8 +1710,8 @@ margin-right: 10px;
< / div >
< div class = "checkYes" >
< label for = "Phone call" >
< input type = "checkbox" value = "yes" name = "contact_via_phone_call" id = "Phone call" class = "checkBorder"
style="
< input type = "checkbox" value = "yes" name = "contact_via_phone_call" id = "Phone call"
class="checkBorder" style="
margin-right: 10px;
">Phone call
< / label >
@ -1708,7 +1737,8 @@ margin-right: 10px;
">You take the trip, we handle the hassle :)< / p >
< / div >
< / div > < / form >
< / div >
< / form >
< footer >
< div class = "bottom_why_us" >
< div class = "tp_banner" > 4.9 Excellent< img src = "https://data.asiahighlights.com/pic/trustpilot-new-icon.png"
@ -1882,8 +1912,8 @@ margin-right: 10px;
trip4Map.set('Family', [$trip4Birthday, $trip4Graduation, $trip4Anniversary, $trip4Bucket, $annual, $gift, $friend]);
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]);
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