<!-- Footer Section Start -->
<div class="section footer-section position-relative">

    <!-- Footer Top Start -->
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-md-4">
                    <!-- Footer Logo Start -->
                    <div class="footer-logo">
                        <a href="index.html"><img src="assets/img/furniturelogo.png" alt="Logo" /></a>
                    </div>
                    <!-- Footer Logo End -->
                </div>
                <div class="col-xl-4 col-md-8">
                    <!-- Footer Contact & Payment End -->
                    <div class="footer-contact-payment">
                        <div class="footer-contact">
                            <div class="contact-icon">
                                <img src="assets/images/icon/icon-4.png" width="39" height="46" alt="Icon" />
                            </div>

                            <div class="contact-content">
                                <h6 class="title">Call Us:</h6>
                                <p>00 123 456 789</p>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Contact & Payment End -->
                </div>
                <div class="col-xl-4">
                    <!-- Footer Subscribe End -->
                    <div class="footer-subscribe">
                        <span class="title">Subscribe Now :</span>
                        <div class="subscribe-form">
                            <form action="#">
                                <input type="text" placeholder="Your Mail" />
                                <button>
                                    <i class="pe-7s-paper-plane"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                    <!-- Footer Subscribe End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Footer Top End -->

    <!-- Footer Widget Section Start -->
    <div class="footer-widget-section position-relative">
        <canvas id="gradient-canvas" width="1875" height="600" class="isLoaded">
        </canvas>
        <div class="container">
            <div class="row">


                <div class="col-lg-2 col-md-7 col-6 fotbor">
                    <!-- Footer Widget Start -->
                    <div class="footer-widget">
                        <h4 class="footer-widget-title">About Us</h4>

                        <div class="widget-about">
                            <p>
                                Lorem ipsum dolor sit amet consect adipisicing
                                elit sed do eiusmod temp incididunt ut labore et
                                dolore magna aliqua. Ut enim ad minim
                            </p>
                        </div>
                        <!-- <div class="widget-social">
                            <ul>
                                <li>
                                    <a href="#"><i class="fa fa-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fa fa-tumblr"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fa fa-facebook"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="fa fa-instagram"></i></a>
                                </li>
                            </ul>
                        </div> -->
                    </div>
                    <!-- Footer Widget End -->
                </div>
                <div class="col-lg-2 col-md-4 col-6 fotbor">
                    <!-- Footer Widget Start -->
                    <div class="footer-widget">
                        <h4 class="footer-widget-title">Quick Links</h4>

                        <ul class="footer-link">
                            <li><a href="#">Home</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Shop</a></li>
                            <li><a href="#">Gallery</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- Footer Widget End -->
                </div>
                <div class="col-lg-2 col-md-4 col-6 fotbor">
                    <!-- Footer Widget Start -->
                    <div class="footer-widget">
                        <h4 class="footer-widget-title">Products</h4>

                        <ul class="footer-link">
                            <li><a href="#">Sofa Sets Collection</a></li>
                            <li><a href="#">Ergonomic Office Chairs</a></li>
                            <li><a href="#">Solid Wood Dining Tables</a></li>
                            <li><a href="#">Modern Bed Frames</a></li>
                            <li><a href="#">Outdoor Patio Furniture</a></li>
                        </ul>
                    </div>
                    <!-- Footer Widget End -->
                </div>

                <div class="col-lg-3 col-md-4 col-6 fotbor">
                    <!-- Footer Widget Start -->
                    <div class="footer-widget">
                        <h4 class="footer-widget-title">Products</h4>

                        <ul class="footer-link">
                            <li><a href="#">Kids Room Furniture Sets</a></li>
                            <li><a href="#">Bookshelves & Storage Units</a></li>
                            <li><a href="#">TV Stands & Media Consoles</a></li>
                            <li><a href="#">Wardrobes & Dressers</a></li>
                            <li><a href="#">Coffee Tables & Side Tables</a></li>
                        </ul>
                    </div>
                    <!-- Footer Widget End -->
                </div>

                <div class="col-lg-3 col-md-5 col-6 fotbor">
                    <!-- Footer Widget Start -->
                    <div class="footer-widget">
                        <h4 class="footer-widget-title">Products</h4>

                        <ul class="footer-link">
                            <li><a href="#">Accent Chairs & Recliners</a></li>
                            <li><a href="#">Mattresses & Bed Accessories</a></li>
                            <li><a href="#">Home Office Workstations</a></li>
                            <li><a href="#">Outdoor Garden Furniture</a></li>
                            <li><a href="#">Decorative Lighting & Lamps</a></li>
                        </ul>
                    </div>
                    <!-- Footer Widget End -->
                </div>
                <div class="col-md-12 col-6 fotbor">
                       <div class="row foot mt-5">
                <div class="col-12 text-center">
                    <h2 class="footer-widget-title">FOLLOW US</h2>
                </div>
                  <div class="col-sm-12 col-md-3 col-lg-3"> 
                          <div class="d-flex flex-column align-items-center gap-2  ">
                          <a href="" target="_blank" class="d-flex align-items-center">
                           <i class="fa fa-instagram"></i>
                            <span>@TheFurniturestop</span>
                          </a>
                        </div>
                        </div>
                  <div class="col-sm-12 col-md-3 col-lg-3"> 
                              <div class="d-flex flex-column align-items-center gap-2  ">
                          <a href="" target="_blank" class="d-flex align-items-center">
                          <i class="fa fa-facebook"></i>
                            <span>@TheFurniturestop</span>
                          </a>
                          </div>
                          </div>
                
                        
                            <div class="col-sm-12 col-md-3 col-lg-3"> 
                        <div class="d-flex flex-column align-items-center gap-2  ">
                          <a href="" target="_blank" class="d-flex align-items-center">
                            <i class="fa fa-twitter"></i>
                            <span>@TheFurniturestop</span>
                          </a>
                           </div>
                       </div>
                            
                            <div class="col-sm-12 col-md-3 col-lg-3"> 
                              <div class="d-flex flex-column align-items-center gap-2  ">
                          <a href="" target="_blank" class="d-flex align-items-center">
                           <i class="fa fa-linkedin"></i>
                            <span>@TheFurniturestop</span>
                          </a>
                           </div>
                          </div>
                            
                      </div>
                </div>
             
            </div>

            
              <div class="">
        <div class="container">
            <div class="copyright-text">
                <p>
                    &copy; 2025<span> The Furniture Stop </span> Made with
                    <i class="fa fa-heart" aria-hidden="true"></i> by
                    <a href="#">Deseno</a>
                </p>
            </div>
        </div>
    </div>
        </div>
    </div>
    <!-- Footer Widget End -->

    <!-- Footer Copyright End -->
  
    <!-- Footer Copyright End -->
</div>
<!-- Footer Section End -->

<!--Back To Start-->
<button id="backBtn" class="back-to-top"><i class="pe-7s-angle-up"></i></button>
<!--Back To End-->
<!-- Quick View Start -->
<div class="modal fade" id="quickView">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-6">
                        <!-- Quick View Images Start -->
                        <div class="quick-view-images">
                            <!-- Quick Gallery Images Start -->
                            <div class="quick-gallery-images">
                                <div class="swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="single-img">
                                                <img src="assets/images/product-details/product-details-1.jpg" alt="Product Image" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="single-img">
                                                <img src="assets/images/product-details/product-details-2.jpg" alt="Product Image" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="single-img">
                                                <img src="assets/images/product-details/product-details-3.jpg" alt="Product Image" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="single-img">
                                                <img src="assets/images/product-details/product-details-4.jpg" alt="Product Image" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="single-img">
                                                <img src="assets/images/product-details/product-details-5.jpg" alt="Product Image" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Quick Gallery Images End -->

                            <!-- Quick Gallery Thumbs Start -->
                            <div class="quick-gallery-thumbs">
                                <div class="swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="assets/images/product-details/product-details-1.jpg" alt="Product Thumbnail" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="assets/images/product-details/product-details-2.jpg" alt="Product Thumbnail" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="assets/images/product-details/product-details-3.jpg" alt="Product Thumbnail" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="assets/images/product-details/product-details-4.jpg" alt="Product Thumbnail" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="assets/images/product-details/product-details-5.jpg" alt="Product Thumbnail" />
                                        </div>
                                    </div>
                                </div>
                                <!-- Add Arrows -->
                                <div class="swiper-button-prev">
                                    <i class="pe-7s-angle-left"></i>
                                </div>
                                <div class="swiper-button-next">
                                    <i class="pe-7s-angle-right"></i>
                                </div>
                            </div>
                            <!-- Quick Gallery Thumbs End -->
                        </div>
                        <!-- Quick View Images End -->
                    </div>
                    <div class="col-lg-6">
                        <!-- Quick View Description Start -->
                        <div class="quick-view-description">
                            <h4 class="product-name">
                                Your Products Name Here.
                            </h4>
                            <div class="price">
                                <span class="sale-price">$240.00</span>
                                <span class="old-price">$290.00</span>
                            </div>
                            <div class="review-wrapper">
                                <div class="review-star">
                                    <div class="star" style="width: 80%"></div>
                                </div>
                                <p>( 1 Customer Review )</p>
                            </div>
                            <div class="product-color">
                                <span class="lable">Color:</span>
                                <ul>
                                    <li>
                                        <input type="radio" name="colors" id="quick-color1" />
                                        <label for="quick-color1"><span class="color-blue"></span></label>
                                    </li>
                                    <li>
                                        <input type="radio" name="colors" id="quick-color2" />
                                        <label for="quick-color2"><span class="color-gray"></span></label>
                                    </li>
                                    <li>
                                        <input type="radio" name="colors" id="quick-color3" />
                                        <label for="quick-color3"><span
                                                class="color-dark-blue"></span></label>
                                    </li>
                                    <li>
                                        <input type="radio" name="colors" id="quick-color4" />
                                        <label for="quick-color4"><span
                                                class="color-gray-dark"></span></label>
                                    </li>
                                </ul>
                            </div>

                            <p>
                                Lorem ipsum dolor sit amet, consectet
                                adipisicing elit, sed do eiusmod temporf
                                incididunt ut labore et dolore magna aliqua. Ut
                                enim ad minim veniam, quis tyu nostrud
                                exercitation ullamco laboris nisi ut aliquip ex
                                ea commodo consequat. Duis aute irure dolor in
                                reprehenderit in voluptate.
                            </p>

                            <div class="product-meta">
                                <div class="product-quantity d-inline-flex">
                                    <button type="button" class="sub">-</button>
                                    <input type="text" value="1" />
                                    <button type="button" class="add">+</button>
                                </div>
                                <div class="meta-action">
                                    <button class="btn btn-dark btn-hover-primary">
                                        Add To Cart
                                    </button>
                                </div>
                                <div class="meta-action">
                                    <a class="action" href="#"><i class="pe-7s-like"></i></a>
                                </div>
                                <div class="meta-action">
                                    <a class="action" href="#"><i class="pe-7s-shuffle"></i></a>
                                </div>
                            </div>

                            <div class="product-info">
                                <div class="single-info">
                                    <span class="lable">SKU:</span>
                                    <span class="value">Ch-256xl</span>
                                </div>
                                <div class="single-info">
                                    <span class="lable">Categories:</span>
                                    <span class="value"><a href="#">Office,</a>
                                        <a href="#">Home</a></span>
                                </div>
                                <div class="single-info">
                                    <span class="lable">tag:</span>
                                    <span class="value"><a href="#">Furniture</a></span>
                                </div>
                                <div class="single-info">
                                    <span class="lable">Share:</span>
                                    <ul class="social">
                                        <li>
                                            <a href="#"><i class="fa fa-facebook-f"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-dribbble"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i
                                                    class="fa fa-pinterest-p"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="fa fa-linkedin"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- Quick View Description End -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Quick View End -->

<!-- JS
    ============================================ -->

<!-- Modernizer & jQuery JS -->
<script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>

<!-- Bootstrap JS -->
<script src="assets/js/plugins/popper.min.js"></script>
<script src="assets/js/plugins/bootstrap.min.js"></script>

<!-- Plugins JS -->
<script src="assets/js/plugins/swiper-bundle.min.js"></script>
<script src="assets/js/plugins/ajax-contact.js"></script>
<script src="assets/js/plugins/odometer.min.js"></script>
<script src="assets/js/plugins/select2.min.js"></script>
<script src="assets/js/plugins/ion.rangeSlider.min.js"></script>
<script src="assets/js/plugins/jquery.zoom.min.js"></script>

<!-- Main JS -->
<script src="assets/js/gradient.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>