修改样式文件

master
cyc 7 years ago
parent 2e2c348a39
commit 72b0622af3

@ -1,10 +1,75 @@
<div id="footer">
<div class="footTrust hidden-xs">
<div class="container">
<div class="col-md-14 col-sm-14 col-xs-24 copyright"> <span class="hidden-xs"><a href="/privacy.htm">Privacy policy</a> <a href="/terms-of-use.htm">Terms of use</a> <a href="/contact-us.htm">Contact us</a></span> <span>Copyright &copy; 2016 Asia Highlights.</span> </div>
<div class="col-md-10 col-sm-10 hidden-xs socialMedia"> <span class="followUs">Follow us on</span> <span class="socialLink"><a class="fb fa fa-facebook" title="Follow us on Facebook" rel="nofollow" href="http://www.facebook.com/Chinahighlights"></a><a class="tw fa fa-twitter" title="Share us on Twitter" rel="nofollow" href="https://twitter.com/Chinahighlights"></a><a class="fa fa-google-plus g" title="Follow us on Google Plus" rel="nofollow" href="https://plus.google.com/115440226907925048044"></a><a class="linkin fa fa-linkedin" title="Follow us on Linkedin" rel="nofollow" href="http://www.linkedin.com/company/china-highlights/"></a></span> </div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="trustList"> <span class="trustTitle">AUTHENTIC</span>
<ul>
<li>Your itinerary is 100% tailor-made for you.</li>
<li>Your entire journey is made at your own pace.</li>
<li>Unique experiences are designed to match your interests.</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="trustList"> <span class="trustTitle">ASIA-BASED</span>
<ul>
<li>Our Asia-based specialists maintain current first-hand knowledge.</li>
<li>We select the best local guides, to high standards.</li>
<li>Our reliable customer-care team supports you 24/7.</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="trustList"> <span class="trustTitle">TRUSTED</span>
<ul>
<li>Began in China, tried and tested over 20 years.</li>
<li>Rated Excellent on TRUSTPILOT.</li>
<li>Rated 4.5 out of 5 on TripAdvisor.</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="trustList"> <span class="trustTitle">PROTECTED</span>
<ul>
<li>Money-back guarantee.</li>
</ul>
<span class=""><img src="/pic/member-icons.png"></span> </div>
</div>
</div>
</div>
</div>
<div class="mainFooter">
<div class="container">
<div class="featuredIn"><img src="/pic/featured-in-icons.png"></div>
<div class="footLinks">
<div class="row">
<div class="col-md-5 col-sm-5"><span class="linkTitle">Destinations</span>
<ul>
<li><a href="/tours/thailand.htm">Thailand</a></li>
<li><a href="/tours/vietnam.htm">Vietnam</a></li>
<li><a href="/tours/myanmar.htm">Myanmar</a></li>
<li><a href="/tours/japan.htm">Japan</a></li>
<li><a href="/tours/">Multi-countries</a></li>
</ul>
</div>
<div class="col-md-5 col-sm-5"><span class="linkTitle">About</span>
<ul>
<li><a href="/about-us.htm">About Us</a></li>
<li><a href="/about-us/history.htm">History</a></li>
<li><a href="/about-us/our-differences.htm">Our Differences</a></li>
<li><a href="/contact-us.htm">Contact Us</a></li>
</ul>
</div>
<div class="col-md-5 col-sm-5"><span class="linkTitle">Connected</span>
<p>Travelling with us? Tag your travels with #asiahighlights and you may be featured.</p>
<span class="followUs">Follow us <a class="fb fa fa-facebook" title="Follow us on Facebook" rel="nofollow" href="https://www.facebook.com/AsiaHighlights" target="_blank"></a><a class="tw fa fa-twitter" title="Share us on Twitter" rel="nofollow" href="https://twitter.com/Asiahighlights" target="_blank"></a></span> </div>
<div class="col-md-9 col-sm-9 trustPilotIconBig"><a href="https://www.trustpilot.com/review/asiahighlights.com" target="_blank"><img src="/pic/trustpilot-icon.png"></a></div>
</div>
</div>
<div class="copyRight">
<span class="crInfo">Copyright &copy; 2018 Asia Highlights.</span>
<span class="hidden-xs privacyLinks"><a href="/privacy.htm">Privacy policy</a> <a href="/terms-of-use.htm">Terms of use</a></div>
</div>
</div>
</div>
<div class="footerMember hidden-xs"><img src="/pic/members.png"></div>

20
css/global.min.css vendored

@ -1623,12 +1623,12 @@ ul.drop1 li a:hover { color: #a31022; text-decoration: none }
.logobox .img-responsive { display: inline }
.languageSwitch { text-align: right }
.languageSwitch a { text-decoration: none; width: 30px; height: 17px; overflow: hidden; display: inline-block; margin-right: 10px }
.languageSwitch a.germany { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1200px no-repeat }
.languageSwitch a.spanish { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1475px no-repeat }
.languageSwitch a.french { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1134px no-repeat }
.languageSwitch a.italy { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1542px no-repeat }
.languageSwitch a.russia { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1410px no-repeat }
.languageSwitch a.japanese { background: url(https://data.asiahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1269px no-repeat }
.languageSwitch a.germany { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1200px no-repeat }
.languageSwitch a.spanish { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1475px no-repeat }
.languageSwitch a.french { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1134px no-repeat }
.languageSwitch a.italy { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1542px no-repeat }
.languageSwitch a.russia { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1410px no-repeat }
.languageSwitch a.japanese { background: url(/css/images/merge/nav-mere-20130723.png) -9px -1269px no-repeat }
.tollfree { margin-right: 10px; padding: 2px 10px 0 25px; position: relative }
.fa-phone { font-size: 14px }
.tollfree .currentNo { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAB9SURBVHjaYjx27NgfFRUVZgY08Pbt2wtMwsLCYZ8/f0aX+8/Ly+vBpKamtu7GjRuLkWWAihulpaVfMvz//5/h+fPnrHv27Ln+6tWr/0B86eXLl0wgcSaQSgkJid+MjIxunz59ev3z588wMTGxfxDDgSpgeNu2bYrIfIAAAwCXNUjZWhR61gAAAABJRU5ErkJggg==) no-repeat right 5px; padding-right: 10px; cursor: pointer; color: #f1f1f1; display: inline; margin-left: 5px }
@ -1640,7 +1640,7 @@ ul.drop1 li a:hover { color: #a31022; text-decoration: none }
.tollfree .freePhone .closeBlock:hover { background: 0 0 }
#footer { margin-top: 20px; background: #535353; border-top: 1px solid #e1e1e1; padding: 0; color: #fff }
#footer .chSlogan { display: block; background: url(https://data.asiahighlights.com/css/images/global/CH-slogan.png) no-repeat; width: 619px; height: 23px; margin: 10px 0 15px 15px }
#footer .chSlogan { display: block; background: url(/css/images/global/CH-slogan.png) no-repeat; width: 619px; height: 23px; margin: 10px 0 15px 15px }
#footer .footPhone { display: block; padding-top: 15px }
#footer .footPhone p { line-height: 16px!important }
#footer .footPhone p>a { color: #fff; text-decoration: none; margin-right: 20px; display: inline-block }
@ -1668,7 +1668,7 @@ ul.drop1 li a:hover { color: #a31022; text-decoration: none }
.trustList { border:1px solid #d1d1d1; height:235px; border-radius:6px; background:#fff; padding:0 20px 20px; color:#333; font-size:14px;}
.trustList img { margin-top:35px;}
.trustList .trustTitle { display: block; background:#ebebeb; padding:8px 20px; margin:0 -20px 15px; font-size:16px; border-radius:6px 6px 0 0;}
.trustList li { background:url(https://data.asiahighlights.com/pic/mark-red.png) no-repeat left 7px; padding-left:25px; line-height:20px; margin-bottom:10px;}
.trustList li { background:url(/pic/mark-red.png) no-repeat left 7px; padding-left:25px; line-height:20px; margin-bottom:10px;}
.mainFooter { display: block; padding:25px 0;}
.mainFooter .featuredIn { display: block; border-bottom:1px solid #777; text-align:center; padding-bottom:25px;}
.footLinks { border-bottom:1px solid #777; padding:25px 0; color:#bbb; margin-bottom:25px;}
@ -1677,7 +1677,7 @@ ul.drop1 li a:hover { color: #a31022; text-decoration: none }
.footLinks a:hover { text-decoration: underline;}
.footLinks .fa { background:#fff; border-radius:50%; width:35px; height:35px; text-align:center; color:#555; font-size:200%; font-weight: bold; padding-top:7px; margin:0 5px; vertical-align: middle;}
.linkTitle { font-size:22px; display: block; margin-bottom:15px; font-weight:300; color:#909090;}
.trustPilotIcon { text-align: right;}
.trustPilotIconBig { text-align: center; padding:25px 0;}
.privacyLinks { text-align:right; display: block;}
.privacyLinks a { color:#bbb; text-decoration: none; font-size:16px; margin-left:15px;}
.privacyLinks a:hover {text-decoration:underline;}
@ -1744,7 +1744,7 @@ ul.drop1 li a:hover { color: #a31022; text-decoration: none }
* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face { font-family: FontAwesome; src: url(//data.asiahighlights.com/css/fonts/fontawesome-webfont.eot?v=4.3.0); src: url(//data.asiahighlights.com/css/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(//data.asiahighlights.com/css/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(//data.asiahighlights.com/css/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(//data.asiahighlights.com/css/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(//data.asiahighlights.com/css/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: FontAwesome; src: url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0); src: url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg'); font-weight: 400; font-style: normal }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0) }
.fa-lg { font-size: 1.3333333333333333em; line-height: .75em; vertical-align: -15% }
.fa-2x { font-size: 2em }

Loading…
Cancel
Save