联系方式删减

master
candice 1 year ago
parent 90cdb1880a
commit 5e3d382c3c

@ -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="info_page_inquiry"> <div class="info_page_inquiry">
@ -9,7 +10,8 @@
<div class="InquiryFormBox"> <div class="InquiryFormBox">
<div class="FieldSet"> <div class="FieldSet">
<textarea id="additionalrequirements" name="additional_requirements" <textarea id="additionalrequirements" name="additional_requirements"
placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..." style="margin-bottom:20px;"></textarea> placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..."
style="margin-bottom:20px;"></textarea>
<div class="selectionBlock" style="margin-bottom: 0;"> <div class="selectionBlock" style="margin-bottom: 0;">
<p style="margin-bottom: 0px;"> <p style="margin-bottom: 0px;">
<strong>Number in your group</strong> <strong>Number in your group</strong>
@ -175,7 +177,8 @@
<p style="margin-bottom: 10px;">Select your travel date.</p> <p style="margin-bottom: 10px;">Select your travel date.</p>
<div id='dateSelectionBlock'> <div id='dateSelectionBlock'>
<div id='flatpickrBlock'> <div id='flatpickrBlock'>
<input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="mm/dd/yyyy" autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px; <input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value=""
placeholder="mm/dd/yyyy" autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
margin-top: 5px;"> margin-top: 5px;">
</div> </div>
<select class="country_code" id="expectedMonth" name="expected_month"> <select class="country_code" id="expectedMonth" name="expected_month">
@ -229,13 +232,16 @@
<input class="FullName" data-required="Please enter your fullname" id="realname" name="name" <input class="FullName" data-required="Please enter your fullname" id="realname" name="name"
placeholder="Your name" required="" type="text"> placeholder="Your name" required="" 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" data-required="Please enter your e-mail address" <input class="EmailAddress" data-required="Please enter your e-mail address"
data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$" data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$"
placeholder="Email" required type="text"> placeholder="Email" required 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>
<!-- <p><input class="InquiryCalendar" data-min-date="7" id="starting_date" name="date_start" <!-- <p><input class="InquiryCalendar" data-min-date="7" id="starting_date" name="date_start"
placeholder="Starting date" required type="date"></p> --> placeholder="Starting date" required type="date"></p> -->
@ -507,33 +513,22 @@
<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;+358</option> <option value="Åland Islands +385">Åland Islands&nbsp; &nbsp;+358</option>
</select> </select>
<input class="Inquiryphone" name="PhoneNo" placeholder="Phone number *" <input class="Inquiryphone" name="PhoneNo" placeholder="Phone number *" type="text">
type="text"> <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-bottom: 5px; <p style="margin-bottom: 5px;
padding: 0; padding: 0;
color: #000; color: #000;
font-size: 19px; font-size: 19px;">I am also available on:</p>
}">I prefer to <div class="checkYes" style="color:#000;"> <label for="contact whatsapp"><input class="checkBorder "
be contacted via:</p> id="contact whatsapp" name="contact_via_WhatsApp" type="checkbox" value="yes"
<div class="checkYes" style="color:#000;"> <label for="contact whatsapp"><input style="width:auto !important;">WhatsApp</label>
class="checkBorder " id="contact whatsapp" name="contact_via_WhatsApp"
type="checkbox" value="yes" style="width:auto !important;">WhatsApp</label>
</div> </div>
<div class="checkYes" style="color:#000;"> <label for="contact iMessage"><input <div class="checkYes" style="color:#000;"> <label for="contact iMessage"><input class="checkBorder "
class="checkBorder " id="contact iMessage" name="contact_via_iMessage" id="contact iMessage" name="contact_via_iMessage" type="checkbox" value="yes"
type="checkbox" value="yes" style="width:auto !important;">iMessage</label> style="width:auto !important;">iMessage</label>
</div> </div>
<div class="checkYes" style="color:#000;"> <label for="contact_via_phone_call"><input
class="checkBorder " id="contact_via_phone_call" name="contact_via_phone_call"
type="checkbox" value="yes" style="width:auto !important;">Phone call</label></div>
<div class="checkYes" style="color:#000;"> <label for="contact_via_email"><input
class="checkBorder " id="contact_via_email" name="contact_via_email"
type="checkbox" value="yes" style="width:auto !important;">Email</label></div>
<div class="checkYes" style="color:#000;"> <label for="contact_via_video_appointment"><input
class="checkBorder " id="contact_via_video_appointment" name="contact_via_video_appointment"
type="checkbox" value="yes" style="width:auto !important;">Video appointment</label></div>
<input name="nullemail" placeholder="Your alternative email?" type="hidden"> <input name="nullemail" placeholder="Your alternative email?" type="hidden">
<input id="url" name="url" type="hidden"> <input id="url" name="url" type="hidden">
@ -547,7 +542,8 @@
</form> </form>
</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>
@ -804,15 +800,30 @@
} }
</script> </script>
<style> <style>
.date_select {width: 27.5% !important; margin-bottom: 10px;} .date_select {
.age_range { margin-top: 0;} width: 27.5% !important;
.InquiryFormBox input, textarea { margin-bottom: 15px;} margin-bottom: 10px;
}
.age_range {
margin-top: 0;
}
.InquiryFormBox input,
textarea {
margin-bottom: 15px;
}
@media (max-width: 750px) { @media (max-width: 750px) {
.date_select {width: 93% !important; margin-bottom: 0 !important;} .date_select {
width: 93% !important;
margin-bottom: 0 !important;
}
} }
</style> </style>
<script src="https://data.globalhighlights.com/js/jquery.mailAutoComplete-4.0.min.js"></script><script> <script src="https://data.globalhighlights.com/js/jquery.mailAutoComplete-4.0.min.js"></script>
<script>
$("#email").mailAutoComplete({ $("#email").mailAutoComplete({
email: ['gmail.com', 'outlook.com', 'yahoo.com', 'icloud.com', 'hotmail.com', 'live.com', 'aol.com'] email: ['gmail.com', 'outlook.com', 'yahoo.com', 'icloud.com', 'hotmail.com', 'live.com', 'aol.com']
}); });

@ -1,10 +1,11 @@
<div class="ghwhyus"> <div class="ghwhyus">
<p class="contactus">Your 1:1 travel consultant will reply within 1 working day.</p> <p class="contactus">Your 1:1 travel consultant will reply within 1 working day.</p>
<form action="/forms/inquiry_save" id="tourForm" method="post"> <form action="/forms/inquiry_save" id="tourForm" method="post">
<div class="InquiryFormBox"> <div class="InquiryFormBox">
<div class="FieldSet"> <div class="FieldSet">
<textarea id="additionalrequirements" name="additional_requirements" placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..." style="margin-bottom:20px;"></textarea> <textarea id="additionalrequirements" name="additional_requirements"
placeholder="E.g.: This is a big trip for anniversary, honeymoon, birthday celebration..."
style="margin-bottom:20px;"></textarea>
<div class="selectionBlock"> <div class="selectionBlock">
<h4 style="margin-bottom: 0;margin-top: 0; font-weight: 400;"> <h4 style="margin-bottom: 0;margin-top: 0; font-weight: 400;">
How would you travel? How would you travel?
@ -166,7 +167,8 @@
<p style="clear: both;margin-bottom: 10px;" id="trip_date_tip">Select your travel date.</p> <p style="clear: both;margin-bottom: 10px;" id="trip_date_tip">Select your travel date.</p>
<div id="dateSelectionBlock"> <div id="dateSelectionBlock">
<div id="flatpickrBlock"> <div id="flatpickrBlock">
<input class="InquiryCalendar datepicker flatpickr-input" id="starting_date" name="date_start" placeholder="Starting date *" type="hidden" value=""> <input class="InquiryCalendar datepicker flatpickr-input" id="starting_date" name="date_start"
placeholder="Starting date *" type="hidden" value="">
</div> </div>
<select class="country_code" id="expectedMonth" name="expected_month"> <select class="country_code" id="expectedMonth" name="expected_month">
@ -240,11 +242,14 @@
</div> </div>
</div> </div>
<p><input class="FullName" data-required="Please enter your fullname" id="realname" name="name" placeholder="Your name *" type="text"></p> <p><input class="FullName" data-required="Please enter your fullname" id="realname" name="name"
placeholder="Your name *" type="text"></p>
<div id="realname_errmsg" style="display: none"> <div id="realname_errmsg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please enter your name.</div> <div class="requiredArea" style="margin-top:-10px;">Please enter your name.</div>
</div> </div>
<p><input class="EmailAddress" data-required="Please enter your e-mail address" data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$" placeholder="Email *" type="text"></p> <p><input class="EmailAddress" data-required="Please enter your e-mail address"
data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$"
placeholder="Email *" type="text"></p>
<div id="email_errmsg" style="display: none"> <div id="email_errmsg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please enter your email.</div> <div class="requiredArea" style="margin-top:-10px;">Please enter your email.</div>
</div> </div>
@ -448,7 +453,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>
@ -509,17 +515,18 @@
<input class="Inquiryphone" name="PhoneNo" id="PhoneNo" placeholder="Phone number *" type="text"> <input class="Inquiryphone" name="PhoneNo" id="PhoneNo" placeholder="Phone number *" type="text">
</p> </p>
<div id="contact_errmsg" style="display: none"> <div id="contact_errmsg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please enter your phone number.</div> </div> <div class="requiredArea" style="margin-top:-10px;">Please enter your phone number.</div>
</div>
<p style="margin-top: 0;margin-bottom: 10px;padding: 0;color: #000;font-size: 20px;">I prefer to <p style="margin-top: 0;margin-bottom: 10px;padding: 0;color: #000;font-size: 20px;">I
be contacted via:</p> am also available on:</p>
<div class="checkYes" style="color:#000;"> <label for="whatsapp"><input class="checkBorder " id="whatsapp" name="contact_via_WhatsApp" type="checkbox" value="yes" style="width:auto !important;">WhatsApp</label> <div class="checkYes" style="color:#000;"> <label for="whatsapp"><input class="checkBorder " id="whatsapp"
name="contact_via_WhatsApp" type="checkbox" value="yes" style="width:auto !important;">WhatsApp</label>
</div> </div>
<div class="checkYes" style="color:#000;"> <label for="iMessage"><input class="checkBorder " id="iMessage" name="contact_via_iMessage" type="checkbox" value="yes" style="width:auto !important;">iMessage</label> <div class="checkYes" style="color:#000;"> <label for="iMessage"><input class="checkBorder " id="iMessage"
name="contact_via_iMessage" type="checkbox" value="yes" style="width:auto !important;">iMessage</label>
</div> </div>
<div class="checkYes" style="color:#000;"> <label for="contact_via_phone_call"><input class="checkBorder " id="contact_via_phone_call" name="contact_via_phone_call" type="checkbox" value="yes" style="width:auto !important;">Phone call</label></div>
<div class="checkYes" style="color:#000;"> <label for="contact_via_email"><input class="checkBorder " id="contact_via_email" name="contact_via_email" type="checkbox" value="yes" style="width:auto !important;">Email</label></div>
<div class="checkYes" style="color:#000;"> <label for="contact_via_video_appointment"><input class="checkBorder " id="contact_via_video_appointment" name="contact_via_video_appointment" type="checkbox" value="yes" style="width:auto !important;">Video appointment</label></div>
<input name="nullemail" placeholder="Your alternative email?" type="hidden"> <input name="nullemail" placeholder="Your alternative email?" type="hidden">
<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="tourFormBtn" type="button"> <button class="sendButton" id="tourFormBtn" type="button">

Loading…
Cancel
Save