内容优化样式修改

master
candice 2 years ago
parent 796ed2ce0b
commit b152ad8565

@ -662,10 +662,11 @@ margin-top: 10px;
#email_verify_msg,
#requirement_error_msg, #group_error_msg {
color: #ad1818;
font-size: 18px;
width: 100%;
font-size: 19px;
border-bottom: 2px dashed #ad1818;
font-style: italic;
border-bottom: 1px dashed #ad1818;
font-weight: 600;
padding-bottom: 3px;
}
.hidden {
@ -751,8 +752,8 @@ margin-top: 10px;
select.country_code {
border: 1px solid #d1d1d1;
font-size: 16px;
color: #555;
font-size: 18px;
color: #000;
padding-left: 10px;
background: #fff;
border-radius: 6px;
@ -867,6 +868,7 @@ margin-top: 10px;
.grecaptcha-badge {
display: none !important;
}
</style>
</head>
@ -885,12 +887,17 @@ margin-top: 10px;
Start Planning Your Trip
</h1>
<img class="img-responsive" alt="Asia Highlights' Trust Pilot rating" style="margin: 0px auto; display: block;"
src="https://data.asiahighlights.com/image/forms/ah-tm-form-tp-rate-white.png" width="200" height="117">
src="https://data.asiahighlights.com/image/forms/ah-tm-form-tp-rating-mobile.png" width="200" height="117">
<p>Take 3 minutes to inquire, and get a reply within 24 hours. <br>
The more details you share, the more suitable your initial itinerary and quote will be.
</p>
</div>
<p style="
color: #fff;
margin: 50px auto -40px auto;
font-style: italic;
padding: 0 15px;
">* means required.</p>
<form action="/orders/tailormade_save/" id="tailormade_form" method="POST" class="travelTag">
<div id="inquiryBox">
<div class="selectionBlock">
@ -990,18 +997,45 @@ margin-top: 10px;
</div>
<div class="trip_date_length" id="tripDateBlock" style="display: none">
<div id='dateSelectionBlock'>
<p>Select your travel date and trip length (days).</p>
<h4>Select your travel date and trip length (days).</h4>
<input type="date" class="arrivalDate visible-xs" id="Date_Start" name="date_start" value=""
min="<?php echo date('Y-m-d',time() + 24*3600*2)?>" placeholder="mm/dd/yyyy"
autocomplete="off" />
<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your travel date.">
</div>
<div class="peopleSelect">
<button class="minaddBtn" id='tripLengthMinus' type="button" value="-">-</button> <input
class="number" type="text" value="14" id='tripLengthNumber'
name="trip_length" />
<button class="minaddBtn" id='tripLengthPlus' type="button" value="+">+</button>
</div>
<select class="country_code">
<option value="1 day">1 day</option>
<option value="2 days">2 days days</option>
<option value="3 days">3 days</option>
<option value="4 days">4 days</option>
<option value="5 days">5 days</option>
<option value="6 days">6 days</option>
<option value="7 days">7 days</option>
<option value="8 days">8 days</option>
<option value="9 days">9 days</option>
<option value="10 days">10 days</option>
<option value="11 days">11 days</option>
<option value="12 days">12 days</option>
<option value="13 days">13 days</option>
<option value="14 days">14 days</option>
<option value="15 days">15 days</option>
<option value="16 days">16 days</option>
<option value="17 days">17 days</option>
<option value="18 days">18 days</option>
<option value="19 days">19 days</option>
<option value="20 days">20 days</option>
<option value="21 days">21 days</option>
<option value="22 days">22 days</option>
<option value="23 days">23 days</option>
<option value="24 days">24 days</option>
<option value="25 days">25 days</option>
<option value="26 days">26 days</option>
<option value="27 days">27 days</option>
<option value="28 days">28 days</option>
<option value="29 days">29 days</option>
<option value="30 days">30 days</option>
<option value="30+ days">30+ days</option>
</select>
<div id="expectedTravelDateBlock" style="display: none">
<p style="margin-bottom:5px;">Any additional information about your anticipated travel dates?</p>
<span class="formNote">
@ -1012,77 +1046,7 @@ margin-top: 10px;
</div>
</div>
</div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3 id="hotelselect">
<em>*</em> What's your hotel choice?
</h3>
<span class="formNote">
Japan and Singapore are renowned for relatively higher hotel costs compared to other Asian destinations.
</span>
<div id="hotel_error_msg" class="hidden">(Please select an option.)</div>
<div class="optionLable">
<input type="radio" value="Handpicked Comfort 4 star" id="fourStar" name="hotel">
<label for="fourStar">
<div class="selectionText">
Handpicked comfort (4-star)
<div class="selectionMemo">
USD 100-200 / night
</div>
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Standard (3 stars)" id="threeStar" name="hotel">
<label for="threeStar">
<div class="selectionText">
Standard (3-star)
<div class="selectionMemo">
USD 70-100 / room / night
</div>
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Deluxe" id="fiveStar" name="hotel">
<label for="fiveStar">
<div class="selectionText">
Deluxe (5-star & up)
<div class="selectionMemo">
USD 200+ / room / night
</div>
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Self booking" id="Self" name="hotel">
<label for="Self" style="height: 30px;">
<div class="selectionText">
Self-booking
</div>
</label>
</div>
<!--
<div class="checkYes">
<label for="AMEX" class="checkBlock" style="display: inline;"><input type="checkbox"
class="checkBorder" id="AMEX" name="use_AMEX_points_to_book_hotels" value="Yes">
I will use my AMEX points to book some hotels for this trip.
</label>
</div>
-->
<h4>Any specific preferences or requests for your hotel stay?</h4>
<span class="formNote">E.g.:
Family room for 2 adults and 2 children<br>
Interested in spending a few nights in local boutique hotels, like floating houses in Southeast
Asia, ryokans in Japan, small villa with private pool…<br>
Adult-only hotels<br>
Hotel location: near city center/at the seaside/convenient for exploring the nearby area…<br>
My budget for the accomodation is…
</span>
<textarea id="hotel_requirements" name="hotel_requirements" style="resize:none;" style="height: 70px;"></textarea>
</div>
</div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3 id="travelGroupHeader">
@ -1217,6 +1181,77 @@ margin-top: 10px;
</div>
</div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3 id="hotelselect">
<em>*</em> What's your hotel choice?
</h3>
<span class="formNote">
Japan and Singapore are renowned for relatively higher hotel costs compared to other Asian destinations.
</span>
<div id="hotel_error_msg" class="hidden">(Please select an option.)</div>
<div class="optionLable">
<input type="radio" value="Handpicked Comfort 4 star" id="fourStar" name="hotel">
<label for="fourStar">
<div class="selectionText">
Handpicked comfort (4-star)
<div class="selectionMemo">
USD 100-200 / night
</div>
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Standard (3 stars)" id="threeStar" name="hotel">
<label for="threeStar">
<div class="selectionText">
Standard (3-star)
<div class="selectionMemo">
USD 70-100 / room / night
</div>
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Deluxe" id="fiveStar" name="hotel">
<label for="fiveStar">
<div class="selectionText">
Deluxe (5-star & up)
<div class="selectionMemo">
USD 200+ / room / night
</div>
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Self booking" id="Self" name="hotel">
<label for="Self" style="height: 30px;">
<div class="selectionText">
Self-booking
</div>
</label>
</div>
<!--
<div class="checkYes">
<label for="AMEX" class="checkBlock" style="display: inline;"><input type="checkbox"
class="checkBorder" id="AMEX" name="use_AMEX_points_to_book_hotels" value="Yes">
I will use my AMEX points to book some hotels for this trip.
</label>
</div>
-->
<h4>Any specific preferences or requests for your hotel stay?</h4>
<span class="formNote">E.g.:
Family room for 2 adults and 2 children<br>
Interested in spending a few nights in local boutique hotels, like floating houses in Southeast
Asia, ryokans in Japan, small villa with private pool…<br>
Adult-only hotels<br>
Hotel location: near city center/at the seaside/convenient for exploring the nearby area…<br>
My budget for the accomodation is…
</span>
<textarea id="hotel_requirements" name="hotel_requirements" style="resize:none;" style="height: 70px;"></textarea>
</div>
</div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3>This is a big trip for:</h3>
@ -1384,7 +1419,7 @@ margin-top: 10px;
<option value="Algeria +213">Algeria&nbsp; &nbsp;+213</option>
<option value="American Samoa +1">American Samoa&nbsp; &nbsp;+1684</option>
<option value="Andorra +376">Andorra&nbsp; &nbsp;+376</option>
<option value="Angola +244">Angola&nbsp; &nbsp;+244</option>
<option value="Angola +244">Angola&nbsp; &nbsp;+244</option>
<option value="Anguilla +1">Anguilla&nbsp; &nbsp;+1264</option>
<option value="Australia +61">Australia&nbsp; &nbsp;+61</option>
<option value="Antigua and Barbuda +1">Antigua and Barbuda&nbsp; &nbsp;+1268</option>

Loading…
Cancel
Save