Haina
/
information-system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
master
webht/payment
hotfix/paypal-note
ct-mobile-first
mobile-first
feature/pay
feature/trippest
hotfix/远程访问多媒体中心
add-auto-ticket
v20170316.1
v20
国际站的图片管理
v20170303.1
CDNsession问题
v20170302.3
v20170302.2
v20170302.1
v20170228.2
v20170228.1
模板名称统一
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'e5b2279164'
${ noResults }
information-system/application/views/mobile_first/gh-recommended-articles

179 lines
8.2 KiB
Plaintext
Raw Blame History

<h2 style="text-align: center;">Recommended Articles</h2>
<div class="swiper" id='recommendedArticles'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="How to Plan a 2-Week Itinerary to Visit Thailand and Cambodia" >
<div class="nextarticlename">
<a href="/thailand/2-week-trip-to-thailand-and-cambodia"> How to Plan a 2-Week Itinerary to Visit Thailand and Cambodia </a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="Best (and Worst) Time to Visit Thailand &amp; When is the Rainy Season" >
<div class="nextarticlename">
<a href="/thailand/best-time-to-visit"> Best (and Worst) Time to Visit Thailand &amp; When is the Rainy Season </a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="Top Things to Do in Thailand" >
<div class="nextarticlename">
<a href="/thailand/top-things-to-do"> Top Things to Do in Thailand </a>
</div>
</div></div>
<div class="swiper-slide"><div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="Food and Drinks in Chiang Rai" >
<div class="nextarticlename">
<a href="/thailand/chiang-rai/food-and-drinks"> Food and Drinks in Chiang Rai </a>
</div>
</div></div>
<div class="swiper-slide"><div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="Top Thai Historical Places " >
<div class="nextarticlename">
<a href="/thailand/top-historical-places"> Top Thai Historical Places </a>
</div>
</div></div>
<div class="swiper-slide"><div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="30 Famous Southeast Asian Foods That You Must Try At Least Once" >
<div class="nextarticlename">
<a href="/southeast-asia/top-dishes"> 30 Famous Southeast Asian Foods That You Must Try At Least Once </a>
</div>
</div></div>
<div class="swiper-slide"><div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="Best Places to Visit in Southeast Asia for First-Timers" >
<div class="nextarticlename">
<a href="/southeast-asia/top-places-to-visit"> Best Places to Visit in Southeast Asia for First-Timers </a>
</div>
</div></div>
<div class="swiper-slide"><div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="The 30 Most Beautiful Places in Southeast Asia: Don't Miss These!" >
<div class="nextarticlename">
<a href="/southeast-asia/most-beautiful-places"> The 30 Most Beautiful Places in Southeast Asia: Don't Miss These! </a>
</div>
</div></div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
<h2 style="text-align: center;">Recommended Tours</h2>
<div class="swiper" id='recommendedArticles'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="How to Plan a 2-Week Itinerary to Visit Thailand and Cambodia" >
<div class="nextarticlename">
<a href="/thailand/2-week-trip-to-thailand-and-cambodia"> How to Plan a 2-Week Itinerary to Visit Thailand and Cambodia </a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="Best (and Worst) Time to Visit Thailand &amp; When is the Rainy Season" >
<div class="nextarticlename">
<a href="/thailand/best-time-to-visit"> Best (and Worst) Time to Visit Thailand &amp; When is the Rainy Season </a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="Top Things to Do in Thailand" >
<div class="nextarticlename">
<a href="/thailand/top-things-to-do"> Top Things to Do in Thailand </a>
</div>
</div></div>
<div class="swiper-slide"><div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="Food and Drinks in Chiang Rai" >
<div class="nextarticlename">
<a href="/thailand/chiang-rai/food-and-drinks"> Food and Drinks in Chiang Rai </a>
</div>
</div></div>
<div class="swiper-slide"><div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="Top Thai Historical Places " >
<div class="nextarticlename">
<a href="/thailand/top-historical-places"> Top Thai Historical Places </a>
</div>
</div></div>
<div class="swiper-slide"><div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="30 Famous Southeast Asian Foods That You Must Try At Least Once" >
<div class="nextarticlename">
<a href="/southeast-asia/top-dishes"> 30 Famous Southeast Asian Foods That You Must Try At Least Once </a>
</div>
</div></div>
<div class="swiper-slide"><div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="Best Places to Visit in Southeast Asia for First-Timers" >
<div class="nextarticlename">
<a href="/southeast-asia/top-places-to-visit"> Best Places to Visit in Southeast Asia for First-Timers </a>
</div>
</div></div>
<div class="swiper-slide"><div class="nextarticle">
<img src="https://images.chinahighlights.com/allpicture/2014/08/6d9644d4ab1d466083923cea_cut_600x550_251.jpg" class="img-responsive" alt="The 30 Most Beautiful Places in Southeast Asia: Don't Miss These!" >
<div class="nextarticlename">
<a href="/southeast-asia/most-beautiful-places"> The 30 Most Beautiful Places in Southeast Asia: Don't Miss These! </a>
</div>
</div></div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
<!-- Swiper JS -->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper("#recommendedArticles", {
cssMode: true,
keyboard: true,
slidesPerView: 4,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
},
pagination: {
el: ".swiper-pagination",
clickable: true
}
});
</script>
Reference in New Issue View Git Blame Copy Permalink