样式优化

master
candice 2 years ago
parent bcd23d60f4
commit ea3fe3fc72

@ -1115,6 +1115,23 @@ margin-top: 5px;
}
label.hotelText { font-size:18px !important;}
#destination_error_msg,
#hotel_error_msg,
#number_error_msg,
#name_error_msg,
#email_error_msg,
#nation_error_msg,
#date_error_msg,
#contact_error_msg,
#email_verify_msg,
#requirement_error_msg, #group_error_msg {
color: #ad1818;
font-size: 19px;
border-bottom: 2px dashed #ad1818;
font-style: italic;
font-weight: 600;
padding-bottom: 3px;
}
</style>
</head>
@ -1138,7 +1155,13 @@ margin-top: 5px;
</div>
<form action="/orders/tailormade_save/" id="tailormade_form" method="POST">
<div id="inquiryBox" style="margin-top: 100px; position: relative;">
<p style="
color: #fff;
width: 800px;
margin: 80px auto 10px auto;
font-style: italic;
">* means required.</p>
<div id="inquiryBox" style="position: relative;">
<img alt="Asia Highlights' Trust Pilot rating"
src="https://data.asiahighlights.com/image/about/asia-highlights-top-banner-trust-pilot-rating-2022-tm-form.png"
style="position: absolute;
@ -1295,7 +1318,7 @@ margin-top: 5px;
</div>
<div class="trip_date_length" id="tripDateBlock" style="display: none">
<p>Select your travel date and trip length (days).</p>
<h4>Select your travel date and trip length (days).</h4>
<div id='dateSelectionBlock'>
<input type="text" class="arrivalDate datepicker" id="Date_Start" name="date_start" value="" placeholder="mm/dd/yyyy" autocomplete="off">
<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your expected travel date.">
@ -1319,67 +1342,7 @@ margin-top: 5px;
</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" style="color:#ad1818;font-size:18px;border-bottom: 1px dashed #ad1818;
font-style: italic; " class="hidden">(Please select
one option. It can be changed later.)</div>
<div class="selectHotl">
<div class="optionLable">
<input type="radio" value="Handpicked Comfort 4 star" id="fourStar" name="hotel">
<label for="fourStar" class="hotelText">
Handpicked comfort<br> (4-star)
<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 <br>(3-star)
<div class="selectionMemo">
USD 70-100 / night
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Deluxe" id="fiveStar" name="hotel">
<label for="fiveStar" class="hotelText">
Deluxe<br> (5-star & up)
<div class="selectionMemo">
USD 200+ / night
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Self booking" id="Self" name="hotel">
<label for="Self" class="hotelText" style=" padding-top: 15px; padding-bottom: 5px;">
Self-booking
</label>
</div>
</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: 50px;"></textarea>
</div>
</div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3 id="travelGroupHeader">
@ -1514,6 +1477,67 @@ margin-top: 5px;
</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" style="color:#ad1818;font-size:18px;border-bottom: 1px dashed #ad1818;
font-style: italic; " class="hidden">(Please select
one option. It can be changed later.)</div>
<div class="selectHotl">
<div class="optionLable">
<input type="radio" value="Handpicked Comfort 4 star" id="fourStar" name="hotel">
<label for="fourStar" class="hotelText">
Handpicked comfort<br> (4-star)
<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 <br>(3-star)
<div class="selectionMemo">
USD 70-100 / night
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Deluxe" id="fiveStar" name="hotel">
<label for="fiveStar" class="hotelText">
Deluxe<br> (5-star & up)
<div class="selectionMemo">
USD 200+ / night
</div>
</label>
</div>
<div class="optionLable">
<input type="radio" value="Self booking" id="Self" name="hotel">
<label for="Self" class="hotelText" style=" padding-top: 15px; padding-bottom: 5px;">
Self-booking
</label>
</div>
</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: 50px;"></textarea>
</div>
</div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3>This is a big trip for:</h3>
@ -1613,26 +1637,7 @@ margin-top: 5px;
</label>
</div>
</div></div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3>
<em>*</em> Any additional information you'd like to share about your trip?
</h3>
<span class="formNote">E.g.: My budget range for this big trip is around…
<br>This is a big trip for my husband's birthday, our 20-year anniversary, honeymoon, retirement, kid's graduation, bucket list…
<br>Our must-dos/must-sees for this big trip are…
<br>This will be my first/second/… visit to…
</span>
<div id="requirement_error_msg" style="color:#ad1818;font-size:18px;border-bottom: 1px dashed #ad1818;
font-style: italic;" class="hidden">(Please
specify your requests.)</div>
<textarea id="additionalrequirements" name="additional_requirements"
style="resize:none;"></textarea>
</div>
</div>
<div id="inquiryBox" style=" margin-bottom: 180px; margin-top: 10px;">
<h3 id="TellUsaboutYou">
<em>*</em> Your contact information
@ -1971,21 +1976,43 @@ margin-right: 10px;
">Video appointment
</label>
</div>
<div class="clear">
</div>
<div class="inquiryBtn">
<button id="tmsubmit" type="button">Send My Inquiry</button>
<input id="product_code" name="product_code" type="hidden" value="" />
<input type="hidden" name="url" value="<?php echo $orderfrom;?>" />
</div>
<p style="
text-align: center;
margin-top: -30px;
font-style: italic;
font-size: 18px;
color: #666;
">You take the trip, we handle the hassle :)</p>
</div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3>
<em>*</em> Any additional information you'd like to share about your trip?
</h3>
<span class="formNote">E.g.: My budget range for this big trip is around…
<br>This is a big trip for my husband's birthday, our 20-year anniversary, honeymoon, retirement, kid's graduation, bucket list…
<br>Our must-dos/must-sees for this big trip are…
<br>This will be my first/second/… visit to…
</span>
<div id="requirement_error_msg" style="color:#ad1818;font-size:18px;border-bottom: 1px dashed #ad1818;
font-style: italic;" class="hidden">(Please
specify your requests.)</div>
<textarea id="additionalrequirements" name="additional_requirements"
style="resize:none;"></textarea>
</div>
<div class="clear">
</div>
<div class="inquiryBtn">
<button id="tmsubmit" type="button">Send My Inquiry</button>
<input id="product_code" name="product_code" type="hidden" value="" />
<input type="hidden" name="url" value="<?php echo $orderfrom;?>" />
</div>
<p style="
text-align: center;
margin-top: -30px;
font-style: italic;
font-size: 18px;
color: #666;
">You take the trip, we handle the hassle :)</p>
</div>
</form>
</div>

Loading…
Cancel
Save