@ -5,8 +5,10 @@
< textarea id = "form_additionalrequirements" name = "additional_requirements" placeholder = "E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..." > < / textarea >
< textarea id = "form_additionalrequirements" name = "additional_requirements" placeholder = "E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..." > < / textarea >
< div class = "selectionBlock" >
< div class = "selectionBlock" >
< h4 style = "margin-bottom: 0;margin-top: 0; padding-bottom: 0;" >
< h4 style = "margin-bottom: 0 ;
How would you travel?
margin-top: 10px;
font-size: 1.2rem;">
* How would you travel?
< / h4 >
< / h4 >
< div id = "group_error_msg" style = "display: none" >
< div id = "group_error_msg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Please select number in your group.< / div >
< div class = "requiredArea" style = "margin-top:-10px;" > Please select number in your group.< / div >
@ -37,7 +39,7 @@
< / div >
< / div >
< div id = "adultBlock" style = "display: none" >
< div id = "adultBlock" style = "display: none" >
< p style = "margin-top: 0;margin-bottom: 0;" > < strong > Adults number (age ≥ 18 years old)< / strong > < / p >
< p style = "margin-top: 0;margin-bottom: 0;" > Adults number (age ≥ 18 years old)< / p >
< div class = "kids_age" >
< div class = "kids_age" >
< select class = "kids_number" id = "adult_18_plus" name = "adult_18_plus" >
< select class = "kids_number" id = "adult_18_plus" name = "adult_18_plus" >
< option value = "0" > 0< / option >
< option value = "0" > 0< / option >
@ -80,7 +82,7 @@
< / div >
< / div >
< div class = "clear" > < / div >
< div class = "clear" > < / div >
< div id = "childrenBlock" style = "display: none" >
< div id = "childrenBlock" style = "display: none" >
< p style = "margin-top: 0;margin-bottom: 0;" > < strong > Children number< / strong > < / p >
< p style = "margin-top: 0;margin-bottom: 0;" > Children number< / p >
< div class = "kids_age" >
< div class = "kids_age" >
< p style = "margin-bottom: 5px;" > 10-17 yrs old< / p >
< p style = "margin-bottom: 5px;" > 10-17 yrs old< / p >
< select class = "kids_number" id = "teenagerNumber" name = "teenager_10_17" >
< select class = "kids_number" id = "teenagerNumber" name = "teenager_10_17" >
@ -128,49 +130,59 @@
< / div >
< / div >
< div class = "selectionBlock" >
< div class = "selectionBlock" >
< h4 style = "margin-top: 0; margin-bottom: 0;" >
< h4 style = "margin-bottom: 0 ;
What's your hotel choice?
margin-top: 10px;
font-size: 1.2rem;">
* What's your hotel choice?
< / h4 >
< / h4 >
< div class = "travel_group date_select" >
< div class = "travel_group hotel_pick ">
< input type = "radio" value = "Deluxe (5-star & up)" id = "Deluxe" name = "hotel" >
< input type = "radio" value = "Deluxe (5-star & up)" id = "Deluxe" name = "hotel" >
< label for = "Deluxe" class = "family" >
< label for = "Deluxe" class = "family" >
Deluxe< br > (5-star & up)
Deluxe< br > (5-star & up)
< / label >
< / label >
< / div >
< / div >
< div class = "travel_group date_select ">
< div class = "travel_group hotel_pick ">
< input type = "radio" value = "Handpicked comfort (4-star)" id = "Handpicked" name = "hotel" >
< input type = "radio" value = "Handpicked comfort (4-star)" id = "Handpicked" name = "hotel" >
< label for = "Handpicked" class = "family" >
< label for = "Handpicked" class = "family" >
Selected comfort< br > (4-star)
Selected comfort< br > (4-star)
< / label >
< / label >
< / div >
< / div >
< div class = "travel_group date_select ">
< div class = "travel_group hotel_pick ">
< input type = "radio" value = "Standard (3-star)" id = "Standard" name = "hotel" >
< input type = "radio" value = "Standard (3-star)" id = "Standard" name = "hotel" >
< label for = "Standard" class = "family" >
< label for = "Standard" class = "family" >
Standard < br > (3-star)
Standard < br > (3-star)
< / label >
< / label >
< / div >
< / div >
< div class = "travel_group hotel_pick" >
< input type = "radio" value = "Self-booking" id = "Self" name = "hotel" >
< label for = "Self" class = "family" style = "padding: 19px 0;" >
Self-booking
< / label >
< / div >
< / div >
< / div >
< div class = "selectionBlock" style = "margin-bottom: 10px;" >
< div class = "selectionBlock" style = "margin-bottom: 10px;" >
< h4 style = "margin-bottom: 0;margin-top: 0; padding-bottom: 0;" >
< h4 style = "margin-bottom: 0 ;
When would you travel?
margin-top: 10px;
font-size: 1.2rem;">
* When would you travel?
< / h4 >
< / h4 >
< div id = "date_error_msg" style = "display: none" >
< div id = "date_error_msg" style = "display: none" >
< div class = "requiredArea" style = "margin-top:-10px;" > Select your travel data.< / div >
< div class = "requiredArea" style = "margin-top:-10px;" > Select your travel data.< / div >
< / div >
< / div >
< div class = " travel_group date_select" >
< div class = " date_select" >
< input type = "radio" value = "exact dates" id = "exact" name = "trip_date" >
< input type = "radio" value = "exact dates" id = "exact" name = "trip_date" >
< label for = "exact" class = "updatedestination" style = "font-size: 18px;" >
< label for = "exact" class = "updatedestination" style = "font-size: 18px;" >
Exact dates
Exact dates
< / label >
< / label >
< / div >
< / div >
< div class = " travel_group date_select" >
< div class = " date_select" >
< input type = "radio" value = "approximate dates" id = "approximate" name = "trip_date" >
< input type = "radio" value = "approximate dates" id = "approximate" name = "trip_date" >
< label for = "approximate" class = "updatedestination" style = "font-size: 18px;" >
< label for = "approximate" class = "updatedestination" style = "font-size: 18px;" >
Approximate dates
Approximate dates
< / label >
< / label >
< / div >
< / div >
< div class = " travel_group date_select" >
< div class = " date_select" >
< input type = "radio" value = "Undecided dates" id = "yet" name = "trip_date" >
< input type = "radio" value = "Undecided dates" id = "yet" name = "trip_date" >
< label for = "yet" class = "updatedestination" style = "font-size: 18px;" >
< label for = "yet" class = "updatedestination" style = "font-size: 18px;" >
Undecided dates
Undecided dates
@ -186,16 +198,6 @@
< / div >
< / div >
< select class = "country_code" id = "expectedMonth" name = "expected_month" style = "margin-top: 15px;" >
< select class = "country_code" id = "expectedMonth" name = "expected_month" style = "margin-top: 15px;" >
< option value = "" disabled selected > Select your approximate travel date.< / option >
< option value = "" disabled selected > Select your approximate travel date.< / option >
< option value = "Mar. 2024" > Mar. 2024< / option >
< option value = "Apr. 2024" > Apr. 2024< / option >
< option value = "May. 2024" > May. 2024< / option >
< option value = "Jun. 2024" > Jun. 2024< / option >
< option value = "Jul. 2024" > Jul. 2024< / option >
< option value = "Aug. 2024" > Aug. 2024< / option >
< option value = "Sep. 2024" > Sep. 2024< / option >
< option value = "Oct. 2024" > Oct. 2024< / option >
< option value = "Nov. 2024" > Nov. 2024< / option >
< option value = "Dec. 2024" > Dec. 2024< / option >
< option value = "Dec. 2024" > Dec. 2024< / option >
< option value = "Jan. 2025" > Jan. 2025< / option >
< option value = "Jan. 2025" > Jan. 2025< / option >
@ -227,6 +229,14 @@
< option value = "Feb. 2027" > Feb. 2027< / option >
< option value = "Feb. 2027" > Feb. 2027< / option >
< option value = "Mar. 2027" > Mar. 2027< / option >
< option value = "Mar. 2027" > Mar. 2027< / option >
< option value = "Apr. 2027" > Apr. 2027< / option >
< option value = "Apr. 2027" > Apr. 2027< / option >
< option value = "May. 2027" > May. 2027< / option >
< option value = "Jun. 2027" > Jun. 2027< / option >
< option value = "Jul. 2027" > Jul. 2027< / option >
< option value = "Aug. 2027" > Aug. 2027< / option >
< option value = "Sep. 2027" > Sep. 2027< / option >
< option value = "Oct. 2027" > Oct. 2027< / option >
< option value = "Nov. 2027" > Nov. 2027< / option >
< option value = "Dec. 2027" > Dec. 2027< / option >
< / select >
< / select >
< / div >
< / div >
@ -684,9 +694,12 @@ function validateQuickInquiryForm() {
< / script >
< / script >
< style >
< style >
.date_select {width: 31% !important;}
.date_select {width: 31%;
float: left;
margin-right: 10px;}
@media (max-width: 750px){
@media (max-width: 750px){
.date_select {width: 47% !important;}
.date_select {width: 33% !important; margin-right: 0;}
.date_select label {font-size:17px !important;}
.hotel_pick {width: 50% !important;}
.date_select label {font-size:17px !important;height: 35px;}
}
}
< / style >
< / style >