<div id="aquabest-home">
<!-- Categories + Banners (from your HTML) -->
<div class="bg-light py-20">
<div class="container">
<div class="row">
<!-- LEFT: Categories -->
<div class="col-lg-3 col-xl-3">
<div class="categories-menu-wrapper category-inner category-toggle-md text-dark position-relative">
<div class="category-title-wrapper align-items-center d-flex bg-dark">
<i class="flaticon-menu me-3 p-3 text-white flat-mini bg-primary"></i>
<span class="higlight-font font-400 font-small text-white">All Depeartments</span>
</div>
<div class="bg-white categories-menu">
<ul class="menu">
<li><a href="#"><span>Living</span><span>35</span></a></li>
<li><a href="#"><span>Bedroom</span><span>65</span></a></li>
<li><a href="#"><span>Dining</span><span>12</span></a></li>
<li><a href="#"><span>Kitchen</span><span>23</span></a></li>
<li><a href="#"><span>Kinds Room</span><span>27</span></a></li>
<li><a href="#"><span>Smartfit</span><span>19</span></a></li>
<li><a href="#"><span>Institutional</span><span>34</span></a></li>
<li><a href="#"><span>Door</span><span>08</span></a></li>
<li><a href="#"><span>Interior</span><span>26</span></a></li>
<li><a href="#"><span>Office</span><span>47</span></a></li>
<li><a href="#"><span>Hospital</span><span>13</span></a></li>
<li><a href="#"><span>Store</span><span>05</span></a></li>
<li><a href="#"><span>Utility</span><span>16</span></a></li>
</ul>
</div>
</div>
</div>
<!-- RIGHT: 3 Banners -->
<div class="col-lg-9 col-xl-9">
<div class="row row-cols-md-3 row-cols-1 g-3">
<div class="col">
<div class="banner-wrapper hover-img-zoom banner-one custom-class-104">
<div class="banner-image overflow-hidden transation">
<img src="assets/images/banner/50.png" alt="Banner Image">
</div>
<div class="banner-content w-50 position-absolute">
<span class="d-block mb-10 font-500 text-white font-general">Hot Product</span>
<h6><a href="#" class="text-white mb-10 d-block text-uppercase">Dining Chair</a></h6>
<span class="d-block text-primary font-600 font-fifteen">$29.85</span>
<a href="#" class="btn-link-down-line font-700 mt-20">Shop Now</a>
</div>
</div>
</div>
<div class="col">
<div class="banner-wrapper hover-img-zoom banner-one custom-class-102">
<div class="banner-image overflow-hidden transation">
<img src="assets/images/banner/51.png" alt="Banner Image">
</div>
<div class="banner-content w-50 position-absolute">
<span class="d-block mb-10 font-500 text-white font-general">Exclusive</span>
<h4><a href="#" class="text-white mb-10 d-block text-uppercase">Furniture</a></h4>
<span class="d-block text-white font-600 font-fifteen">Start From $29.99</span>
<a href="#" class="btn-border font-500 mt-20">Shop Now</a>
</div>
</div>
</div>
<div class="col">
<div class="banner-wrapper hover-img-zoom banner-one custom-class-103">
<div class="banner-image overflow-hidden transation">
<img src="assets/images/banner/52.png" alt="Banner Image">
</div>
<div class="banner-content w-50 position-absolute">
<span class="d-block mb-10 font-500 text-general font-general">Hot Product</span>
<h6><a href="#" class="text-secondary mb-10 d-block text-uppercase">Office Chair</a></h6>
<span class="d-block text-primary font-600 font-fifteen">$45.99</span>
<a href="#" class="btn-link-down-line font-700 mt-20">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Hot Deal & Offer Section -->
<div class="full-row pb-30 bg-light">
<div class="container">
<div class="row">
<div class="col">
<div class="bg-white">
<div class="row">
<div class="col-12">
<div class="section-head d-flex justify-content-between align-items-center p-20">
<h5 class="font-700 text-secondary mb-0 text-uppercase">Hot Deal & Offer Section</h5>
<a class="btn-link-down-line higlight-font transation-this text-uppercase font-twelve" href="#">More Offer</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="products product-style-8">
<div class="four-carousel owl-carousel nav-disable owl-dot-mt-50 dot-active-one e-bg-white e-image-bg-light e-hover-image-zoom e-btn-set-one e-border-one px-20 mb-30">
<!-- Item 1 -->
<div class="item">
<div class="product type-product">
<div class="product-wrapper">
<div class="product-image">
<a class="woocommerce-LoopProduct-link" href="#">
<img alt="Product Image" src="assets/images/products/squire-204.png" />
</a>
<div class="product-variations">
<span class="active"><a href="#" style="background-color:#b78269;"></a></span>
<span><a href="#" style="background-color:#f1cc4e;"></a></span>
<span><a href="#" style="background-color:#31749e;"></a></span>
<span><a href="#" style="background-color:#672a4f;"></a></span>
</div>
<div class="product-labels"><div class="badge1"><span>New</span></div></div>
<div class="on-sale">- 60%</div>
</div>
<div class="product-info">
<h3 class="product-title"><a href="#">Office Lounge Chair</a></h3>
<div class="product-price"><div class="price"><ins>$45.00</ins><del>$98.00</del></div></div>
<div class="shipping-cost"><span>+Shipping: </span> <span>$5.00</span></div>
<div class="shipping-feed-back">
<div class="star-rating">
<div class="rating-wrap"><a href="#"><i class="fas fa-star"></i><span> 4.6</span></a></div>
<div class="rating-counts-wrap"><a href="#">(563)</a></div>
</div>
<div class="sold-items"><span>65</span> <span>Sold</span></div>
</div>
<div class="hover-area">
<div class="cart-button"><a class="button add_to_cart_button" href="#">Add to Cart</a></div>
<div class="wishlist-button"><a class="add_to_wishlist" href="#">Wishlist</a></div>
<div class="compare-button"><a class="compare button" href="#">Compare</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- Item 2 -->
<div class="item">
<div class="product type-product">
<div class="product-wrapper">
<div class="product-image">
<a class="woocommerce-LoopProduct-link" href="#">
<img alt="Product Image" src="assets/images/products/squire-206.png" />
</a>
<div class="product-variations">
<span class="active"><a href="#" style="background-color:#b78269;"></a></span>
<span><a href="#" style="background-color:#f1cc4e;"></a></span>
<span><a href="#" style="background-color:#31749e;"></a></span>
<span><a href="#" style="background-color:#672a4f;"></a></span>
</div>
<div class="on-sale">- 10%</div>
</div>
<div class="product-info">
<h3 class="product-title"><a href="#">Bed Neck Pillows</a></h3>
<div class="product-price"><div class="price"><ins>$245.00</ins><del>$280.00</del></div></div>
<div class="shipping-cost"><span>+Shipping: </span> <span>$5.00</span></div>
<div class="shipping-feed-back">
<div class="star-rating">
<div class="rating-wrap"><a href="#"><i class="fas fa-star"></i><span> 4.6</span></a></div>
<div class="rating-counts-wrap"><a href="#">(563)</a></div>
</div>
<div class="sold-items"><span>65</span> <span>Sold</span></div>
</div>
<div class="hover-area">
<div class="cart-button"><a class="button add_to_cart_button" href="#">Add to Cart</a></div>
<div class="wishlist-button"><a class="add_to_wishlist" href="#">Wishlist</a></div>
<div class="compare-button"><a class="compare button" href="#">Compare</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- Item 3 -->
<div class="item">
<div class="product type-product">
<div class="product-wrapper">
<div class="product-image">
<a class="woocommerce-LoopProduct-link" href="#">
<img alt="Product Image" src="assets/images/products/squire-190.png" />
</a>
<div class="product-variations">
<span class="active"><a href="#" style="background-color:#b78269;"></a></span>
<span><a href="#" style="background-color:#f1cc4e;"></a></span>
<span><a href="#" style="background-color:#31749e;"></a></span>
<span><a href="#" style="background-color:#672a4f;"></a></span>
</div>
<div class="on-sale">- 60%</div>
</div>
<div class="product-info">
<h3 class="product-title"><a href="#">Chair Padded Seat</a></h3>
<div class="product-price"><div class="price"><ins>$53.00</ins><del>$65.00</del></div></div>
<div class="shipping-cost"><span>+Shipping: </span> <span>$5.00</span></div>
<div class="shipping-feed-back">
<div class="star-rating">
<div class="rating-wrap"><a href="#"><i class="fas fa-star"></i><span> 4.6</span></a></div>
<div class="rating-counts-wrap"><a href="#">(563)</a></div>
</div>
<div class="sold-items"><span>65</span> <span>Sold</span></div>
</div>
<div class="hover-area">
<div class="cart-button"><a class="button add_to_cart_button" href="#">Add to Cart</a></div>
<div class="wishlist-button"><a class="add_to_wishlist" href="#">Wishlist</a></div>
<div class="compare-button"><a class="compare button" href="#">Compare</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- Add more <div class="item">...</div> same way -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
(function () {
/**
* IMPORTANT:
* Change this to your real theme asset folder
* Example:
* /wp-content/themes/aqua-best-bigbazar/assets/
*/
var THEME_ASSETS_BASE = "/wp-content/themes/aqua-best-bigbazar/assets/";
// Fix all images that start with "assets/"
document.querySelectorAll("#aquabest-home img").forEach(function (img) {
var src = img.getAttribute("src") || "";
if (src.indexOf("assets/") === 0) {
img.setAttribute("src", THEME_ASSETS_BASE + src.replace("assets/", ""));
}
});
// Init Owl Carousel (if loaded)
if (window.jQuery && jQuery.fn && jQuery.fn.owlCarousel) {
jQuery(".four-carousel").owlCarousel({
loop: true,
margin: 20,
nav: false,
dots: true,
responsive: {
0: { items: 1 },
768: { items: 2 },
992: { items: 4 }
}
});
}
})();
</script>
Special Offer
Special financing available
On purchases with your City Furniture Credit Card from 6/16/2021 – 7/6/2021.
Fixed monthly payments required for 60 months. No down payment or minimum purchase required