|
|
|
|
|
<!doctype html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<title>Inquiry Form - Asia Highlights</title>
|
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
|
|
|
|
<meta content="yes" name="apple-mobile-web-app-capable">
|
|
|
|
|
|
<link href="/css/global.min.css" rel="stylesheet">
|
|
|
|
|
|
<link href="/css/basic.css" rel="stylesheet">
|
|
|
|
|
|
<link href="/css/tm-pc.css" rel="stylesheet">
|
|
|
|
|
|
<script src="/js/jquery-1.8.2.min.js"></script>
|
|
|
|
|
|
<script src="/js/bootstrap.min.js"></script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<!--#include virtual="/aspbackup/inc/header.asp" -->
|
|
|
|
|
|
|
|
|
|
|
|
<div class="wholeWrap">
|
|
|
|
|
|
<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-1 col-sm-1"></div>
|
|
|
|
|
|
<div class="col-md-14 col-sm-14">
|
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
|
<h1>Start Planning Your Trip</h1>
|
|
|
|
|
|
<div class="howWeWork">Tell us your interests and get replied within 24 hours...</div>
|
|
|
|
|
|
<div class="interestedRoute">
|
|
|
|
|
|
<div class="headerText">INTERESTED ITINERARY</div>
|
|
|
|
|
|
<div class="routeName">10-Day Classic Thailand Tour: First Touch of Thailand</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<h3>Destinations: Thailand, Vietnam</h3><input id="check" type="checkbox" class="hidden">
|
|
|
|
|
|
<div class="foldDestinations">
|
|
|
|
|
|
<div class="readMore"><div class="selectionBlock">
|
|
|
|
|
|
<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">
|
|
|
|
|
|
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">
|
|
|
|
|
|
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">
|
|
|
|
|
|
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">
|
|
|
|
|
|
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">
|
|
|
|
|
|
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">
|
|
|
|
|
|
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">
|
|
|
|
|
|
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">
|
|
|
|
|
|
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">
|
|
|
|
|
|
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></div>
|
|
|
|
|
|
<label for="check" class="check-in">Choose more destinations<i class="fa fa-angle-down" aria-hidden="true"></i></label><label for="check" class="check-out">Fold<i class="fa fa-angle-up" aria-hidden="true"></i></label>
|
|
|
|
|
|
<div class="clear"></div>
|
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
|
<h3>Your hotel preference *</h3>
|
|
|
|
|
|
<span class="formNote">Hotels prices in Japan are at least doubled based on the
|
|
|
|
|
|
suggested rates below.</span>
|
|
|
|
|
|
<div class="selectHotl">
|
|
|
|
|
|
<form action="" method="GET">
|
|
|
|
|
|
<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="Handpiched Comfort" id="fourStar"
|
|
|
|
|
|
name="hotel"> <label for="fourStar" class="hotelText">
|
|
|
|
|
|
Standard (3 stars)
|
|
|
|
|
|
<div class="selectionMemo">USD 70-100 / night</div>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="optionLable">
|
|
|
|
|
|
<input type="radio" value="Standard" id="threeStar" name="hotel">
|
|
|
|
|
|
<label for="threeStar" class="hotelText">
|
|
|
|
|
|
Luxury (5 stars & up)
|
|
|
|
|
|
<div class="selectionMemo">USD 200+ / night</div>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</form></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
|
|
|
|
|
|
|
<h3>Number in your group *</h3>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="peopleSelect">
|
|
|
|
|
|
<span class="formMemo">Adults (≥12 years old)</span>
|
|
|
|
|
|
<div class="numberBtn">
|
|
|
|
|
|
<input class="minaddBtn" type="button" value="-" οnclick="reductionOf(this)" />
|
|
|
|
|
|
<input class="number" type="text" value="2" οnblur="checkNumber(this)" name="adultnumber" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<input class="minaddBtn" type="button" value="+" οnclick="add(this)" /> </div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="peopleSelect">
|
|
|
|
|
|
<span class="formMemo">Kids (2-11 years old)</span>
|
|
|
|
|
|
<div class="numberBtn">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<input class="minaddBtn" type="button" value="-" οnclick="reductionOf(this)" /><input class="kidNum" type="text" value="0" οnblur="checkNumber(this)" name="kidnumber" />
|
|
|
|
|
|
<input class="minaddBtn" type="button" value="+" οnclick="add(this)" /> </div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clear"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
|
<h3>Your date of arrival *</h3>
|
|
|
|
|
|
<input type="text" class="arrivalDate datepicker hidden-xs" id="Date_Start"
|
|
|
|
|
|
name="Date_Start" value="" placeholder="mm/dd/yyyy" autocomplete="off">
|
|
|
|
|
|
<input type="date" class="arrivalDate visible-xs" id="Date_Start"
|
|
|
|
|
|
name="Date_Start_Mobile" value="2019-12-19" min="2019-12-19"
|
|
|
|
|
|
placeholder="mm/dd/yyyy" autocomplete="off">
|
|
|
|
|
|
<div class="checkYes"><input type="checkbox" class="checkBorder"
|
|
|
|
|
|
id="dateLimit" name="time"><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>
|
|
|
|
|
|
<form action="" method="GET" class="travelTag">
|
|
|
|
|
|
<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="asiabeginner" 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="localculture" 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="relax" id="rest" name="interests"><label
|
|
|
|
|
|
for="rest">
|
|
|
|
|
|
<div class="smallTag">
|
|
|
|
|
|
<div class="styleText">Rest&relaxation</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
|
<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="Mr" id="male" name="gender"><label
|
|
|
|
|
|
for="male">Mr.
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="checkboxGender">
|
|
|
|
|
|
|
|
|
|
|
|
<input type="radio" value="Ms" id="female" name="gender"><label
|
|
|
|
|
|
for="female">Ms.
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="checkboxGender">
|
|
|
|
|
|
|
|
|
|
|
|
<input type="radio" value="Mx" id="neutural" name="gender"><label
|
|
|
|
|
|
for="neutural">Mx.
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
|
<input type="text" name="name" required>
|
|
|
|
|
|
<label>Full Name *</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
|
<input type="text" name="nationality" required>
|
|
|
|
|
|
<label>Nationality / Region *</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
|
<input type="text" name="nationality" required>
|
|
|
|
|
|
<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">
|
|
|
|
|
|
<input type="submit" value="Start My Journey">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div></div><div class="clear"></div></div>
|
|
|
|
|
|
|
|
|
|
|
|
<!--#include virtual="/aspbackup/inc/footer.asp" -->
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
