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.
322 lines
19 KiB
PHP
322 lines
19 KiB
PHP
<div class="flex-box m-bottom50">
|
|
|
|
<div class="tours-pic">
|
|
<?php if ($device == "pc") { ?>
|
|
<img src="<?php echo $picture_pc ?>" class="img-responsive" width="750" height="460" alt="<?php echo $TITLE ?>">
|
|
<?php } else { ?>
|
|
<img src="<?php echo $picture_mobile ?>" class="img-responsive" width="360" height="330" alt="<?php echo $TITLE ?>">
|
|
<?php } ?>
|
|
<div class="tourspic-text">
|
|
<ul>
|
|
<li><span class="duration"></span><?php echo $TourData->PAG_NeedTime ==""?"":"Duration:".$TourData->PAG_NeedTime." hours" ?></li>
|
|
<li><span class="departure"></span>Departure:Daily</li>
|
|
<li><span class="travelers"></span><?php echo $InfoData->MinTravelers>0?"Min Travelers:".$InfoData->MinTravelers." Pax" : "Min Travelers:NO Limit" ?></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="container-right right-m">
|
|
<div class="right-check box-show">
|
|
<div class="rcheck-top">
|
|
<p><strong>Price from</strong> <span class="font36 red">US$261</span></p>
|
|
<p>Per Person/Per Grop up to 3</p>
|
|
<p><a href="#modal-guarantee">Lowest Prices Guarantee</a></p>
|
|
<article id="modal-guarantee" class="modal-box">
|
|
<div class="guarantee-text"> <a href="#" class="close"></a>
|
|
<h2>Lowest Prices Guarantee</h2>
|
|
<p>We guarantee the lowest price on all 300,000+ experiences available to book on our site. If you find the same product cheaper online up until 48 hours after your trip starts we'll refund the difference.</p>
|
|
<h3>It's Easy To Do</h3>
|
|
<ul class="circle-ul red-ul">
|
|
<li>
|
|
<p><strong>Gather your information</strong></p>
|
|
Escape the bustle and hustle of city life in Shanghai to explore the two picturesque towns of Suzhou and Zhouzhuang in one day.
|
|
</li>
|
|
<li> Visit a glamorous garden, pass by the Great Canal and then see local life in Zhouzhuang Ancient Watertown from a traditional wooden boat.</li>
|
|
<li> The coach will pick you up at the appointed time from one of the hotels listed below. </li>
|
|
<li> After about two hours drive to Suzhou your tour starts at Lion </li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<div class="rcheck-form">
|
|
<p class="text-center"><strong>Select Date and Travelers</strong></p>
|
|
<div class="rcheck-input"><span class="f-date"></span>
|
|
<input class="form-control flatpickr-input" name="Starting_Date" id="Starting_Date" value="" type="text" placeholder="Start Date *" readonly="readonly">
|
|
</div>
|
|
<?php
|
|
if ($Other_Msg != null || $AdultMsg != null) {
|
|
if ($Other_Msg != null) {
|
|
if (strpos(strtolower($Other_Msg), "age") !== false) {
|
|
//如果是默认的接送类基本都带age字符串
|
|
$show_Othermsg = "No. of Travelers";
|
|
} else {
|
|
$show_Othermsg = $Other_Msg;
|
|
}
|
|
?>
|
|
<div class="rcheck-input"><span class="f-name"></span>
|
|
<select name="Adults_Num" id="Adults_Num" class="form-control">
|
|
<option value="0" selected="selected"><?php echo $show_Othermsg ?></option>
|
|
<option value="1">1 </option>
|
|
<option value="2">2 </option>
|
|
<option value="3">3 </option>
|
|
<option value="4">4 </option>
|
|
<option value="5">5 </option>
|
|
<option value="6">6 </option>
|
|
<option value="7">7 </option>
|
|
<option value="8">8 </option>
|
|
<option value="9">9 </option>
|
|
<option value="10">10 </option>
|
|
<option value="11">11 </option>
|
|
<option value="12">12 </option>
|
|
<option value="13">13 </option>
|
|
<option value="14">14 </option>
|
|
<option value="15">15 </option>
|
|
<option value="16">16 </option>
|
|
<option value="17">17 </option>
|
|
<option value="18">18 </option>
|
|
<option value="19">19 </option>
|
|
<option value="20">20 </option>
|
|
</select>
|
|
</div>
|
|
<?php } else { ?>
|
|
<div class="rcheck-input"><span class="f-name"></span>
|
|
<select name="Adults_Num" id="Adults_Num" class="form-control">
|
|
<option value="0" selected="selected">Adult (<?php echo $AdultMsg != null ? $AdultMsg : $Other_Msg ?>)</option>
|
|
<option value="1">1 </option>
|
|
<option value="2">2 </option>
|
|
<option value="3">3 </option>
|
|
<option value="4">4 </option>
|
|
<option value="5">5 </option>
|
|
<option value="6">6 </option>
|
|
<option value="7">7 </option>
|
|
<option value="8">8 </option>
|
|
<option value="9">9 </option>
|
|
<option value="10">10 </option>
|
|
<option value="11">11 </option>
|
|
<option value="12">12 </option>
|
|
<option value="13">13 </option>
|
|
<option value="14">14 </option>
|
|
<option value="15">15 </option>
|
|
<option value="16">16 </option>
|
|
<option value="17">17 </option>
|
|
<option value="18">18 </option>
|
|
<option value="19">19 </option>
|
|
<option value="20">20 </option>
|
|
</select>
|
|
</div>
|
|
<?php if ($ChildMsg != null) { ?>
|
|
<div class="rcheck-input"><span class="f-child"></span>
|
|
<select name="Child_Num" id="Child_Num" class="form-control">
|
|
<option value="0" selected="selected">Child (<?php echo $ChildMsg ?>)</option>
|
|
<option value="1">1 </option>
|
|
<option value="2">2 </option>
|
|
<option value="3">3 </option>
|
|
<option value="4">4 </option>
|
|
<option value="5">5 </option>
|
|
<option value="6">6 </option>
|
|
<option value="7">7 </option>
|
|
<option value="8">8 </option>
|
|
<option value="9">9 </option>
|
|
<option value="10">10 </option>
|
|
<option value="11">11 </option>
|
|
<option value="12">12 </option>
|
|
<option value="13">13 </option>
|
|
<option value="14">14 </option>
|
|
<option value="15">15 </option>
|
|
<option value="16">16 </option>
|
|
<option value="17">17 </option>
|
|
<option value="18">18 </option>
|
|
<option value="19">19 </option>
|
|
<option value="20">20 </option>
|
|
</select>
|
|
</div>
|
|
<?php } ?>
|
|
<?php if ($InfantMsg != null) { ?>
|
|
<div class="rcheck-input"><span class="f-child"></span>
|
|
<select name="Infant_Num" id="Infant_Num" class="form-control">
|
|
<option value="0" selected="selected">Infant (<?php echo $InfantMsg ?>)</option>
|
|
<option value="1">1 </option>
|
|
<option value="2">2 </option>
|
|
<option value="3">3 </option>
|
|
<option value="4">4 </option>
|
|
<option value="5">5 </option>
|
|
<option value="6">6 </option>
|
|
<option value="7">7 </option>
|
|
<option value="8">8 </option>
|
|
<option value="9">9 </option>
|
|
<option value="10">10 </option>
|
|
<option value="11">11 </option>
|
|
<option value="12">12 </option>
|
|
<option value="13">13 </option>
|
|
<option value="14">14 </option>
|
|
<option value="15">15 </option>
|
|
<option value="16">16 </option>
|
|
<option value="17">17 </option>
|
|
<option value="18">18 </option>
|
|
<option value="19">19 </option>
|
|
<option value="20">20 </option>
|
|
</select>
|
|
</div>
|
|
<?php } ?>
|
|
<?php }
|
|
} else { ?>
|
|
<div class="rcheck-input"><span class="f-name"></span>
|
|
<select name="Adults_Num" id="Adults_Num" class="form-control">
|
|
<option value="0" selected="selected">Adults(Age12+)</option>
|
|
<option value="1">1 </option>
|
|
<option value="2">2 </option>
|
|
<option value="3">3 </option>
|
|
<option value="4">4 </option>
|
|
<option value="5">5 </option>
|
|
<option value="6">6 </option>
|
|
<option value="7">7 </option>
|
|
<option value="8">8 </option>
|
|
<option value="9">9 </option>
|
|
<option value="10">10 </option>
|
|
<option value="11">11 </option>
|
|
<option value="12">12 </option>
|
|
<option value="13">13 </option>
|
|
<option value="14">14 </option>
|
|
<option value="15">15 </option>
|
|
<option value="16">16 </option>
|
|
<option value="17">17 </option>
|
|
<option value="18">18 </option>
|
|
<option value="19">19 </option>
|
|
<option value="20">20 </option>
|
|
</select>
|
|
</div>
|
|
<div class="rcheck-input"><span class="f-child"></span>
|
|
<select name="Child_Num" id="Child_Num" class="form-control">
|
|
<option value="0" selected="selected">Child(Age0-11)</option>
|
|
<option value="1">1 </option>
|
|
<option value="2">2 </option>
|
|
<option value="3">3 </option>
|
|
<option value="4">4 </option>
|
|
<option value="5">5 </option>
|
|
<option value="6">6 </option>
|
|
<option value="7">7 </option>
|
|
<option value="8">8 </option>
|
|
<option value="9">9 </option>
|
|
<option value="10">10 </option>
|
|
<option value="11">11 </option>
|
|
<option value="12">12 </option>
|
|
<option value="13">13 </option>
|
|
<option value="14">14 </option>
|
|
<option value="15">15 </option>
|
|
<option value="16">16 </option>
|
|
<option value="17">17 </option>
|
|
<option value="18">18 </option>
|
|
<option value="19">19 </option>
|
|
<option value="20">20 </option>
|
|
</select>
|
|
</div>
|
|
|
|
<?php } ?>
|
|
<div class="rcheck-input">
|
|
<a href="javascript:;" class="btn btn-red block" role="button">Check Avalibility</a>
|
|
</div>
|
|
<input type="hidden" name="InfoData" id="InfoData" value="<?php echo json_encode($InfoData) ?>" />
|
|
<input type="hidden" name = "TourData" id = "TourData" value="<?php echo json_encode($TourData) ?>" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="toursgrade-box" id="product">
|
|
<div class="toursgrade-list active" role="button">
|
|
<div class="toursgrade-left">
|
|
<label class="font24">
|
|
<input name="" type="radio" value="" checked="checked">
|
|
Seclce tours</label>
|
|
<div class="grade-info">
|
|
<p>Shared Group tour of maximum 12 people. Join this Award Winning shared group food tour at sunset</p>
|
|
<div class="grade-col grade-titme">
|
|
<div class="flex-col col-label">
|
|
<input checked="CHECKED" class="mgc" id="r1" name="gender" type="radio" value="Mr.">
|
|
<label for="r1">10:00 AM</label>
|
|
</div>
|
|
<div class="flex-col col-label">
|
|
<input checked="CHECKED" class="mgc" id="r3" name="gender" type="radio" value="Mr.">
|
|
<label for="r3">10:00 AM</label>
|
|
</div>
|
|
<div class="flex-col col-label">
|
|
<input checked="CHECKED" class="mgc" id="r4" name="gender" type="radio" value="Mr.">
|
|
<label for="r4">10:00 AM</label>
|
|
</div>
|
|
<div class="flex-col col-label">
|
|
<input checked="CHECKED" class="mgc" id="r5" name="gender" type="radio" value="Mr.">
|
|
<label for="r5">10:00 AM</label>
|
|
</div>
|
|
<div class="flex-col col-label">
|
|
<input checked="CHECKED" class="mgc" id="r6" name="gender" type="radio" value="Mr.">
|
|
<label for="r6">10:00 AM</label>
|
|
</div>
|
|
<div class="flex-col col-label not-btn">
|
|
<input checked="CHECKED" class="mgc" id="r7" name="gender" type="radio" value="Mr.">
|
|
<label for="r7">10:00 AM</label>
|
|
</div>
|
|
</div>
|
|
<div class="grade-col grade-city">
|
|
<div class="flex-col col-label">
|
|
<input checked="CHECKED" class="mgc" id="r8" name="gender" type="radio" value="Mr.">
|
|
<label for="r8">Guilin Railway Station- Yangshuo Railway Station</label>
|
|
</div>
|
|
<div class="flex-col col-label not-btn">
|
|
<input checked="CHECKED" class="mgc" id="r9" name="gender" type="radio" value="Mr.">
|
|
<label for="r9">Guilin - Yangshuo</label>
|
|
</div>
|
|
</div>
|
|
<div class="grade-col grade-day">
|
|
<div class="flex-col col-label">
|
|
<input checked="CHECKED" class="mgc" id="r10" name="gender" type="radio" value="Mr.">
|
|
<label for="r10">Morning</label>
|
|
</div>
|
|
<div class="flex-col col-label">
|
|
<input checked="CHECKED" class="mgc" id="r11" name="gender" type="radio" value="Mr.">
|
|
<label for="r11">Noon</label>
|
|
</div>
|
|
<div class="flex-col col-label not-btn">
|
|
<input checked="CHECKED" class="mgc" id="r12" name="gender" type="radio" value="Mr.">
|
|
<label for="r12">Evening</label>
|
|
<label for="r12">Evening</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="toursgrade-right">
|
|
<div class="grade-price">
|
|
<div class="gradeprice-box">
|
|
<div class="grade-totalprice"><strong class="font24">$388.50</strong></div>
|
|
<div class="gradeprice-pricedown">1 Adult x $122.10<br>
|
|
3 Children x $88.80</div>
|
|
</div>
|
|
</div>
|
|
<div class="grade-btn"><a href="#" class="btn btn-red block" role="button">Book now</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="toursgrade-list" role="button">
|
|
<div class="toursgrade-left">
|
|
<label class="font24">
|
|
<input name="" type="radio" value="">
|
|
Seclce tours</label>
|
|
<div class="grade-info">
|
|
<p>Shared Group tour of maximum 12 people. Join this Award Winning shared group food tour at sunset</p>
|
|
<div class="">
|
|
<button data-automation="start_time" type="button" class="chip__ifUI selected__eXqu primary__q2qK"><span class="chipLabel__WFN7">10:00 AM</span></button>
|
|
<div class="col-label">
|
|
<input checked="CHECKED" class="mgc" id="r2" name="gender" type="radio" value="Mr.">
|
|
<label for="r2">10:00 AM</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="toursgrade-right">
|
|
<div class="grade-price">
|
|
<div class="gradeprice-box">
|
|
<div class="grade-totalprice"><strong class="font24">$388.50</strong></div>
|
|
<div class="gradeprice-pricedown">1 Adult x $122.10<br>
|
|
3 Children x $88.80</div>
|
|
</div>
|
|
</div>
|
|
<div class="grade-btn"><a href="#" class="btn btn-red block" role="button">Book now</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|