Merge branch 'master' of github.com:hainatravel/information-system

master
赵鹏 1 year ago
commit 7a9e24a459

@ -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>
<div class="selectionBlock">
<h4 style="margin-bottom: 0;margin-top: 0; padding-bottom: 0;">
How would you travel?
<h4 style="margin-bottom: 0;
margin-top: 10px;
font-size: 1.2rem;">
* How would you travel?
</h4>
<div id="group_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please select number in your group.</div>
@ -37,7 +39,7 @@
</div>
<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">
<select class="kids_number" id="adult_18_plus" name="adult_18_plus" >
<option value="0">0</option>
@ -80,7 +82,7 @@
</div>
<div class="clear"></div>
<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">
<p style="margin-bottom: 5px;">10-17 yrs old</p>
<select class="kids_number" id="teenagerNumber" name="teenager_10_17">
@ -128,49 +130,59 @@
</div>
<div class="selectionBlock">
<h4 style="margin-top: 0; margin-bottom: 0;">
What's your hotel choice?
<h4 style="margin-bottom: 0;
margin-top: 10px;
font-size: 1.2rem;">
* What's your hotel choice?
</h4>
<div class="travel_group date_select">
<div class="travel_group hotel_pick">
<input type="radio" value="Deluxe (5-star &amp; up)" id="Deluxe" name="hotel">
<label for="Deluxe" class="family">
Deluxe<br> (5-star &amp; up)
</label>
</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">
<label for="Handpicked" class="family">
Selected comfort<br> (4-star)
</label>
</div>
<div class="travel_group date_select">
<div class="travel_group hotel_pick">
<input type="radio" value="Standard (3-star)" id="Standard" name="hotel">
<label for="Standard" class="family">
Standard <br>(3-star)
</label>
</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 class="selectionBlock" style="margin-bottom: 10px;">
<h4 style="margin-bottom: 0;margin-top: 0; padding-bottom: 0;">
When would you travel?
<h4 style="margin-bottom: 0;
margin-top: 10px;
font-size: 1.2rem;">
* When would you travel?
</h4>
<div id="date_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Select your travel data.</div>
</div>
<div class="travel_group date_select" >
<div class="date_select" >
<input type="radio" value="exact dates" id="exact" name="trip_date">
<label for="exact" class="updatedestination" style="font-size: 18px;">
Exact dates
</label>
</div>
<div class="travel_group date_select" >
<div class="date_select" >
<input type="radio" value="approximate dates" id="approximate" name="trip_date">
<label for="approximate" class="updatedestination" style="font-size: 18px;">
Approximate dates
</label>
</div>
<div class="travel_group date_select" >
<div class="date_select" >
<input type="radio" value="Undecided dates" id="yet" name="trip_date">
<label for="yet" class="updatedestination" style="font-size: 18px;">
Undecided dates
@ -186,16 +198,6 @@
</div>
<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="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="Jan. 2025">Jan. 2025</option>
@ -227,6 +229,14 @@
<option value="Feb. 2027">Feb. 2027</option>
<option value="Mar. 2027">Mar. 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>
</div>
@ -684,9 +694,12 @@ function validateQuickInquiryForm() {
</script>
<style>
.date_select {width: 31% !important;}
.date_select {width: 31%;
float: left;
margin-right: 10px;}
@media (max-width: 750px){
.date_select {width: 47% !important;}
.date_select label {font-size:17px !important;}
.date_select {width: 33% !important; margin-right: 0;}
.hotel_pick {width: 50% !important;}
.date_select label {font-size:17px !important;height: 35px;}
}
</style>

@ -1,5 +1,5 @@
<div class="tmbottom">
<h3 style="font-size: 23px;">Your 1:1 travel consultant will reply within 1 working day.</h3>
<h3 style="font-size: 23px; padding-top: 15px;">Your 1:1 travel consultant will reply within 1 working day.</h3>
<form action="https://www.chinahighlights.com/secureforms/qi_save" id="quick_inquiry_form" method="post"
name="quick_inquiry_form" novalidate="">
<div class="InquiryBox">
@ -7,7 +7,7 @@
placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..."></textarea>
<div class="selectionBlock">
<p style=" text-align: left; font-weight: 400; padding-bottom: 0;">
Number in your group
* Number in your group
</p>
<div id="group_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please select number in your group.</div>
@ -38,7 +38,7 @@
</div>
<div id="adultBlock" style="display: none">
<p style=" margin-bottom: 10px;"><strong>Adults number (age ≥ 18 years old)</strong></p>
<p style=" margin-bottom: 10px; font-size: 17px;">Adults number (age ≥ 18 years old)</p>
<div class="kids_age">
<select class="kids_number" id="adult_18_plus" name="adult_18_plus">
@ -82,7 +82,7 @@
</div>
<div class="clear"></div>
<div id="childrenBlock" style="display: none">
<p style="margin-bottom: 10px;"><strong>Children number</strong></p>
<p style="margin-bottom: 10px; font-size: 17px;">Children number</p>
<div class="kids_age">
<p style="margin-bottom: 5px;">10-17 yrs old</p>
<select class="kids_number" id="teenagerNumber" name="teenager_10_17">
@ -131,7 +131,7 @@
<div class="selectionBlock">
<p style=" text-align: left; font-weight: 400; padding-bottom: 0;">
What's your hotel choice?
* What's your hotel choice?
</p>
<div id="group_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please select your hotel style.</div>
@ -154,20 +154,26 @@
Standard <em>(3 stars)</em>
</label>
</div>
<div class="hotel_group">
<input type="radio" value="Self-booking" id="Self" name="hotel">
<label for="Self" class="hotel_pick" style="padding: 20px 3px;">
Self-booking</em>
</label>
</div>
</div>
<input class="InquiryCalendar" data-min-date="" id="starting_date" name="date_start"
placeholder="Starting date" readonly="readonly" type="text" /><span id="starting_date_errmsg"
placeholder="* Starting date" readonly="readonly" type="text" /><span id="starting_date_errmsg"
style="display: none"><span class="requiredArea">Please enter your starting date.</span></span>
<input class="FullName" id="realname" name="name" placeholder="Your name" type="text" />
<input class="FullName" id="realname" name="name" placeholder="* Your name" type="text" />
<span id="realname_errmsg" style="display: none"><span class="requiredArea">Please enter your
name.</span></span>
<input class="EmailAddress" id="email" name="email" placeholder="Email" type="text" />
<input class="EmailAddress" id="email" name="email" placeholder="* Email" type="text" />
<span id="email_errmsg" style="display: none"><span class="requiredArea">Please enter your
email.</span></span>
<span id="email_verify_errmsg" style="display: none"><span class="requiredArea">Please verify your
@ -432,7 +438,7 @@
<option value="Zimbabwe +263">Zimbabwe&nbsp; &nbsp;+263</option>
<option value="Åland Islands +385">Åland Islands&nbsp; &nbsp;+35818</option>
</select>
<input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Phone number *" type="tel" />
<input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="* Phone number" type="tel" />
<span id="phone_errmsg" style="display: none"><span class="requiredArea">Please enter your phone
number.</span></span>

@ -7,8 +7,8 @@
placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..."
style="margin-bottom:20px;"></textarea>
<div class="selectionBlock">
<h4 style="margin-bottom: 0;margin-top: 0; font-weight: 400;">
How would you travel?
<h4 style="margin-bottom: 0;margin-top: 0; font-size: 1.2rem; font-weight: 400;">
* How would you travel?
</h4>
<div id="group_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please select number in your group.</div>
@ -38,7 +38,7 @@
</label>
</div>
<div id="adultBlock" style="display: none">
<p style="margin-bottom: 5px;"><strong>Adults number (age ≥ 18 years old)</strong></p>
<p style="margin-bottom: 5px;">Adults number (age ≥ 18 years old)</p>
<div class="kids_age">
@ -82,7 +82,7 @@
</div>
<div class="clear"></div>
<div id='childrenBlock' style="display: none">
<p style="margin-bottom: 5px;"><strong>Children number (age of children at time of trip)</strong></p>
<p style="margin-bottom: 5px;">Children number (age of children at time of trip)</p>
<div class="kids_age">
<p style="margin-bottom: 5px;">10-17 yrs old</p>
<select class="kids_number" id="teenagerNumber" name="teenager_10_17">
@ -138,26 +138,56 @@
</div>
</div>
</div>
<div class="selectionBlock">
<h4 style="margin-top: 0; margin-bottom: 0;font-weight: 400;">
When would you travel?
<h4 style="margin-top: 0; margin-bottom: 0;font-size: 1.2rem;font-weight: 400;">
* What's your hotel choice?
</h4>
<div class="travel_group hotel_pick">
<input type="radio" value="Luxury (5 stars & up)" id="Luxury" name="hotel">
<label for="Luxury" class="family">
Luxury<br> <em>(5 stars & up)</em>
</label>
</div>
<div class="travel_group hotel_pick">
<input type="radio" value="Handpicked Comfort (4-5 stars)" id="Handpicked" name="hotel">
<label for="Handpicked" class="couple">
Handpicked Comfort<br> <em>(4-5 stars)</em>
</label>
</div>
<div class="travel_group hotel_pick">
<input type="radio" value="Standard (3 stars)" id="Standard" name="hotel">
<label for="Standard" class="solo">
Standard<br> <em>(3 stars)</em>
</label>
</div>
<div class="travel_group hotel_pick">
<input type="radio" value="Self-booking" id="Self" name="hotel">
<label for="Self" class="solo" style="padding: 19px 0;">
Self-booking
</label>
</div>
</div>
<div class="selectionBlock">
<h4 style="margin-top: 0; margin-bottom: 0;font-size: 1.2rem;font-weight: 400;">
* When would you travel?
</h4>
<div id="date_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Select your travel data.</div>
</div>
<div class="travel_group date_select">
<input type="radio" value="Exact travel dates" id="exact" name="trip_date">
<div class="date_select">
<input type="radio" value="Exact travel dates" id="exact" name="trip_date" placeholder="Please select your exact travel date.">
<label for="exact" class="family">
Exact dates
</label>
</div>
<div class="travel_group date_select">
<input type="radio" value="Approximate travel dates" id="approximate" name="trip_date">
<div class="date_select">
<input type="radio" value="Approximate travel dates" id="approximate" name="trip_date" placeholder="Please select your approximate travel date.">
<label for="approximate" class="couple">
Approximate dates
</label>
</div>
<div class="travel_group date_select">
<div class="date_select">
<input type="radio" value="Undecided travel dates" id="yet" name="trip_date">
<label for="yet" class="solo">
Undecided dates
@ -173,15 +203,6 @@
<select class="country_code" id="expectedMonth" name="expected_month">
<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="Jan. 2025">Jan. 2025</option>
@ -213,34 +234,20 @@
<option value="Feb. 2027">Feb. 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>
</div>
</div>
</div>
<div class="selectionBlock">
<h4 style="margin-top: 0; margin-bottom: 0;font-weight: 400;">
What's your hotel choice?
</h4>
<div class="travel_group date_select">
<input type="radio" value="Luxury (5 stars & up)" id="Luxury" name="hotel">
<label for="Luxury" class="family">
Luxury<br> <em>(5 stars & up)</em>
</label>
</div>
<div class="travel_group date_select">
<input type="radio" value="Handpicked Comfort (4-5 stars)" id="Handpicked" name="hotel">
<label for="Handpicked" class="couple">
Handpicked Comfort<br> <em>(4-5 stars)</em>
</label>
</div>
<div class="travel_group date_select">
<input type="radio" value="Standard (3 stars)" id="Standard" name="hotel">
<label for="Standard" class="solo">
Standard<br> <em>(3 stars)</em>
</label>
</div>
</div>
<p><input class="FullName" data-required="Please enter your fullname" id="realname" name="name"
placeholder="Your name *" type="text"></p>

Loading…
Cancel
Save