CT左右结构新表单

master
赵鹏 1 year ago
parent b38799aeaa
commit 123ed3a245

@ -0,0 +1,360 @@
<div>
<div class="inquirybutton"><a href="#iqnuirybutton">Inquire This Tour <i class="fa fa-angle-down font20" aria-hidden="true"></i> </a></div>
<a id="iqnuirybutton"></a>
<div class="bookingbox">
<div class="booking">
<div class="bookingtitle">
<div class="booking-top">
<p class="text-center"> Price is based on a 2-person tour with 4-star hotels in low season.</p>
</div>
<div class="bg-triangle"> <span class="bgarrow"></span>
<p class="text-center">from US $<span class="js_getTourPrice font36" data="<?php echo $TourCode ?>"></span> p/p</p>
</div>
</div>
<form name="qiform" id="qiform" action="" method="post">
<div class="quick-inquiry quick-inquiry2">
<p><strong>*How Many People In Your Group?</strong></p>
<div class="flex-row form-box">
<div class="flex-col-3 col-label2"><label>Adults <span class="font14 color8">(≥12 years old)</span></label>
<div class="input-group"><a class="input-group-addon js_sub" href="javascript:;">-</a> <input class="form-control addon-num" mindata="1" name="adults" type="" value="2"> <a class="input-group-addon js_Add" href="javascript:;">+</a></div>
</div>
<div class="flex-col-3 col-label2"><label>Children <span class="font14 color8">(2-11 years old)</span></label>
<div class="input-group"><a class="input-group-addon js_sub" href="javascript:;">-</a> <input class="form-control addon-num" name="children" type="" value="0"> <a class="input-group-addon js_Add" href="javascript:;">+</a></div>
</div>
<div class="flex-col-3 col-label2"><label>Infants <span class="font14 color8">(&lt;2 years old)</span></label>
<div class="input-group"><a class="input-group-addon js_sub" href="javascript:;">-</a> <input class="form-control addon-num" name="babies" type="" value="0"> <a class="input-group-addon js_Add" href="javascript:;">+</a></div>
</div>
</div>
<p><strong>*What's Your Hotel Preference?</strong></p>
<?php if ($device == "pc") { ?>
<div class="flex-row visible-md">
<div class="flex-col-3 col-label">
<input class="mgc" id="r9" name="hoteltype" type="radio" value="5-star" />
<label for="r9">5 Star (Luxury)</label>
</div>
<div class="flex-col-3 col-label">
<input checked="CHECKED" class="mgc" id="r10" name="hoteltype" type="radio" value="4-star" />
<label for="r10">4 Star (Comfort)</label>
</div>
<div class="flex-col-3 col-label">
<input class="mgc" id="r11" name="hoteltype" type="radio" value="3-Star" />
<label for="r11">3 Star (Economy)</label>
</div>
</div>
<?php } else { ?>
<div class="visible-xs m-bottom20"><select class="form-control" id="Hotel" name="hoteltype">
<option value="5-star">5 Star (Luxury)</option>
<option selected="selected" value="4-star">4 Star (Comfort)</option>
<option value="3-Star">3 Star (Economy)</option>
</select></div>
<?php } ?>
<textarea rows="2" class="form-control m-bottom15" id="form_additionalrequirements" name="form_additionalrequirements" placeholder="Share your specific needs here, e.g. It's a family trip, anniversary, birthday... "></textarea>
<div class="flex-row">
<div class="flex-col-2 ">
<div class="input-group margin0"> <span class="input-group-addon"><span class="f-name"></span></span>
<input class="form-control" name="realname" id="realname" value="" type="text" placeholder="Full Name *">
</div>
</div>
<div class="flex-col-2">
<div class="input-group margin0"> <span class="input-group-addon"><span class="f-date"></span></span>
<input class="form-control" name="starting_date" id="starting_date" value="" type="text" placeholder="Start Date *">
</div>
</div>
</div>
<div class="flex-row">
<div class="flex-col-2">
<div class="input-group margin0"><span class="input-group-addon"><span class="f-nationality"></span></span> <select class="form-control" id="nationality" name="nationality">
<option selected="selected" value="">Nationality *</option>
<optgroup label="----------------------------">
<option value="3">United States</option>
<option value="7">United Kingdom</option>
<option value="18">Australia</option>
<option value="5">Canada</option>
<option value="1">China</option>
<option value="8">France</option>
<option value="6">Germany</option>
<option value="9">Italy</option>
<option value="19">Malaysia</option>
<option value="20">New Zealand</option>
<option value="23">Philippines</option>
<option value="27">Singapore</option>
</optgroup>
<optgroup label="----------------------------">
<option value="458">Afghanistan</option>
<option value="459">Albania</option>
<option value="460">Algeria</option>
<option value="461">American Samoa</option>
<option value="462">Andorra</option>
<option value="463">Angola</option>
<option value="464">Anguilla</option>
<option value="465">Antarctica</option>
<option value="466">Antigua And Barbuda</option>
<option value="467">Argentina</option>
<option value="468">Armenia</option>
<option value="469">Aruba</option>
<option value="18">Australia</option>
<option value="470">Austria</option>
<option value="471">Azerbaijan</option>
<option value="472">Bahamas</option>
<option value="473">Bahrain</option>
<option value="474">Bangladesh</option>
<option value="671">Barbadian</option>
<option value="475">Barbados</option>
<option value="476">Belarus</option>
<option value="477">Belgium</option>
<option value="478">Belize</option>
<option value="479">Benin</option>
<option value="480">Bermuda</option>
<option value="481">Bhutan</option>
<option value="482">Bolivia</option>
<option value="483">Botswana</option>
<option value="484">Bouvet Island</option>
<option value="38">Brazil</option>
<option value="485">British Indian Ocean Territory</option>
<option value="486">Brunei Darussalam</option>
<option value="487">Bulgaria</option>
<option value="488">Burkina Faso</option>
<option value="489">Burundi</option>
<option value="490">Cambodia</option>
<option value="491">Cameroon</option>
<option value="5">Canada</option>
<option value="493">Cape Verde</option>
<option value="494">Cayman Islands</option>
<option value="495">Central African Republic</option>
<option value="496">Chad</option>
<option value="497">Chile</option>
<option value="1">China</option>
<option value="10">China HK</option>
<option value="499">Christmas Island</option>
<option value="500">Colombia</option>
<option value="501">Comoros</option>
<option value="502">Congo</option>
<option value="504">Cook Islands</option>
<option value="505">Costa Rica</option>
<option value="506">Croatia</option>
<option value="507">Cuba</option>
<option value="508">Cyprus</option>
<option value="509">Czech Republic</option>
<option value="510">Czechoslovakia</option>
<option value="511">Denmark</option>
<option value="512">Djibouti</option>
<option value="513">Dominica</option>
<option value="514">Dominican Republic</option>
<option value="515">East Timor</option>
<option value="516">Ecuador</option>
<option value="517">Egypt</option>
<option value="518">El Salvador</option>
<option value="520">Equatorial Guinea</option>
<option value="521">Eritrea</option>
<option value="522">Estonia</option>
<option value="523">Ethiopia</option>
<option value="524">Falkland Islands</option>
<option value="525">Faroe Islands</option>
<option value="526">Fiji</option>
<option value="527">Finland</option>
<option value="8">France</option>
<option value="528">French Guiana</option>
<option value="529">French Polynesia</option>
<option value="530">Gabon</option>
<option value="531">Gambia</option>
<option value="532">Georgia</option>
<option value="6">Germany</option>
<option value="533">Ghana</option>
<option value="534">Gibraltar</option>
<option value="536">Greece</option>
<option value="537">Greenland</option>
<option value="538">Grenada</option>
<option value="539">Guadeloupe</option>
<option value="540">Guam</option>
<option value="670">Guatemala</option>
<option value="541">Guernsey</option>
<option value="542">Guinea</option>
<option value="543">Guinea-Bissau</option>
<option value="544">Guyana</option>
<option value="545">Haiti</option>
<option value="546">Honduras</option>
<option value="547">Hong Kong(China)</option>
<option value="548">Hungary</option>
<option value="36">Iceland</option>
<option value="22">India</option>
<option value="549">Indonesia</option>
<option value="550">Iran</option>
<option value="551">Iraq</option>
<option value="552">Ireland</option>
<option value="553">Isle Of Man</option>
<option value="21">Israel</option>
<option value="9">Italy</option>
<option value="554">Jamaica</option>
<option value="2">Japan</option>
<option value="556">Jersey</option>
<option value="557">Jordan</option>
<option value="558">Kazakhstan</option>
<option value="668">Kazakhstan2</option>
<option value="559">Kenya</option>
<option value="560">Kiribati</option>
<option value="562">Korea</option>
<option value="563">Kuwait</option>
<option value="564">Kyrgyzstan</option>
<option value="35">Laos</option>
<option value="565">Latvia</option>
<option value="566">Lebanon</option>
<option value="567">Lesotho</option>
<option value="568">Liberia</option>
<option value="569">Libyan Arab Jamahiriya</option>
<option value="570">Liechtenstein</option>
<option value="571">Lithuania</option>
<option value="572">Luxembourg</option>
<option value="573">Macau(China)</option>
<option value="574">Macedonia</option>
<option value="575">Madagascar</option>
<option value="576">Malawi</option>
<option value="19">Malaysia</option>
<option value="577">Maldives</option>
<option value="578">Mali</option>
<option value="579">Malta</option>
<option value="580">Marshall Islands</option>
<option value="581">Martinique</option>
<option value="582">Mauritania</option>
<option value="583">Mauritius</option>
<option value="584">Mayotte</option>
<option value="32">Mexican</option>
<option value="585">Micronesia</option>
<option value="586">Moldova</option>
<option value="587">Monaco</option>
<option value="29">Mongolia</option>
<option value="678">Montenegro</option>
<option value="588">Montserrat</option>
<option value="589">Morocco</option>
<option value="590">Mozambique</option>
<option value="591">Myanmar</option>
<option value="592">Namibia</option>
<option value="593">Nauru</option>
<option value="31">Nepal</option>
<option value="39">Netherlands</option>
<option value="594">Netherlands Antilles</option>
<option value="595">Neutral Zone</option>
<option value="596">New Caledonia</option>
<option value="20">New Zealand</option>
<option value="597">Nicaragua</option>
<option value="598">Niger</option>
<option value="599">Nigeria</option>
<option value="600">Niue</option>
<option value="601">Norfolk Island</option>
<option value="33">North Korea</option>
<option value="602">Northern Mariana Islands</option>
<option value="37">Norway</option>
<option value="603">Oman</option>
<option value="604">Pakistan</option>
<option value="605">Palau</option>
<option value="606">Panama</option>
<option value="607">Papua New Guinea</option>
<option value="608">Paraguay</option>
<option value="609">Peru</option>
<option value="23">Philippines</option>
<option value="610">Pitcairn</option>
<option value="611">Poland</option>
<option value="612">Portugal</option>
<option value="613">Puerto Rico</option>
<option value="614">Qatar</option>
<option value="615">Reunion</option>
<option value="616">Romania</option>
<option value="24">Russian Federation</option>
<option value="617">Rwanda</option>
<option value="618">Saint Helena</option>
<option value="619">Samoa</option>
<option value="620">San Marino</option>
<option value="621">Sao Tome and Principe</option>
<option value="622">Saudi Arabia</option>
<option value="674">Scotland</option>
<option value="623">Senegal</option>
<option value="678">Serbia</option>
<option value="624">Seychelles</option>
<option value="625">Sierra Leone</option>
<option value="27">Singapore</option>
<option value="626">Slovakia</option>
<option value="627">Slovenia</option>
<option value="628">Solomon Islands</option>
<option value="629">Somalia</option>
<option value="630">South Africa</option>
<option value="631">South Georgia and The Sandwich</option>
<option value="26">Spain</option>
<option value="632">Sri Lanka</option>
<option value="633">Sudan</option>
<option value="634">Suriname</option>
<option value="635">Swaziland</option>
<option value="636">Sweden</option>
<option value="25">Switzerland</option>
<option value="637">Syrian Arab Republic</option>
<option value="638">Taiwan(China)</option>
<option value="639">Tanzania</option>
<option value="28">Thailand</option>
<option value="676">The Republic of Cote d'ivoire</option>
<option value="640">Togo</option>
<option value="641">Tokelau</option>
<option value="642">Tonga</option>
<option value="643">Trinidad and Tobago</option>
<option value="644">Tunisia</option>
<option value="645">Turkey</option>
<option value="646">Turkmenistan</option>
<option value="647">Turks and Caicos Islands</option>
<option value="648">Tuvalu</option>
<option value="649">Uganda</option>
<option value="650">Ukraine</option>
<option value="651">United Arab Emirates</option>
<option value="7">United Kingdom</option>
<option value="3">United States</option>
<option value="652">Uruguay</option>
<option value="653">USSR</option>
<option value="654">Uzbekistan</option>
<option value="655">Vanuatu</option>
<option value="656">Vatican City State</option>
<option value="657">Venezuela</option>
<option value="30">Vietnam</option>
<option value="659">Virgin Islands (British)</option>
<option value="660">Virgin Islands (U.S.)</option>
<option value="661">Western Sahara</option>
<option value="662">Yemen</option>
<option value="663">Yugoslavia</option>
<option value="664">Zaire</option>
<option value="665">Zambia</option>
<option value="666">Zimbabwe</option>
</optgroup>
</select></div>
</div>
<div class="flex-col-2">
<div class="input-group margin0"> <span class="input-group-addon"><span class="f-phone"></span></span>
<input class="form-control" name="PhoneNo" id="PhoneNo" value="" type="text" placeholder="Phone Number *">
</div>
</div>
</div>
<div class="input-group"> <span class="input-group-addon"><span class="f-email"></span></span>
<input class="form-control" name="email" id="email" value="" type="text" placeholder="Email Address *">
</div>
<p style="margin-bottom: 5px; margin-top: -8px; line-height: 20px;"> I prefer to be contacted via:</p>
<div class="flex-row m-bottom20">
<div class="flex-col-4 col-label2"><input class="magic-checkbox" id="c2" name="Contact_Info[]" type="checkbox" value="WhatsApp"><label class="m-bottom10" for="c2">WhatsApp</label></div>
<div class="flex-col-4 col-label2"><input class="magic-checkbox" id="c5" name="Contact_Info[]" type="checkbox" value="Wechat"><label class="m-bottom10" for="c5">Wechat</label></div>
<div class="flex-col-4 col-label2"><input class="magic-checkbox" id="c3" name="Contact_Info[]" type="checkbox" value="Phone_Cal"><label class="m-bottom10" for="c3">Phone call</label></div>
<div class="flex-col-4 col-label2"><input class="magic-checkbox" id="c4" name="Contact_Info[]" type="checkbox" value="Email"><label class="m-bottom10" for="c4">Email</label></div>
</div>
<p class="text-center"><a href="javascript:;" class="btn-orange font20" id="form_submit">Inquire This Tour <i class="fa fa-angle-right font20" aria-hidden="true"></i></a></p>
<input name="TourCode" type="hidden" id="TourCode" value="<?php echo $TourCode ?>">
<input name="CLI_SN" type="hidden" id="CLI_SN" value="<?php echo $CLI_SN ?>">
<input name="TourName" type="hidden" id="TourName" value="<?php echo $TourName ?>">
<p class="text-center m-top20 color6"> <i>Your travel consultant will reach you within 1 working day.</i></p>
</div>
</form>
</div>
</div>
</div>
Loading…
Cancel
Save