MMCT TEAM
Server IP : 103.53.40.154  /  Your IP : 3.146.152.119
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/comfortaircon.co/assets/../../usfoodsltd.com/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/ppcad7no/comfortaircon.co/assets/../../usfoodsltd.com/popular-item.php
<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>

MMCT - 2023