@@if(productNo === "one"){
    <!-- Begin Product Area -->
    <div class="product-area @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Featured Products</h3>
                        <p class="short-desc">Produce and supply various Handicraft items all over
                                the world which were very attractive</p>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                        "slidesToShow": 3,
                        "slidesToScroll": 1,
                        "infinite": false,
                        "arrows": false,
                        "dots": false,
                        "spaceBetween": 30
                        }' data-slick-responsive='[
                        {"breakpoint":992, "settings": {
                        "slidesToShow": 2
                        }},
                        {"breakpoint":480, "settings": {
                        "slidesToShow": 1
                        }}
                    ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/1.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">White Black Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$80.00</span>
                                            <span class="new-price">$60.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/2.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Cesteria Long Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$100.00</span>
                                            <span class="new-price">$90.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/3.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">Hot</span>
                                    <span class="sticker-2">-25%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Woodent Turning</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$45.00</span>
                                            <span class="new-price">$90.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/1.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">White Black Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$80.00</span>
                                            <span class="new-price">$60.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area End Here -->
}
@@if(productNo === "two"){
    <!-- Begin Product Area Two -->
    <div class="product-area product-area-2 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Popular Products</h3>
                        <p class="short-desc">Produce and supply various Handicraft items all over
                                the world which were very attractive</p>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                        "slidesToShow": 3,
                        "slidesToScroll": 1,
                        "infinite": false,
                        "arrows": false,
                        "dots": false,
                        "spaceBetween": 30,
                        "rows" : 2
                        }' data-slick-responsive='[
                        {"breakpoint":992, "settings": {
                        "slidesToShow": 2
                        }},
                        {"breakpoint":480, "settings": {
                        "slidesToShow": 1
                        }}
                    ]'>

                    <div class="product-item">
                        <div class="single-product">
                            <div class="product-img">
                                <a href="single-product.html">
                                    <img src="assets/images/product/medium-size/4.jpg"
                                        alt="Quicky's Product Image">
                                </a>
                                <span class="sticker">New</span>
                                <span class="sticker-2">-16%</span>
                                <div class="add-actions">
                                    <ul>
                                        <li class="quick-view-btn" data-toggle="modal"
                                            data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                    class="icon-magnifier"></i></a>
                                        </li>
                                        <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Wishlist"><i class="icon-heart"></i></a>
                                        </li>
                                        <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Compare"><i class="icon-refresh"></i></a>
                                        </li>
                                        <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To cart"><i class="icon-bag"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content">
                                <div class="product-desc_info">
                                    <h3 class="product-name"><a href="single-product.html">Thin Cap Poat</a></h3>
                                    <div class="price-box">
                                        <span class="old-price">$95.00</span>
                                        <span class="new-price">$55.00</span>
                                    </div>
                                    <div class="review-area d-flex justify-content-between align-items-center">
                                        <div class="rating-box">
                                            <ul>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                            </ul>
                                        </div>
                                        <span class="manufacture-product">Handcraft</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item">
                        <div class="single-product">
                            <div class="product-img">
                                <a href="single-product.html">
                                    <img src="assets/images/product/medium-size/5.jpg"
                                        alt="Quicky's Product Image">
                                </a>
                                <div class="add-actions">
                                    <ul>
                                        <li class="quick-view-btn" data-toggle="modal"
                                            data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                    class="icon-magnifier"></i></a>
                                        </li>
                                        <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Wishlist"><i class="icon-heart"></i></a>
                                        </li>
                                        <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Compare"><i class="icon-refresh"></i></a>
                                        </li>
                                        <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To cart"><i class="icon-bag"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content">
                                <div class="product-desc_info">
                                    <h3 class="product-name"><a href="single-product.html">Basket Vessel</a></h3>
                                    <div class="price-box">
                                        <span class="old-price">$120.00</span>
                                        <span class="new-price">$75.00</span>
                                    </div>
                                    <div class="review-area d-flex justify-content-between align-items-center">
                                        <div class="rating-box">
                                            <ul>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                            </ul>
                                        </div>
                                        <span class="manufacture-product">Handcraft</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item">
                        <div class="single-product">
                            <div class="product-img">
                                <a href="single-product.html">
                                    <img src="assets/images/product/medium-size/6.jpg"
                                        alt="Quicky's Product Image">
                                </a>
                                <span class="sticker">Hot</span>
                                <span class="sticker-2">-25%</span>
                                <div class="add-actions">
                                    <ul>
                                        <li class="quick-view-btn" data-toggle="modal"
                                            data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                    class="icon-magnifier"></i></a>
                                        </li>
                                        <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Wishlist"><i class="icon-heart"></i></a>
                                        </li>
                                        <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Compare"><i class="icon-refresh"></i></a>
                                        </li>
                                        <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To cart"><i class="icon-bag"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content">
                                <div class="product-desc_info">
                                    <h3 class="product-name"><a href="single-product.html">Water Jug</a></h3>
                                    <div class="price-box">
                                        <span class="old-price">$62.00</span>
                                        <span class="new-price">$28.00</span>
                                    </div>
                                    <div class="review-area d-flex justify-content-between align-items-center">
                                        <div class="rating-box">
                                            <ul>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                            </ul>
                                        </div>
                                        <span class="manufacture-product">Handcraft</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item">
                        <div class="single-product">
                            <div class="product-img">
                                <a href="single-product.html">
                                    <img src="assets/images/product/medium-size/7.jpg"
                                        alt="Quicky's Product Image">
                                </a>
                                <span class="sticker">New</span>
                                <span class="sticker-2">-16%</span>
                                <div class="add-actions">
                                    <ul>
                                        <li class="quick-view-btn" data-toggle="modal"
                                            data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                    class="icon-magnifier"></i></a>
                                        </li>
                                        <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Wishlist"><i class="icon-heart"></i></a>
                                        </li>
                                        <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Compare"><i class="icon-refresh"></i></a>
                                        </li>
                                        <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To cart"><i class="icon-bag"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content">
                                <div class="product-desc_info">
                                    <h3 class="product-name"><a href="single-product.html">Bamboo Vessel</a></h3>
                                    <div class="price-box">
                                        <span class="old-price">$65.00</span>
                                        <span class="new-price">$39.00</span>
                                    </div>
                                    <div class="review-area d-flex justify-content-between align-items-center">
                                        <div class="rating-box">
                                            <ul>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                            </ul>
                                        </div>
                                        <span class="manufacture-product">Handcraft</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item">
                        <div class="single-product">
                            <div class="product-img">
                                <a href="single-product.html">
                                    <img src="assets/images/product/medium-size/8.jpg"
                                        alt="Quicky's Product Image">
                                </a>
                                <span class="sticker-2">-30%</span>
                                <div class="add-actions">
                                    <ul>
                                        <li class="quick-view-btn" data-toggle="modal"
                                            data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                    class="icon-magnifier"></i></a>
                                        </li>
                                        <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Wishlist"><i class="icon-heart"></i></a>
                                        </li>
                                        <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Compare"><i class="icon-refresh"></i></a>
                                        </li>
                                        <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To cart"><i class="icon-bag"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content">
                                <div class="product-desc_info">
                                    <h3 class="product-name"><a href="single-product.html">Delereto Veselo</a></h3>
                                    <div class="price-box">
                                        <span class="old-price">$120.00</span>
                                        <span class="new-price">$97.00</span>
                                    </div>
                                    <div class="review-area d-flex justify-content-between align-items-center">
                                        <div class="rating-box">
                                            <ul>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                            </ul>
                                        </div>
                                        <span class="manufacture-product">Handcraft</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item">
                        <div class="single-product">
                            <div class="product-img">
                                <a href="single-product.html">
                                    <img src="assets/images/product/medium-size/9.jpg"
                                        alt="Quicky's Product Image">
                                </a>
                                <span class="sticker">Hot</span>
                                <span class="sticker-2">-25%</span>
                                <div class="add-actions">
                                    <ul>
                                        <li class="quick-view-btn" data-toggle="modal"
                                            data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                    class="icon-magnifier"></i></a>
                                        </li>
                                        <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Wishlist"><i class="icon-heart"></i></a>
                                        </li>
                                        <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To Compare"><i class="icon-refresh"></i></a>
                                        </li>
                                        <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                title="Add To cart"><i class="icon-bag"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-content">
                                <div class="product-desc_info">
                                    <h3 class="product-name"><a href="single-product.html">Premium Style Poat</a></h3>
                                    <div class="price-box">
                                        <span class="old-price">$75.00</span>
                                        <span class="new-price">$49.00</span>
                                    </div>
                                    <div class="review-area d-flex justify-content-between align-items-center">
                                        <div class="rating-box">
                                            <ul>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                                <li><i class="icon-star"></i></li>
                                            </ul>
                                        </div>
                                        <span class="manufacture-product">Handcraft</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Two End Here -->
}
@@if(productNo === "three"){
    <!-- Begin Product Area Three -->
    <div class="product-area-3 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Featured Products</h3>
                        <p class="short-desc">Produce and supply various Handicraft items all over
                                the world which were very attractive</p>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                        "slidesToShow": 3,
                        "slidesToScroll": 1,
                        "infinite": true,
                        "arrows": false,
                        "dots": false,
                        "spaceBetween": 30
                        }' data-slick-responsive='[
                        {"breakpoint":992, "settings": {
                        "slidesToShow": 2
                        }},
                        {"breakpoint":480, "settings": {
                        "slidesToShow": 1
                        }}
                    ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/10.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">White Black Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$80.00</span>
                                            <span class="new-price">$60.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Fashion</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/11.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Cesteria Long Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$100.00</span>
                                            <span class="new-price">$90.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Fashion</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/12.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">Hot</span>
                                    <span class="sticker-2">-25%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Woodent Turning</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$45.00</span>
                                            <span class="new-price">$90.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Fashion</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/10.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">White Black Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$80.00</span>
                                            <span class="new-price">$60.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Fashion</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Three End Here -->
}
@@if(productNo === "four"){
    <!-- Begin Product Area -->
    <div class="product-area-4 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Featured Products</h3>
                        <p class="short-desc">Produce and supply various Handicraft items all over
                            the world which were very attractive</p>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                            "slidesToShow": 3,
                            "slidesToScroll": 1,
                            "infinite": false,
                            "arrows": false,
                            "dots": false,
                            "spaceBetween": 30
                            }' data-slick-responsive='[
                            {"breakpoint":992, "settings": {
                            "slidesToShow": 2
                            }},
                            {"breakpoint":480, "settings": {
                            "slidesToShow": 1
                            }}
                        ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/13.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">White Black Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$80.00</span>
                                            <span class="new-price">$60.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/14.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Cesteria Long Poat</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="old-price">$100.00</span>
                                            <span class="new-price">$90.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/15.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">Hot</span>
                                    <span class="sticker-2">-25%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Woodent Turning</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$45.00</span>
                                            <span class="new-price">$90.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/13.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">White Black Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$80.00</span>
                                            <span class="new-price">$60.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area End Here -->
}
@@if(productNo === "five"){
    <!-- Begin Product Area -->
    <div class="product-area-5 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Featured Products</h3>
                        <p class="short-desc">Produce and supply various Handicraft items all over
                            the world which were very attractive</p>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                            "slidesToShow": 3,
                            "slidesToScroll": 1,
                            "infinite": false,
                            "arrows": false,
                            "dots": false,
                            "spaceBetween": 30
                            }' data-slick-responsive='[
                            {"breakpoint":992, "settings": {
                            "slidesToShow": 2
                            }},
                            {"breakpoint":480, "settings": {
                            "slidesToShow": 1
                            }}
                        ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/16.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">White Black Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$80.00</span>
                                            <span class="new-price">$60.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/17.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Cesteria Long Poat</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="old-price">$100.00</span>
                                            <span class="new-price">$90.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/18.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">Hot</span>
                                    <span class="sticker-2">-25%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Woodent Turning</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$45.00</span>
                                            <span class="new-price">$90.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/16.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">White Black Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$80.00</span>
                                            <span class="new-price">$60.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area End Here -->
}
@@if(productNo === "six"){
    <!-- Begin Product Area Six -->
    <div class="product-area-6 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Popular Products</h3>
                        <p class="short-desc">Produce and supply various Handicraft items all over
                                the world which were very attractive</p>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                        "slidesToShow": 3,
                        "slidesToScroll": 1,
                        "infinite": false,
                        "arrows": false,
                        "dots": false,
                        "spaceBetween": 30,
                        "rows" : 2
                        }' data-slick-responsive='[
                        {"breakpoint":992, "settings": {
                        "slidesToShow": 2
                        }},
                        {"breakpoint":480, "settings": {
                        "slidesToShow": 1
                        }}
                    ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/19.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Thin Cap Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$95.00</span>
                                            <span class="new-price">$55.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/20.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Basket Vessel</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$120.00</span>
                                            <span class="new-price">$75.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/21.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">Hot</span>
                                    <span class="sticker-2">-25%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Water Jug</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$62.00</span>
                                            <span class="new-price">$28.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/22.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Bamboo Vessel</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$65.00</span>
                                            <span class="new-price">$39.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/23.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker-2">-30%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Delereto Veselo</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$120.00</span>
                                            <span class="new-price">$97.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/24.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">Hot</span>
                                    <span class="sticker-2">-25%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Premium Style Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$75.00</span>
                                            <span class="new-price">$49.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/19.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="product-desc_info">
                                        <h3 class="product-name"><a href="single-product.html">Thin Cap Poat</a></h3>
                                        <div class="price-box">
                                            <span class="old-price">$95.00</span>
                                            <span class="new-price">$55.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                            <span class="manufacture-product">Handcraft</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Six End Here -->
}
@@if(productNo === "seven"){
    <!-- Begin Product Area Seven -->
    <div class="product-area-7 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Featured Products</h3>
                        <div class="section-icon"></div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                            "slidesToShow": 3,
                            "slidesToScroll": 1,
                            "infinite": false,
                            "arrows": false,
                            "dots": false,
                            "spaceBetween": 30
                            }' data-slick-responsive='[
                            {"breakpoint":992, "settings": {
                            "slidesToShow": 2
                            }},
                            {"breakpoint":768, "settings": {
                            "slidesToShow": 1
                            }}
                        ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/25.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Abstract Design Clock</a></h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$70.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/26.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Fency Design Clock</a></h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$45.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/27.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Wooden Style Clock</a></h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$65.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/25.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Abstract Design Clock</a></h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$70.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Seven End Here -->
}
@@if(productNo === "eight"){
    <!-- Begin Product Area Eight -->
    <div class="product-area-8 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Popular Product</h3>
                        <div class="section-icon"></div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                        "slidesToShow": 3,
                        "slidesToScroll": 1,
                        "infinite": true,
                        "arrows": false,
                        "dots": false,
                        "spaceBetween": 30,
                        "rows" : 2
                        }' data-slick-responsive='[
                        {"breakpoint":992, "settings": {
                        "slidesToShow": 2
                        }},
                        {"breakpoint":768, "settings": {
                        "slidesToShow": 1
                        }}
                    ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/28.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Woodmade Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$95.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/31.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Modern Design Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$102.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/29.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Fancy Style Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$39.28</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/32.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Funny Design Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$45.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/30.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Moonstar Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$58.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/33.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Beauty Style Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$74.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/28.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Woodmade Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$95.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/28.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Woodmade Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$95.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Eight End Here -->
}
@@if(productNo === "nine"){
    <!-- Begin Product Area Nine -->
    <div class="product-area-9 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Featured Products</h3>
                        <div class="section-icon"></div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                            "slidesToShow": 3,
                            "slidesToScroll": 1,
                            "infinite": true,
                            "arrows": false,
                            "dots": false,
                            "spaceBetween": 30
                            }' data-slick-responsive='[
                            {"breakpoint":992, "settings": {
                            "slidesToShow": 2
                            }},
                            {"breakpoint":575, "settings": {
                            "slidesToShow": 1
                            }}
                        ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/34.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Lamp</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Wooden Style Lamp</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$70.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/35.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Lamp</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Fency Design Lamp</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$45.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/36.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Lamp</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Wood Frame Lamp</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$65.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/34.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Lamp</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Wooden Style Lamp</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$70.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Nine End Here -->
}
@@if(productNo === "ten"){
    <!-- Begin Product Area Ten -->
    <div class="product-area-10 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Popular Products</h3>
                        <div class="section-icon"></div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                            "slidesToShow": 3,
                            "slidesToScroll": 1,
                            "infinite": true,
                            "arrows": false,
                            "dots": false,
                            "spaceBetween": 30
                            }' data-slick-responsive='[
                            {"breakpoint":992, "settings": {
                            "slidesToShow": 2
                            }},
                            {"breakpoint":575, "settings": {
                            "slidesToShow": 1
                            }}
                        ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/37.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Lamp</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Glass Style Lamp</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$95.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/38.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Lamp</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Stenless Stell Lamp</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$39.28</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/39.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Lamp</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Stylish Design Lamp</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$58.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/37.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Lamp</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Glass Style Lamp</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$95.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Ten End Here -->
}
@@if(productNo === "eleven"){
    <!-- Begin Product Area Eleven -->
    <div class="product-area-11 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Featured Products</h3>
                        <div class="section-icon"></div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                            "slidesToShow": 3,
                            "slidesToScroll": 1,
                            "infinite": true,
                            "arrows": false,
                            "dots": false,
                            "spaceBetween": 30
                            }' data-slick-responsive='[
                            {"breakpoint":992, "settings": {
                            "slidesToShow": 2
                            }},
                            {"breakpoint":575, "settings": {
                            "slidesToShow": 1
                            }}
                        ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/40.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Wooden Design Wali</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$70.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/41.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Fency Flower Vase</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$45.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/42.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Wood Light Toy</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$65.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/40.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Wooden Design Wali</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$70.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Eleven End Here -->
}
@@if(productNo === "twelve"){
    <!-- Begin Product Area Twelve -->
    <div class="product-area-12 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">Popular Products</h3>
                        <div class="section-icon"></div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                            "slidesToShow": 3,
                            "slidesToScroll": 1,
                            "infinite": true,
                            "arrows": false,
                            "dots": false,
                            "spaceBetween": 30,
                            "rows" : 2
                            }' data-slick-responsive='[
                            {"breakpoint":992, "settings": {
                            "slidesToShow": 2
                            }},
                            {"breakpoint":575, "settings": {
                            "slidesToShow": 1
                            }}
                        ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/43.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Stylish Pen Holder</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$95.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/46.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Fancy Showbox</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$65.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/44.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Creativ Pen Stand</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$39.28</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/47.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Wooden Toy Car</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$19.28</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/45.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Showpiece Toy Plan</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$58.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/48.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Stylish Design Lamp</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$28.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/43.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Stylish Pen Holder</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$95.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/46.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="left"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Home decor</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Fancy Showbox</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$65.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Twelve End Here -->
}
@@if(productNo === "thirteen"){
    <!-- Begin Product Area Seven -->
    <div class="product-area-13 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">@@title</h3>
                        <div class="section-icon"></div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                            "slidesToShow": 3,
                            "slidesToScroll": 1,
                            "infinite": false,
                            "arrows": false,
                            "dots": false,
                            "spaceBetween": 30
                            }' data-slick-responsive='[
                            {"breakpoint":992, "settings": {
                            "slidesToShow": 2
                            }},
                            {"breakpoint":768, "settings": {
                            "slidesToShow": 1
                            }}
                        ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/25.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Abstract Design Clock</a></h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$70.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/26.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Fency Design Clock</a></h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$45.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/27.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Wooden Style Clock</a></h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$65.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/25.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker red-color">Sale</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Abstract Design Clock</a></h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$70.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Seven End Here -->
}
@@if(productNo === "fourteen"){
    <!-- Begin Product Area Seven -->
    <div class="product-area-14 @@sectionSpaceTop">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h3 class="heading">@@title</h3>
                        <div class="section-icon"></div>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="quicky-element-carousel product-slider" data-slick-options='{
                            "slidesToShow": 3,
                            "slidesToScroll": 1,
                            "infinite": false,
                            "arrows": false,
                            "dots": false,
                            "spaceBetween": 30
                            }' data-slick-responsive='[
                            {"breakpoint":992, "settings": {
                            "slidesToShow": 2
                            }},
                            {"breakpoint":768, "settings": {
                            "slidesToShow": 1
                            }}
                        ]'>

                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/29.jpg"
                                            alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">-16%</span>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Fancy Style Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$39.28</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/32.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Funny Design Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$45.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/30.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <div class="add-actions">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Moonstar Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$58.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-item">
                            <div class="single-product">
                                <div class="product-img">
                                    <a href="single-product.html">
                                        <img src="assets/images/product/medium-size/33.jpg" alt="Quicky's Product Image">
                                    </a>
                                    <span class="sticker">New</span>
                                    <span class="sticker-2">Sale</span>
                                    <div class="add-actions hover-right_side">
                                        <ul>
                                            <li class="quick-view-btn" data-toggle="modal"
                                                data-target="#exampleModalCenter"><a href="javascript:void(0)"
                                                    data-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                            </li>
                                            <li><a href="wishlist.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Wishlist"><i class="icon-heart"></i></a>
                                            </li>
                                            <li><a href="compare.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To Compare"><i class="icon-refresh"></i></a>
                                            </li>
                                            <li><a href="cart.html" data-toggle="tooltip" data-placement="top"
                                                    title="Add To cart"><i class="icon-bag"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-content bg-snow">
                                    <div class="product-desc_info">
                                        <div class="manufacture-product_top">
                                            <span>Clock</span>
                                        </div>
                                        <h3 class="product-name"><a href="single-product.html">Beauty Style Clock</a>
                                        </h3>
                                        <div class="price-box">
                                            <span class="new-price ml-0">$74.00</span>
                                        </div>
                                        <div class="review-area d-flex justify-content-between align-items-center">
                                            <div class="rating-box gamboge-color">
                                                <ul>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                    <li><i class="icon-star"></i></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area Seven End Here -->
}