更新404页面

master
cyc 6 years ago
parent fe701066ce
commit 76ae004051

@ -1,33 +1,15 @@
<link href="/min/?f=/css/missing.css" rel="stylesheet"> <link href="https://data.asiahighlights.com/min/?f=/css/missing.css" rel="stylesheet">
<div id="inquiryForm"> <div id="inquiryForm">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-1 col-sm-1 hidden-xs"></div> <div class="errorBackground"><img src="https://data.asiahighlights.com/pic/404-background.jpg" class="errorPic" alt="an elephant goes travel"></div>
<div class="col-md-9 col-sm-9 hidden-xs"><img src="/pic/bg-peggie.png" class="img-responsive"></div> <div class="textPart">
<div class="col-md-14 col-sm-14 col-xs-24"> <span class="oops">Oops!</span><br/>
<p><img src="/pic/missing-text.png" class="img-responsive"></p> <span class="errorText">That page went on a trip with Asia Highlights...</span></div>
<p>Now you may go back to our <a href="/">homepage</a>, or message us for whatever you are looking for. </p>
<form action="/orders/contactus_save" method="post" id="form_contact_us" name="form_contact_us"> <div class="backButton"><input type="button" name="goBack" value="Go Back"></div>
<div class="contactUs"> <div class="goHome"><a href="https://www.asiahighlights.com/"><div class="iconSet"><img src="https://data.asiahighlights.com/pic/home-page.png" width="24px"></div>Home</a></div>
<span class="introText">Tell us what you are looking for</span>
<div class="row">
<div class="col-md-24 col-sm-24 col-xs-24">
<textarea id="comments" name="comments" placeholder="Tell us about your idea"></textarea>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-24">
<input type="text" id="realname" name="realname" placeholder="Full Name">
</div>
<div class="col-md-12 col-sm-12 col-xs-24">
<input type="text" id="email" name="email" placeholder="Email">
</div>
</div>
<input type="button" value="Send my message" onclick="submitForm('form_contact_us');">
</div>
</div>
</div>
</form>
</div>
</div> </div>
</div> </div> </div>
</div>

@ -1,27 +1,18 @@
@charset "utf-8";
/* CSS Document */
#inquiryForm { background:#f1f1f1; padding-top:50px;}
h1 { border-bottom: none !important; margin-bottom:25px;}
.pgHead { margin-top:40px;}
.contactUs { border:1px solid #d9d9d9; box-shadow:0 0 2px #d9d9d9; border-radius:4px; padding:30px; margin:30px 0; background:#fff; position:relative}
.contactUs .arrow { background:url(https://data.asiahighlights.com/pic/arrow-25x40.png) no-repeat; display: block; width:25px; height:40px; position:absolute; left:-25px; top:30px;}
.contactUs .introText { font-size:22px; display: block; margin-bottom:20px; color:#a31022}
.contactUs input { border:1px solid #d1d1d1; font-size:16px; padding:8px 10px; display: block; width:100%; border-radius:4px; margin-bottom:20px; background:#f9f9f9;}
.contactUs textarea { border:1px solid #d1d1d1; font-size:16px; padding:8px 10px; display: block; width:100%; border-radius:4px; margin-bottom:40px; height:150px; background:#f9f9f9;}
.contactUs input[type="button"] { background:#a31022; border: none; color:#fff; padding:10px; margin:15px auto 0; width:250px; text-align:center;}
/* thank you */ #inquiryForm{background:#f1f1f1;padding-top:50px;padding-bottom: 80px}
.thankyouHead { display: block; background:#a31022; border-radius:4px 4px 0 0; text-align:center; padding:35px 10px; color:#fff; } .errorBackground{text-align: center}
.thankyouHead h1 { color:#fff !important; font-size:30px;} .errorPic{width: 50%}
.thankyouHead span { font-size:20px;} .textPart {text-align: center;margin-top: 20px;line-height: 2.5em}
.thankyouContent { background:#fff; border-radius:0 0 4px 4px; padding:35px; display:block;} .container{font-family:'Open Sans',sans-serif}
@media( max-width:768px) { .oops{font-style: italic; font-weight: 600; font-size: 32px}
.thankyouContent { padding:15px !important} .errorText { font-size: 24px}
.pgSay { padding:20px !important} .backButton{ text-align: center;margin-top: 40px}
.pgSay .whatsapp strong { display: block;} .backButton input{ background-color: #a31022; border-radius: 6px; border: #a31022; font-size: 20px; color: #FFF; padding: 8px;width: 200px }
} .backButton input:hover {border-radius: 100px}
.pgSay { background:#f1f1f1; padding:20px 50px; border-radius:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; line-height:35px; margin-top:20px; position:relative} .goHome {font-size: 16px;color: #999;text-align: center;margin-top: 30px;}
.pgSay .arrow { background:url(https://data.asiahighlights.com/pic/arrow-21x26.png) no-repeat; display: block; width:21px; height:26px; left:-21px; top:calc(50% - 13px); position:absolute;} .goHome a {color: #999;text-decoration: none;padding-bottom:5px; border-bottom: 1px solid #999}
.pgSay .whatsapp { display: block; background:url(https://data.asiahighlights.com/pic/whatsapp-icon.png) no-repeat left; padding-left:35px;} .goHome a:hover {color:#a31022}
.pgSay .whatsapp strong { color:#a31022; font-size:26px; font-weight: normal;} .iconSet {margin-right: 8px;vertical-align: middle;display: inline-block;margin-top:-5px}
.tips { display: block; margin:35px 20px; font-size:14px; line-height:25px; color:#545454 !important;} @media( max-width:768px){
.errorPic {width: 100%}
}
Loading…
Cancel
Save