Merge branch 'master' of github.com:hainatravel/information-system
commit
ee1241f7f1
@ -0,0 +1,373 @@
|
||||
<?php if (!empty($recommands['Article A']) || !empty($recommands['Article B']) || !empty($recommands['Article C']) || !empty($recommands['Article D'])) { ?>
|
||||
|
||||
<h2 style="text-align: center;">Recommended Articles</h2>
|
||||
|
||||
<div class="swiper" id='recommendedArticles'>
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<?php if (!empty($recommands['Article A'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if (!empty($recommands['Article A'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if (!empty($recommands['Article A'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if (!empty($recommands['Article A'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if (!empty($recommands['Article A'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if (!empty($recommands['Article A'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Article B'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article B']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article B']->mobile_photo) ? $recommands['Article B']->ic_photo_img : $recommands['Article B']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article B']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article B']->ic_url; ?>"> <?php echo $recommands['Article B']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Article C'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article C']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article C']->mobile_photo) ? $recommands['Article C']->ic_photo_img : $recommands['Article C']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article C']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article C']->ic_url; ?>"> <?php echo $recommands['Article C']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Article D'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article D']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article D']->mobile_photo) ? $recommands['Article D']->ic_photo_img : $recommands['Article D']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article D']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article D']->ic_url; ?>"> <?php echo $recommands['Article D']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Article E'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article E']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article E']->mobile_photo) ? $recommands['Article E']->ic_photo_img : $recommands['Article E']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article E']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article E']->ic_url; ?>"> <?php echo $recommands['Article E']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Article F'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article F']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article F']->mobile_photo) ? $recommands['Article F']->ic_photo_img : $recommands['Article F']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article F']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article F']->ic_url; ?>"> <?php echo $recommands['Article F']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Article G'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article G']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article G']->mobile_photo) ? $recommands['Article G']->ic_photo_img : $recommands['Article G']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article G']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article G']->ic_url; ?>"> <?php echo $recommands['Article G']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Article H'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Article H']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo empty($recommands['Article H']->mobile_photo) ? $recommands['Article H']->ic_photo_img : $recommands['Article H']->mobile_photo; ?>"
|
||||
class="img-responsive" alt="<?php echo $recommands['Article H']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Article H']->ic_url; ?>"> <?php echo $recommands['Article H']->ic_title; ?> </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if (!empty($recommands['Tour A']) || !empty($recommands['Tour B']) || !empty($recommands['Tour C']) || !empty($recommands['Tour D'])) { ?>
|
||||
|
||||
|
||||
<h2 style="text-align: center;">Recommended Tours</h2>
|
||||
|
||||
<div class="swiper" id='recommendedArticles'>
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<?php if (!empty($recommands['Tour A'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Tour A']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo $recommands['Tour A']->mobile_photo; ?>"
|
||||
class="img-responsive"
|
||||
alt="<?php echo $recommands['Tour A']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Tour A']->ic_url; ?>"><?php echo $recommands['Tour A']->ic_title; ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if (!empty($recommands['Tour B'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Tour B']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo $recommands['Tour B']->mobile_photo; ?>"
|
||||
class="img-responsive"
|
||||
alt="<?php echo $recommands['Tour B']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Tour B']->ic_url; ?>"><?php echo $recommands['Tour B']->ic_title; ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Tour C'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Tour C']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo $recommands['Tour C']->mobile_photo; ?>"
|
||||
class="img-responsive"
|
||||
alt="<?php echo $recommands['Tour C']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Tour C']->ic_url; ?>"><?php echo $recommands['Tour C']->ic_title; ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Tour D'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Tour D']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo $recommands['Tour D']->mobile_photo; ?>"
|
||||
class="img-responsive"
|
||||
alt="<?php echo $recommands['Tour D']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Tour D']->ic_url; ?>"><?php echo $recommands['Tour D']->ic_title; ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Tour E'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Tour E']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo $recommands['Tour E']->mobile_photo; ?>"
|
||||
class="img-responsive"
|
||||
alt="<?php echo $recommands['Tour E']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Tour E']->ic_url; ?>"><?php echo $recommands['Tour E']->ic_title; ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Tour F'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Tour F']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo $recommands['Tour F']->mobile_photo; ?>"
|
||||
class="img-responsive"
|
||||
alt="<?php echo $recommands['Tour F']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Tour F']->ic_url; ?>"><?php echo $recommands['Tour F']->ic_title; ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Tour G'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Tour G']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo $recommands['Tour G']->mobile_photo; ?>"
|
||||
class="img-responsive"
|
||||
alt="<?php echo $recommands['Tour G']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Tour G']->ic_url; ?>"><?php echo $recommands['Tour G']->ic_title; ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<?php if (!empty($recommands['Tour H'])) { ?>
|
||||
<div class="swiper-slide">
|
||||
<div class="nextarticle">
|
||||
<a href="<?php echo $recommands['Tour H']->ic_url; ?>" rel="nofollow">
|
||||
<img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
|
||||
originalsrc="<?php echo $recommands['Tour H']->mobile_photo; ?>"
|
||||
class="img-responsive"
|
||||
alt="<?php echo $recommands['Tour H']->ic_title; ?>">
|
||||
</a>
|
||||
<div class="nextarticlename">
|
||||
<a href="<?php echo $recommands['Tour H']->ic_url; ?>"><?php echo $recommands['Tour H']->ic_title; ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<!-- Swiper JS -->
|
||||
<script src="https://data.globalhighlights.com/js/swiper-bundle-7.0.9.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>
|
@ -1,179 +0,0 @@
|
||||
<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 & When is the Rainy Season" >
|
||||
<div class="nextarticlename">
|
||||
<a href="/thailand/best-time-to-visit"> Best (and Worst) Time to Visit Thailand & 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 & When is the Rainy Season" >
|
||||
<div class="nextarticlename">
|
||||
<a href="/thailand/best-time-to-visit"> Best (and Worst) Time to Visit Thailand & 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>
|
Loading…
Reference in New Issue