联系方式删减

master
candice 1 year ago
parent 622e79fcf0
commit 90cdb1880a

@ -1,7 +1,8 @@
<div class="tripnotes" collapse="" collapse-status="hide" data-target="tripnotes" data-target-icon="day4Icon" style="font-size: 25px; <div class="tripnotes" collapse="" collapse-status="hide" data-target="tripnotes" data-target-icon="day4Icon" style="font-size: 25px;
color: #ad1818; color: #ad1818;
font-weight: 600; font-weight: 600;
font-family: 'Goudy Old Style';">Your 1:1 travel consultant will reply within 1 working day.<span class="OpenIcon" id="day4Icon"></span></div> font-family: 'Goudy Old Style';">Your 1:1 travel consultant will reply within 1 working day.<span class="OpenIcon"
id="day4Icon"></span></div>
<div class="tripnotescontent" collapse-content="" id="tripnotes" style="display: none; box-sizing: border-box;"> <div class="tripnotescontent" collapse-content="" id="tripnotes" style="display: none; box-sizing: border-box;">
<div class="tmbottom" style="padding-top: 60px; margin-top: 0;"> <div class="tmbottom" style="padding-top: 60px; margin-top: 0;">
@ -162,16 +163,19 @@ margin-top: 5px;font-size: 18px;
</div> </div>
<div class="trip_date_length" id="tripDateBlock" style="display: none"> <div class="trip_date_length" id="tripDateBlock" style="display: none">
<p style="text-align: left; font-weight: 400; font-size: 19px;">Select your travel date and trip length (days).</p> <p style="text-align: left; font-weight: 400; font-size: 19px;">Select your travel date and trip length
(days).</p>
<div id='dateSelectionBlock'> <div id='dateSelectionBlock'>
<div id='flatpickrBlock'> <div id='flatpickrBlock'>
<input type="text" class="InquiryCalendar datepicker" id="starting_date" name="date_start" value="" placeholder="Select your exact travel date." autocomplete="off" style="width: auto; <input type="text" class="InquiryCalendar datepicker" id="starting_date" name="date_start" value=""
placeholder="Select your exact travel date." autocomplete="off" style="width: auto;
float: left; float: left;
margin-right: 15px; margin-right: 15px;
border-radius: 6px; border-radius: 6px;
padding: 0 15px;"> padding: 0 15px;">
</div> </div>
<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date." style="width: auto; <input type="month" id="expectedMonth" name="expected_month"
placeholder="Select your expected travel date." style="width: auto;
float: left; float: left;
margin-right: 15px; margin-right: 15px;
border-radius: 6px; border-radius: 6px;
@ -249,14 +253,16 @@ margin-top: 5px;font-size: 18px;
<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> <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_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 email.</span></span> <span id="email_verify_errmsg" style="display: none"><span class="requiredArea">Please verify your
email.</span></span>
@ -455,7 +461,8 @@ margin-top: 5px;font-size: 18px;
<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>
<option value="Saint Vincent and the Grenadines +1">Saint Vincent and the Grenadines&nbsp; &nbsp;+1784</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>
@ -513,16 +520,16 @@ margin-top: 5px;font-size: 18px;
<option value="Zimbabwe +263">Zimbabwe&nbsp; &nbsp;+263</option> <option value="Zimbabwe +263">Zimbabwe&nbsp; &nbsp;+263</option>
<option value="Åland Islands +385">Åland Islands&nbsp; &nbsp;+35818</option> <option value="Åland Islands +385">Åland Islands&nbsp; &nbsp;+35818</option>
</select> </select>
<input class="Inquiryphone" id="PhoneNo" name="PhoneNo" <input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Phone number *" type="tel" />
placeholder="Phone number *" type="tel"/> <span id="phone_errmsg" style="display: none"><span class="requiredArea">Please enter your phone
<span id="phone_errmsg" style="display: none"><span class="requiredArea">Please enter your phone number.</span></span> number.</span></span>
<p style="margin-top: 0;margin-bottom: 10px;padding: 0;text-align: left;font-size: 20px;font-weight: 300;">I prefer to be contacted via:</p> <p style="margin-top: 0;margin-bottom: 10px;padding: 0;text-align: left;font-size: 20px;font-weight: 300;">I
<div class="checkYes"><label for="WeChat"><input class="checkBorder" id="WeChat" name="contact_via_WeChat" type="checkbox" value="yes">WeChat</label></div> am also available on:</p>
<div class="checkYes"><label for="WhatsApp"><input class="checkBorder" id="WhatsApp" name="contact_via_WhatsApp" type="checkbox" value="yes">WhatsApp </label></div> <div class="checkYes"><label for="WhatsApp"><input class="checkBorder" id="WhatsApp" name="contact_via_WhatsApp"
<div class="checkYes"><label for="Phone"><input class="checkBorder" id="Phone" name="contact_via_phone_call" type="checkbox" value="yes">Phone call</label></div> type="checkbox" value="yes">WhatsApp</label></div>
<div class="checkYes"><label for="Email"><input class="checkBorder" id="Email" name="contact_via_email" type="checkbox" value="yes">Email</label></div> <div class="checkYes"><label for="iMessage"><input class="checkBorder" id="iMessage" name="contact_via_iMessage"
<div class="checkYes"><label for="video"><input class="checkBorder" id="video" name="contact_via_video_appointment" type="checkbox" value="yes">Video appointment</label></div> type="checkbox" value="yes">iMessage</label></div>
<input type="hidden" name="nullemail"> <input type="hidden" name="nullemail">
<input name="product_code" type="hidden" value="YDFW" /> <input name="product_code" type="hidden" value="YDFW" />
<button class="sendButton" id="quick_inquiry_button" name="quick_inquiry_button" type="button">Send My <button class="sendButton" id="quick_inquiry_button" name="quick_inquiry_button" type="button">Send My
@ -532,7 +539,8 @@ margin-top: 5px;font-size: 18px;
</div> </div>
</div> </div>
<script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script> <script
src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
<script src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script> <script src="https://data.asiahighlights.com/min/?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
<script> <script>
@ -789,25 +797,64 @@ margin-top: 5px;font-size: 18px;
} }
</script> </script>
<style> <style>
.trip_date_length { display: inline-block; width: 100%;} .trip_date_length {
.date_select {width: 27.5% !important; margin-bottom: 10px;} display: inline-block;
.age_range { margin-top: 45px;} width: 100%;
input.arrivalDate {width: 95%; padding: 0 15px; border-radius: 6px; margin-bottom:15px;} }
.date_select {
width: 27.5% !important;
margin-bottom: 10px;
}
.age_range {
margin-top: 45px;
}
input.arrivalDate {
width: 95%;
padding: 0 15px;
border-radius: 6px;
margin-bottom: 15px;
}
@media (max-width: 750px) { @media (max-width: 750px) {
.date_select {width: 93% !important; margin-bottom: 0 !important;} .date_select {
.age_range { margin-top: 0;} width: 93% !important;
margin-bottom: 0 !important;
}
.age_range {
margin-top: 0;
}
} }
</style> </style>
<style type="text/css"> <style type="text/css">
.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;} .emailist {
.emailist li{ padding: 2px 11px; border: 1px solid #bdbdbd;
border-radius: 4px;
background-color: #fff;
color: #666;
font-size: 14px;
list-style-type: 0;
padding: 0;
margin: 0;
overflow: hidden;
}
.emailist li {
padding: 2px 11px;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
text-shadow: none; text-shadow: none;
color: #000; color: #000;
} }
.emailist .on, .emailist li:hover{background-color:#eee;}
.emailist .on,
.emailist li:hover {
background-color: #eee;
}
</style> </style>
<script> <script>
$("#email").mailAutoComplete({ $("#email").mailAutoComplete({

@ -156,20 +156,22 @@
</div> </div>
</div> </div>
<input class="InquiryCalendar" data-min-date="7" id="starting_date" <input class="InquiryCalendar" data-min-date="7" id="starting_date" name="date_start"
name="date_start" placeholder="Starting date" readonly="readonly" placeholder="Starting date" readonly="readonly" type="text" /><span id="starting_date_errmsg"
type="text"/><span id="starting_date_errmsg" style="display: none"><span style="display: none"><span class="requiredArea">Please enter your starting date.</span></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> <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_errmsg" style="display: none"><span class="requiredArea">Please enter your
<span id="email_verify_errmsg" style="display: none"><span class="requiredArea">Please verify your email.</span></span> email.</span></span>
<span id="email_verify_errmsg" style="display: none"><span class="requiredArea">Please verify your
email.</span></span>
@ -215,7 +217,8 @@
<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>
@ -370,7 +373,8 @@
<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>
<option value="Saint Vincent and the Grenadines +1">Saint Vincent and the Grenadines&nbsp; &nbsp;+1784</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>
@ -428,16 +432,16 @@
<option value="Zimbabwe +263">Zimbabwe&nbsp; &nbsp;+263</option> <option value="Zimbabwe +263">Zimbabwe&nbsp; &nbsp;+263</option>
<option value="Åland Islands +385">Åland Islands&nbsp; &nbsp;+35818</option> <option value="Åland Islands +385">Åland Islands&nbsp; &nbsp;+35818</option>
</select> </select>
<input class="Inquiryphone" id="PhoneNo" name="PhoneNo" <input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Phone number *" type="tel" />
placeholder="Phone number *" type="tel"/> <span id="phone_errmsg" style="display: none"><span class="requiredArea">Please enter your phone
<span id="phone_errmsg" style="display: none"><span class="requiredArea">Please enter your phone number.</span></span> number.</span></span>
<p style="margin-top: 0;margin-bottom: 10px;padding: 0;text-align: left;font-size: 20px;font-weight: 300;">I prefer to be contacted via:</p> <p style="margin-top: 0;margin-bottom: 10px;padding: 0;text-align: left;font-size: 20px;font-weight: 300;">I
<div class="checkYes"><label for="WeChat"><input class="checkBorder" id="WeChat" name="contact_via_WeChat" type="checkbox" value="yes">WeChat</label></div> am also available on:</p>
<div class="checkYes"><label for="WhatsApp"><input class="checkBorder" id="WhatsApp" name="contact_via_WhatsApp" type="checkbox" value="yes">WhatsApp </label></div> <div class="checkYes"><label for="WhatsApp"><input class="checkBorder" id="WhatsApp"
<div class="checkYes"><label for="Phone"><input class="checkBorder" id="Phone" name="contact_via_phone_call" type="checkbox" value="yes">Phone call</label></div> name="contact_via_WhatsApp" type="checkbox" value="yes">WhatsApp </label></div>
<div class="checkYes"><label for="Email"><input class="checkBorder" id="Email" name="contact_via_email" type="checkbox" value="yes">Email</label></div> <div class="checkYes"><label for="iMessage"><input class="checkBorder" id="iMessage"
<div class="checkYes"><label for="video"><input class="checkBorder" id="video" name="contact_via_video_appointment" type="checkbox" value="yes">Video appointment</label></div> name="contact_via_iMessage" type="checkbox" value="yes">iMessage</label></div>
<input type="hidden" name="nullemail"> <input type="hidden" name="nullemail">
<input name="product_code" type="hidden" value="<?php echo $meta_product_code; ?>" /> <input name="product_code" type="hidden" value="<?php echo $meta_product_code; ?>" />
<button class="sendButton" id="quick_inquiry_button" name="quick_inquiry_button" type="button">Send My <button class="sendButton" id="quick_inquiry_button" name="quick_inquiry_button" type="button">Send My
@ -446,7 +450,8 @@
</form> </form>
</div> </div>
<script src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script> <script
src="https://www.recaptcha.net/recaptcha/enterprise.js?render=6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja"></script>
<script src="https://data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script> <script src="https://data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js,/js/flatpickr-4.6.1.min.js"></script>
<script> <script>
function validateQuickInquiryForm() { function validateQuickInquiryForm() {
@ -567,11 +572,30 @@ document.addEventListener('DOMContentLoaded', () => {
}) })
</script> </script>
<style> <style>
.date_select {width: 27.5% !important; margin-bottom: 10px;} .date_select {
.age_range { margin-top: 45px;} width: 27.5% !important;
input.arrivalDate {width: 95%; padding: 0 15px; border-radius: 6px; margin-bottom:15px;} margin-bottom: 10px;
}
.age_range {
margin-top: 45px;
}
input.arrivalDate {
width: 95%;
padding: 0 15px;
border-radius: 6px;
margin-bottom: 15px;
}
@media (max-width: 750px) { @media (max-width: 750px) {
.date_select {width: 93% !important; margin-bottom: 0 !important;} .date_select {
.age_range { margin-top: 0;} width: 93% !important;
margin-bottom: 0 !important;
}
.age_range {
margin-top: 0;
}
} }
</style> </style>
Loading…
Cancel
Save