<div class="container">
<div class="row">
<div class="col-12">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="popular-products-slides owl-carousel">
<!-- 蔡徐坤 -->
<div class="single-product-wrapper">
<!-- Product Image -->
<div class="product-img">
<img src="https://img.dazhuanlan.com/2019/11/27/5dddc8af2bbbb.JPG" alt="">
</div>
<!-- Product Description -->
<div class="product-description">
<span>No.1 蔡徐坤</span>
<!-- Hover Content -->
<div class="hover-content">
<!-- Add to Cart -->
<div class="add-to-cart-btn">
<a href="https://shawoohalim.github.io/no1.html" class="btn essence-btn" style="background-color:#8fc1e3">了 解 更 多</a>
</div>
</div>
</div>
</div>
<!-- 陈立农 -->
<div class="single-product-wrapper">
<!-- Product Image -->
<div class="product-img">
<img src="https://img.dazhuanlan.com/2019/11/27/5dddc8b45f374.JPG" alt="">
</div>
<!-- Product Description -->
<div class="product-description">
<span>No.2 陈立农</span>
<!-- Hover Content -->
<div class="hover-content">
<!-- Add to Cart -->
<div class="add-to-cart-btn">
<a href="https://shawoohalim.github.io/no2.html" class="btn essence-btn" style="background-color:#8fc1e3">了 解 更 多</a>
</div>
</div>
</div>
</div>
<!-- 范丞丞 -->
<div class="single-product-wrapper">
<!-- Product Image -->
<div class="product-img">
<img src="https://img.dazhuanlan.com/2019/11/27/5dddc8baf3283.JPG" alt="">
</div>
<!-- Product Description -->
<div class="product-description">
<span>No.3 范丞丞</span>
<!-- Hover Content -->
<div class="hover-content">
<!-- Add to Cart -->
<div class="add-to-cart-btn">
<a href="https://shawoohalim.github.io/no3.html" class="btn essence-btn" style="background-color:#8fc1e3">了 解 更 多</a>
</div>
</div>
</div>
</div>
<!-- 黄明昊 -->
<div class="single-product-wrapper">
<!-- Product Image -->
<div class="product-img">
<img src="https://img.dazhuanlan.com/2019/11/27/5dddc8c1a2c33.JPG" alt="">
</div>
<!-- Product Description -->
<div class="product-description">
<span>No.4 黄明昊（Justin）</span>
<!-- Hover Content -->
<div class="hover-content">
<!-- Add to Cart -->
<div class="add-to-cart-btn">
<a href="https://shawoohalim.github.io/no4.html" class="btn essence-btn" style="background-color:#8fc1e3">了 解 更 多</a>
</div>
</div>
</div>
</div>
<!-- 林彦俊 -->
<div class="single-product-wrapper">
<!-- Product Image -->
<div class="product-img">
<img src="https://img.dazhuanlan.com/2019/11/27/5dddc8c7dfbdc.JPG" alt="">
</div>
<!-- Product Description -->
<div class="product-description">
<span>No.5 林彦俊</span>
<!-- Hover Content -->
<div class="hover-content">
<!-- Add to Cart -->
<div class="add-to-cart-btn">
<a href="https://shawoohalim.github.io/no5.html" class="btn essence-btn" style="background-color:#8fc1e3">了 解 更 多</a>
</div>
</div>
</div>
</div>
<!-- 朱正廷 -->
<div class="single-product-wrapper">
<!-- Product Image -->
<div class="product-img">
<img src="https://img.dazhuanlan.com/2019/11/27/5dddc8cee844e.JPG" alt="">
</div>
<!-- Product Description -->
<div class="product-description">
<span>No.6 朱正廷</span>
<!-- Hover Content -->
<div class="hover-content">
<!-- Add to Cart -->
<div class="add-to-cart-btn">
<a href="https://shawoohalim.github.io/no6.html" class="btn essence-btn" style="background-color:#8fc1e3">了 解 更 多</a>
</div>
</div>
</div>
</div>
<!-- 王子异 -->
<div class="single-product-wrapper">
<!-- Product Image -->
<div class="product-img">
<img src="https://img.dazhuanlan.com/2019/11/27/5dddc8d63d188.JPG" alt="">
</div>
<!-- Product Description -->
<div class="product-description">
<span>No.7 王子异</span>
<a href="https://shawoohalim.github.io/single-product-details.html">
<!-- Hover Content -->
<div class="hover-content">
<!-- Add to Cart -->
<div class="add-to-cart-btn">
<a href="https://shawoohalim.github.io/no7.html" class="btn essence-btn" style="background-color:#8fc1e3">了 解 更 多</a>
</div>
</div>
</a>
