You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
562 lines
16 KiB
PHP
562 lines
16 KiB
PHP
<link href="/min/?f=/css/tm-pc.css" rel="stylesheet">
|
|
<div class="wholeWrap2">
|
|
<div class="col-md-3 col-sm-3">
|
|
</div>
|
|
<div class="col-md-6 col-sm-6">
|
|
<div class="row">
|
|
<div class="stpeBlock">
|
|
<div class="workingSteps">
|
|
<div class="col-md-6 col-sm-6">
|
|
<div class="stepLogo">
|
|
<img src="https://data.asiahighlights.com/image/ticket-select.png" alt="select ticket type">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-18 col-sm-18">
|
|
<div class="detailedSteps">
|
|
<div class="stepText">
|
|
<strong>
|
|
Use the form below to make an inqury with us
|
|
</strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dotted">
|
|
</div>
|
|
</div>
|
|
<div class="workingSteps">
|
|
<div class="col-md-6 col-sm-6">
|
|
<div class="stepLogo">
|
|
<img src="https://data.asiahighlights.com/image/get-matched.png" alt="select ticket type">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-18 col-sm-18">
|
|
<div class="detailedSteps">
|
|
<div class="stepText">
|
|
We get in touch with you within 24 hours with suggestions
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dotted">
|
|
</div>
|
|
</div>
|
|
<div class="workingSteps">
|
|
<div class="col-md-6 col-sm-6">
|
|
<div class="stepLogo">
|
|
<img src="https://data.asiahighlights.com/image/craft-journey.png" alt="select ticket type">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-18 col-sm-18">
|
|
<div class="detailedSteps">
|
|
<div class="stepText">
|
|
We then craft an intinerary proposal based on your interests
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dotted">
|
|
</div>
|
|
</div>
|
|
<div class="workingSteps">
|
|
<div class="col-md-6 col-sm-6">
|
|
<div class="stepLogo">
|
|
<img src="https://data.asiahighlights.com/image/deal-journey.png" alt="select ticket type">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-18 col-sm-18">
|
|
<div class="detailedSteps">
|
|
<div class="stepText">
|
|
We work with you to refine the itinerary until you are satisfied
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-14 col-sm-14">
|
|
<form action="/orders/tailormade_save/" method="POST">
|
|
<div id="inquiryBox">
|
|
<h1>
|
|
Creat Your Trip with Us
|
|
</h1>
|
|
<div class="preface">
|
|
Tell us your interests and get replied within 24 hours...
|
|
</div>
|
|
<div class="selectionBlock">
|
|
<h3 id="destination_select">
|
|
Choose your interested destination(s). * <span id="destination_error_msg" style="color:#a31022;font-size:18px;" class="hidden">(Please select an option.)</span>
|
|
</h3>
|
|
<div class="row">
|
|
<div class="col-md-8 col-sm-8">
|
|
<div class="checkboxLabel">
|
|
<input type="checkbox" value="thailand" id="thai" name="destination[]">
|
|
<label for="thai">
|
|
Thailand
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8">
|
|
<div class="checkboxLabel">
|
|
<input type="checkbox" value="Vietnam" id="vtn" name="destination[]">
|
|
<label for="vtn" class="updatedestination">
|
|
Vietnam
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8">
|
|
<div class="checkboxLabel">
|
|
<input type="checkbox" value="india" id="in" name="destination[]">
|
|
<label for="in" class="updatedestination">
|
|
India
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8">
|
|
<div class="checkboxLabel">
|
|
<input type="checkbox" value="myanmar" id="myan" name="destination[]">
|
|
<label for="myan" class="updatedestination">
|
|
Myanmar
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8">
|
|
<div class="checkboxLabel">
|
|
<input type="checkbox" value="cambodia" id="cam" name="destination[]">
|
|
<label for="cam" class="updatedestination">
|
|
Cambodia
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8">
|
|
<div class="checkboxLabel">
|
|
<input type="checkbox" value="japan" id="ja" name="destination[]">
|
|
<label for="ja" class="updatedestination">
|
|
Japan
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8">
|
|
<div class="checkboxLabel">
|
|
<input type="checkbox" value="laos" id="lao" name="destination[]">
|
|
<label for="lao" class="updatedestination">
|
|
Laos
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8">
|
|
<div class="checkboxLabel">
|
|
<input type="checkbox" value="Nepal" id="nep" name="destination[]">
|
|
<label for="nep" class="updatedestination">
|
|
Nepal
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8">
|
|
<div class="checkboxLabel">
|
|
<input type="checkbox" value="Sri Lanka" id="srilan" name="destination[]">
|
|
<label for="srilan" class="updatedestination">
|
|
Sri Lanka
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8">
|
|
<div class="checkboxLabel">
|
|
<input type="checkbox" value="China" id="china" name="destination[]">
|
|
<label for="china" class="updatedestination">
|
|
China
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="chooseothers">
|
|
You are welcome to input other destinations below if it is not shown here.
|
|
</span>
|
|
</div>
|
|
<div class="clear">
|
|
</div>
|
|
<div class="selectionBlock">
|
|
<h3 id="hotelselect">
|
|
Your hotel preference * <span id="hotel_error_msg" style="color:#a31022;font-size:18px;" class="hidden">(Please select an option.)</span>
|
|
</h3>
|
|
<span class="formNote">
|
|
Hotels prices in Japan are at least doubled based on the suggested rates
|
|
below.
|
|
</span>
|
|
<div class="selectHotl">
|
|
<div class="optionLable">
|
|
<input type="radio" value="Luxury" id="fiveStar" name="hotel">
|
|
<label for="fiveStar" class="hotelText">
|
|
Luxury (5 stars & up)
|
|
<div class="selectionMemo">
|
|
USD 200+ / night
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="optionLable">
|
|
<input type="radio" value="Handpicked Comfort 4-5star" id="fourStar" name="hotel">
|
|
<label for="fourStar" class="hotelText">
|
|
Handpicked Comfort (4-5 stars)
|
|
<div class="selectionMemo">
|
|
USD 100-200 / night
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="optionLable">
|
|
<input type="radio" value="Standard 3 star" id="threeStar" name="hotel">
|
|
<label for="threeStar" class="hotelText">
|
|
Standard (3 stars)
|
|
<div class="selectionMemo">
|
|
USD 70-100 / night
|
|
</div>
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="selectionBlock">
|
|
<h3 id="numberselect">
|
|
Number in your group * <span id="number_error_msg" style="color:#a31022;font-size:18px;" class="hidden">(Please fill out this field.)</span>
|
|
</h3>
|
|
<div class="peopleSelect">
|
|
<span class="formMemo">
|
|
Adults (≥12 years old)
|
|
</span>
|
|
<div class="numberBtn">
|
|
<input class="minaddBtn reduceadult" type="button" value="-" />
|
|
<input class="number" type="text" value="0" name="adultnumber" />
|
|
<input class="minaddBtn addadult" type="button" value="+" />
|
|
</div>
|
|
</div>
|
|
<div class="peopleSelect">
|
|
<span class="formMemo">
|
|
Kids (2-11 years old)
|
|
</span>
|
|
<div class="numberBtn">
|
|
<input class="minaddBtn reducechild" type="button" value="-" />
|
|
<input class="kidNum" type="text" value="0" name="kidnumber" />
|
|
<input class="minaddBtn addchild" type="button" value="+" />
|
|
</div>
|
|
</div>
|
|
<div class="clear">
|
|
</div>
|
|
</div>
|
|
<div class="selectionBlock">
|
|
<h3 id="dateselect">
|
|
Your date of arrival * <span id="date_error_msg" style="color:#a31022;font-size:18px;" class="hidden">(Please fill out this field.)</span>
|
|
</h3>
|
|
<input type="text" class="arrivalDate datepicker hidden-xs" id="Date_Start"
|
|
name="Date_Start" value="" placeholder="mm/dd/yyyy" autocomplete="off" />
|
|
<div class="checkYes">
|
|
<input type="checkbox" class="checkBorder" name="flexible" value="No">
|
|
<label for="dateLimit">
|
|
I'm flexible on the date
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="selectionBlock">
|
|
<h3>
|
|
Tell us more to help us put together your ideal journey.
|
|
</h3>
|
|
<div class="travelStyle">
|
|
<input type="checkbox" value="family" id="familytrip" name="grouptype">
|
|
<label for="familytrip">
|
|
<div class="smallTag">
|
|
<div class="styleText">
|
|
Family
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="travelStyle">
|
|
<input type="checkbox" value="couple" id="cp" name="grouptype">
|
|
<label for="cp">
|
|
<div class="smallTag">
|
|
<div class="styleText">
|
|
Couple
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="travelStyle">
|
|
<input type="checkbox" value="solo" id="single" name="grouptype">
|
|
<label for="single">
|
|
<div class="smallTag">
|
|
<div class="styleText">
|
|
Solo
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="travelStyle">
|
|
<input type="checkbox" value="friends" id="mate" name="interests">
|
|
<label for="mate">
|
|
<div class="smallTag">
|
|
<div class="styleText">
|
|
Friends
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="travelStyle">
|
|
<input type="checkbox" value="vacation" id="holiday" name="grouptype">
|
|
<label for="holiday">
|
|
<div class="smallTag">
|
|
<div class="styleText">
|
|
Vacation
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="travelStyle">
|
|
<input type="checkbox" value="adventure" id="risk" name="interests">
|
|
<label for="risk">
|
|
<div class="smallTag">
|
|
<div class="styleText">
|
|
Adventure
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="travelStyle">
|
|
<input type="checkbox" value="food" id="gourmet" name="interests">
|
|
<label for="gourmet">
|
|
<div class="smallTag">
|
|
<div class="styleText">
|
|
Food
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="travelStyle">
|
|
<input type="checkbox" value="firstimetoasia" id="firstasia" name="interests">
|
|
<label for="firstasia">
|
|
<div class="smallTag">
|
|
<div class="styleText">
|
|
First time to Asia
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="travelStyle">
|
|
<input type="checkbox" value="cultureHistory" id="culture" name="interests">
|
|
<label for="culture">
|
|
<div class="smallTag">
|
|
<div class="styleText">
|
|
Culture&History
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="travelStyle">
|
|
<input type="checkbox" value="restRelaxation" id="rest" name="interests">
|
|
<label for="rest">
|
|
<div class="smallTag">
|
|
<div class="styleText">
|
|
Rest&relaxation
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<textarea id="additionalrequirements" name="additionalrequirements" style="resize:none;"
|
|
placeholder="E.g. Age range, duration, group situation, your travel style, which cities you would like to go, special requests..."></textarea>
|
|
</div>
|
|
<hr>
|
|
<h2>
|
|
Tell us about you...
|
|
</h2>
|
|
<div class="genderSelection">
|
|
<form action="" method="GET">
|
|
<div class="checkboxGender">
|
|
<input type="radio" value="100001" id="male" name="gender" />
|
|
<label for="male">
|
|
Mr.
|
|
</label>
|
|
</div>
|
|
<div class="checkboxGender">
|
|
<input type="radio" value="100003" id="female" name="gender" />
|
|
<label for="female">
|
|
Ms.
|
|
</label>
|
|
</div>
|
|
<div class="checkboxGender">
|
|
<input type="radio" value="100004" id="neutural" name="gender" />
|
|
<label for="neutural">
|
|
Mx.
|
|
</label>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<span id="name_error_msg" style="color:#a31022;font-size:18px;" class="hidden">(Please fill out this field.)</span>
|
|
<div class="inputTerm">
|
|
<input type="text" name="name" required />
|
|
<label>
|
|
Full Name *
|
|
</label>
|
|
</div>
|
|
<span id="email_error_msg" style="color:#a31022;font-size:18px;" class="hidden">(Please fill out this field.)</span>
|
|
<div class="inputTerm">
|
|
<input type="email" name="email" required />
|
|
<label>
|
|
Email Address *
|
|
</label>
|
|
</div>
|
|
<div class="formMemo">
|
|
All your ticket issues will be sent to your mailbox.
|
|
</div>
|
|
<span id="nation_error_msg" style="color:#a31022;font-size:18px;" class="hidden">(Please fill out this field.)</span>
|
|
<div class="inputTerm">
|
|
<input type="text" name="Nationality" required />
|
|
<label>
|
|
Nationality / Region *
|
|
</label>
|
|
</div>
|
|
<div class="inputTerm">
|
|
<input type="text" name="PhoneNo"/>
|
|
<label>
|
|
Phone number
|
|
</label>
|
|
</div>
|
|
<div class="formMemo">
|
|
Area code + number. Only call if you ask.
|
|
</div>
|
|
<div class="checkYes">
|
|
<input type="checkbox" value="Available on WhatsApp" name="whatsapp" id="whatsapp"
|
|
class="checkBorder">
|
|
<label for="whatsapp">
|
|
This number is available on WhatsApp
|
|
</label>
|
|
</div>
|
|
<div class="clear">
|
|
</div>
|
|
<div class="inquiryBtn">
|
|
<button id="tmsubmit" href="javascript:;">Start My Journey</button>
|
|
<input type="hidden" name="url" value="<?php echo $orderfrom;?>" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="clear">
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(function(){
|
|
var adultnums = $('input[name="adultnumber"]').val();
|
|
var kidnums = $('input[name="kidnumber"]').val();
|
|
//成人人数加减
|
|
$('.addadult').click(function(){
|
|
adultnums++;
|
|
$('input[name="adultnumber"]').val(adultnums);
|
|
});
|
|
|
|
$('.reduceadult').click(function(){
|
|
if(adultnums > 0){
|
|
adultnums--;
|
|
$('input[name="adultnumber"]').val(adultnums);
|
|
}
|
|
|
|
});
|
|
|
|
//加减儿童人数
|
|
$('.addchild').click(function(){
|
|
kidnums++;
|
|
$('input[name="kidnumber"]').val(kidnums);
|
|
});
|
|
|
|
$('.reducechild').click(function(){
|
|
if(kidnums > 0){
|
|
kidnums--;
|
|
$('input[name="kidnumber"]').val(kidnums);
|
|
}
|
|
|
|
});
|
|
|
|
//表单验证
|
|
$('#tmsubmit').click(function(){
|
|
var adultnumber = $('input[name="adultnumber"]').val();
|
|
var hotel = $('input[name="hotel"]:checked').val();
|
|
var destinations = $('input[name="destination[]"]').is(":checked");
|
|
var name = $('input[name="name"]').val();
|
|
var email = $('input[name="email"]').val();
|
|
var Nationality = $('input[name="Nationality"]').val();
|
|
var date = $('input[name="Date_Start"]').val();
|
|
|
|
//目的地选择
|
|
if(destinations === false){
|
|
$("body,html").animate({
|
|
scrollTop: $('#destination_select').offset().top - 70
|
|
});
|
|
$('#destination_error_msg').removeClass('hidden');
|
|
setTimeout(function(){
|
|
$('#destination_error_msg').addClass('hidden');
|
|
},5000);
|
|
return false;
|
|
}
|
|
|
|
//酒店选择
|
|
if(hotel === undefined){
|
|
$("body,html").animate({
|
|
scrollTop: $('#hotelselect').offset().top - 70
|
|
});
|
|
$('#hotel_error_msg').removeClass('hidden');
|
|
setTimeout(function(){
|
|
$('#hotel_error_msg').addClass('hidden');
|
|
},5000);
|
|
return false;
|
|
}
|
|
|
|
//人数选择
|
|
if(adultnumber < 1){
|
|
$("body,html").animate({
|
|
scrollTop: $('#numberselect').offset().top - 70
|
|
});
|
|
$('#number_error_msg').removeClass('hidden');
|
|
setTimeout(function(){
|
|
$('#number_error_msg').addClass('hidden');
|
|
},5000);
|
|
return false;
|
|
}
|
|
|
|
//时间选择
|
|
if(date == ''){
|
|
$("body,html").animate({
|
|
scrollTop: $('#dateselect').offset().top - 70
|
|
});
|
|
$('#date_error_msg').removeClass('hidden');
|
|
setTimeout(function(){
|
|
$('#date_error_msg').addClass('hidden');
|
|
},5000);
|
|
return false;
|
|
}
|
|
|
|
//姓名验证
|
|
if(name == ''){
|
|
$('input[name="name"]').focus();
|
|
$('#name_error_msg').removeClass('hidden');
|
|
setTimeout(function(){
|
|
$('#name_error_msg').addClass('hidden');
|
|
},5000);
|
|
return false;
|
|
}
|
|
|
|
//邮箱验证
|
|
if(email == ''){
|
|
$('input[name="email"]').focus();
|
|
$('#email_error_msg').removeClass('hidden');
|
|
setTimeout(function(){
|
|
$('#email_error_msg').addClass('hidden');
|
|
},5000);
|
|
return false;
|
|
}
|
|
|
|
//国籍验证
|
|
if(Nationality == ''){
|
|
$('input[name="Nationality"]').focus();
|
|
$('#nation_error_msg').removeClass('hidden');
|
|
setTimeout(function(){
|
|
$('#nation_error_msg').addClass('hidden');
|
|
},5000);
|
|
return false;
|
|
}
|
|
|
|
});
|
|
});
|
|
</script> |