时尚家具设计电商平台网站开发#网页设计 #网站建设 #公司网站建设

黄菊华老师是资深技术教育专家，著有《Vue.js入门与商城开发实战》等专业书籍，CSDN博客专家兼钻石讲师。专注于网站制作、小程序开发及毕业设计指导，提供从基础到实战的完整课程体系，包含视频教程、核心代码解析、论文辅导及答辩指导。所有项目均配备开发文档、演示视频，支持定制化开发，确保项目顺利运行。联系方式可通过CSDN文章末尾获取。
黄菊华老师

4707人浏览 · 2025-07-30 16:00:08
黄菊华老师 · 2025-07-30 16:00:08 发布
博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。

项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！

如果需要联系我，可以在CSDN网站查询黄菊华老师的，在文章末尾可以获取联系方式
网页截图

网页代码


<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <!-- Iconic Fonts -->
  <link href="./assets/css/fontawesome.min.css" rel="stylesheet">
  <link href="./assets/fonts/flaticon/flaticon.css" rel="stylesheet">
  <!-- Bootstrap core CSS -->
  <link href="./assets/css/bootstrap.min.css" rel="stylesheet">
  <!-- Owl Carousel CSS -->
  <link href="./assets/css/owl.carousel.min.css" rel="stylesheet">
  <!-- Magnific Popup -->
  <link href="./assets/css/magnific-popup.css" rel="stylesheet">
  <!-- Farwa styles -->
  <link href="./assets/css/style.css" rel="stylesheet">
  <!-- Favicon -->
  <link rel="icon" type="image/png" sizes="32x32" href="favicon.ico">
  <!-- Google-Font-->
  <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300i,400,600" rel="stylesheet">

  <title>Farwa - Furniture Store Ecommerce HTML Template</title>
</head>

<body>

  <!-- Promo Offer Modal -->
  <div class="hm-promo-offer-window">
    <div class="hm-promo-offer-inner">
      <button type="button" class="close hm-close-container hm-close-offer">
        <span></span>
        <span></span>
      </button>
      <div class="hm-promo-offer-wrapper">
        <div class="hm-promo-description mb-4">
          <h3 class="hm-promo-title">Exclusive Offers</h3>
          <p class="hm-promo-subtitle">Get up to 80% on select items</p>
        </div>
        <a href="#" class="btn btn-secondary">Shop Now</a>
      </div>
    </div>
  </div>
  <!-- /Promo Offer Modal -->

  <!-- Promo Offer Strip -->
  <div class="hm-promo-offer-strip">
    <p class="mb-0">We Ship World Wide, with a minimum charge of 100$. Call <b class="hm-promo-code">+123 456 789</b> Now! </p>
    <button type="button" class="close hm-close-container hm-close-code">
      <span></span>
      <span></span>
    </button>
  </div>
  <!-- /Promo Offer Strip -->

  <!-- Header -->
  <header class="hm-header hm-header-absolute can-sticky">
    <div class="container">
      <nav class="hm-navbar">
        <a class="hm-navbar-brand" href="index.html"> <img src="./assets/img/logo.png" alt="Farwa"> </a>
        <button class="hm-nav-toggler" type="button" aria-label="Toggle navigation">
          <span></span>
          <span></span>
          <span></span>
        </button>

        <!-- Desktop Menu -->
        <div class="d-none d-lg-block">
          <ul class="hm-nav">
            <!-- Home -->
            <li class="hm-nav-item hm-nav-item-has-children active">
              <a class="nav-link" href="#">Home</a>
              <ul class="sub-menu">
                <li class="hm-nav-item"> <a class="nav-link" href="index.html">Home 1</a> </li>
                <li class="hm-nav-item"> <a class="nav-link" href="home-2.html">Home 2</a></li>
              </ul>
            </li>
            <!-- /Home -->
             <li class="hm-nav-item"> <a class="nav-link" href="about-us.html">About</a> </li>

            <li class="hm-nav-item hm-nav-item-has-children">
              <a class="nav-link" href="#">Pages</a>
              <ul class="sub-menu">
                <li class="hm-nav-item"> <a class="nav-link" href="contact-us.html">Contact Us</a> </li>
                <li class="hm-nav-item"> <a class="nav-link" href="faq.html">FAQ</a> </li>
                <li class="hm-nav-item"> <a class="nav-link" href="login.html">Login</a> </li>
                <li class="hm-nav-item"> <a class="nav-link" href="register.html">Register</a> </li>
                <li class="hm-nav-item"> <a class="nav-link" href="404.html">404 Page</a> </li>
                <li class="hm-nav-item"> <a class="nav-link" href="coming-soon.html">Coming Soon Page</a> </li>
                <li class="hm-nav-item"> <a class="nav-link" href="checkout.html">Checkout</a> </li>
                <li class="hm-nav-item"> <a class="nav-link" href="cart.html">Cart</a> </li>
              </ul>
            </li>

            <!-- Mega Menu Blog -->
            <li class="hm-nav-item hm-nav-item-has-children has-mega-menu hm-mega-menu--3-col">
              <a class="nav-link" href="#">Blog</a>
              <ul class="sub-menu">
                <li class="hm-mega-menu-wrapper clearfix">
                  <ul class="hm-mega-menu">
                    <li class="hm-nav-item hm-mega-menu-title"> Blog Archive Grid </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="blog.html">Blog Grid</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="blog-right-sidebar.html">Blog Grid Right Sidebar</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="blog-left-sidebar.html">Blog Grid Left Sidebar</a> </li>
                  </ul>
                  <ul class="hm-mega-menu">
                    <li class="hm-nav-item hm-mega-menu-title"> Blog Archive List </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="blog-list-right-sidebar.html">Blog List Right Sidebar</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="blog-list-left-sidebar.html">Blog List Left Sidebar</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="blog-list.html">Blog List No Sidebar</a> </li>
                  </ul>
                  <ul class="hm-mega-menu">
                    <li class="hm-nav-item hm-mega-menu-title"> Blog Details </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="blog-details-right-sidebar.html">Blog Details Right Sidebar</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="blog-details-left-sidebar.html">Blog Details Left Sidebar</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="blog-details.html">Blog Details No Sidebar</a> </li>
                  </ul>
                  <ul class="hm-mega-menu hm-mega-menu-row mt-4">
                    <li id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                      <ol class="carousel-indicators">
                        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                      </ol>
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <a href="#"><img src="./assets/img/other/mega-menu-wide-3.png" alt="img"></a>
                        </div>
                        <div class="carousel-item">
                          <a href="#"><img src="./assets/img/other/mega-menu-wide-1.png" alt="img"></a>
                        </div>
                        <div class="carousel-item">
                          <a href="#"><img src="./assets/img/other/mega-menu-wide.png" alt="img"></a>
                        </div>
                      </div>
                      <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                      </a>
                      <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                      </a>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
            <!-- /Mega Menu Blog -->

            <!-- Mega Menu Shop -->
            <li class="hm-nav-item hm-nav-item-has-children has-mega-menu hm-mega-menu--3-col">
              <a class="nav-link" href="#">Shop</a>
              <ul class="sub-menu">
                <li class="hm-mega-menu-wrapper clearfix">
                  <ul class="hm-mega-menu">
                    <li class="hm-nav-item hm-mega-menu-title"> Shop Pages Grid </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="shop-grid-fw.html">Shop Grid Full Width</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="shop-grid-left-sidebar.html">Shop Grid Left Sidebar</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="shop-grid-right-sidebar.html">Shop Grid Right Sidebar</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="shop-grid.html">Shop Grid No Sidebar</a> </li>
                  </ul>
                  <ul class="hm-mega-menu">
                    <li class="hm-nav-item hm-mega-menu-title"> Shop Pages List </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="shop-list-left-sidebar.html">Shop List Left Sidebar</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="shop-list-right-sidebar.html">Shop List Right Sidebar</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="shop-list.html">Shop List No Sidebar</a> </li>
                  </ul>
                  <ul class="hm-mega-menu">
                    <li class="hm-nav-item hm-mega-menu-title"> Product Pages </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="product-details.html">Product Default</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="product-details-variant-1.html">Product Variant 1</a> </li>
                    <li class="hm-nav-item"> <a class="nav-link" href="product-details-variant-2.html">Product Variant 2</a> </li>
                  </ul>

                  
                </li>
              </ul>
            </li>
            <!-- /Mega Menu Shop -->
            <li class="hm-nav-item"> <a class="nav-link" href="contact-us.html">Contact Us</a> </li>
          </ul>
        </div>
        <!-- /Desktop Menu -->

        <!-- Mobile Menu -->
        <aside class="hm-drawer">
          <form class="hm-drawer-search" method="get">
            <input type="search" placeholder="Search Products" name="drawer_search" value="">
            <i class="fas fa-search"></i>
          </form>
          <ul class="hm-nav" id="hm-drawer-nav">
            <li class="hm-nav-item">
              <a href="#" class="nav-link" data-toggle="collapse" data-target="#home" aria-expanded="false" aria-controls="home">Home</a>
              <ul id="home" class="collapse" aria-labelledby="home" data-parent="#hm-drawer-nav">
                <li> <a class="nav-link" href="index.html">Home 1</a> </li>
                <li> <a class="nav-link" href="home-2.html">Home 2</a></li>
              </ul>
            </li>
            <li class="hm-nav-item"> <a class="nav-link" href="about-us.html">About</a> </li>
            <li class="hm-nav-item">
              <a href="#" class="nav-link" data-toggle="collapse" data-target="#pages" aria-expanded="false" aria-controls="pages">Pages</a>
              <ul id="pages" class="collapse" aria-labelledby="pages" data-parent="#hm-drawer-nav">
                <li> <a class="nav-link" href="contact-us.html">Contact Us</a> </li>
                <li> <a class="nav-link" href="faq.html">FAQ</a> </li>
                <li> <a class="nav-link" href="login.html">Login</a> </li>
                <li> <a class="nav-link" href="register.html">Register</a> </li>
                <li> <a class="nav-link" href="404.html">404 Page</a> </li>
                <li> <a class="nav-link" href="coming-soon.html">Coming Soon Page</a> </li>
                <li> <a class="nav-link" href="checkout.html">Checkout</a> </li>
                <li> <a class="nav-link" href="cart.html">Cart</a> </li>
              </ul>
            </li>
            <li class="hm-nav-item"> <a href="blog.html" class="nav-link">Blog</a> </li>
            <li class="hm-nav-item"> <a href="shop-grid.html" class="nav-link">Shop</a> </li>
            <li class="hm-nav-item"> <a class="nav-link" href="contact-us.html">Contact Us</a> </li>
          </ul>
        </aside>
        <!-- /Mobile Menu -->

        <ul class="hm-nav-controls">
          <li>
            <form class="hm-drawer-search" method="get">
              <input type="search" placeholder="Search Products" name="drawer_search" value="">
              <i class="flaticon-search hm-trigger-search"></i>
            </form>
          </li>
          <li class="hm-trigger-favorite hm-nav-item-has-children">
            <i class="flaticon-like hm-has-notification"> <span class="hm-bg-primary">0</span> </i>
            <ul class="sub-menu sub-menu-right py-2">
              <li>
                <a class="media p-2" href="#">
                  <p class="mb-0 text-center w-100">Your Favorites are empty</p>
                </a>
              </li>
            </ul>
          </li>
          <li class="hm-trigger-cart hm-nav-item-has-children">
            <i class="flaticon-shopping-cart hm-has-notification"> <span class="hm-bg-primary">3</span></i>
            <ul class="sub-menu sub-menu-right py-2">
              <li>
                <a class="media p-2" href="#">
                  <div class="mr-2 align-self-center hm-cart-img">
                    <img src="./assets/img/product_sm/pr-sm-1.png" class="rounded-circle" alt="cart">
                  </div>
                  <div class="media-body">
                    <span>Men sports sweat pants</span>
                    <span class="hm-cart-price hm-text-primary">$13.99</span>
                    <i class="fas fa-times hm-remove-cart"></i>
                  </div>
                </a>
              </li>
              <li>
                <a class="media p-2" href="#">
                  <div class="mr-2 align-self-center hm-cart-img">
                    <img src="./assets/img/product_sm/pr-sm-2.png" class="rounded-circle" alt="cart">
                  </div>
                  <div class="media-body">
                    <span>Women beige dress w...</span>
                    <span class="hm-cart-price hm-text-primary">$8.99</span>
                    <i class="fas fa-times hm-remove-cart"></i>
                  </div>
                </a>
              </li>
              <li>
                <a class="media p-2" href="#">
                  <div class="mr-2 align-self-center hm-cart-img">
                    <img src="./assets/img/product_sm/pr-sm-3.png" class="rounded-circle" alt="cart">
                  </div>
                  <div class="media-body">
                    <span>Men sports sweat pants</span>
                    <span class="hm-cart-price hm-text-primary">$9.99</span>
                    <i class="fas fa-times hm-remove-cart"></i>
                  </div>
                </a>
              </li>
              <li class="px-2 pt-2">
                <a href="cart.html" class="btn btn-secondary w-100 text-white">Go to Cart</a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </header>
  <!-- /Header -->

  <!-- Banner -->
  <div class="hm-banner owl-carousel banner-2 arrows-bottom" id="home-banner">
    <div class="owl-slide">
      <div class="hm-circle hm-circl-xl hm-circle-0"></div>
      <div class="hm-circle hm-circle-xs hm-circle-1 hm-bg-primary"></div>
      <div class="hm-circle hm-circle-xs hm-circle-2 hm-bg-primary"></div>
      <div class="hm-line hm-line-md"></div>
      <div class="hm-banner-img">
        <img src="./assets/img/banner/banner-2-3.png" alt="banner">
      </div>
      <div class="container justify-content-end">
        <div class="hm-banner-text">
          <h1>New Fashion Furniture Designer Collection - <span class="hm-text-primary">2025</span> </h1>
          <p>Furniture refers to movable objects intended to support various activities seating.</p>
          <div class="hm-banner-meta">
            <div class="hm-product-price">
              <span class="hm-discounted-price"> <span class="hm-text-primary">$</span> 89.00</span>
              <span class="hm-actual-price has-discount">$99.00</span>
            </div>
            <div class="hm-banner-video">
              <a class="popup-youtube" href="#"><i class="flaticon-play-button"></i> Play Video</a>
            </div>
          </div>
          <a href="product-details.html" class="btn btn-border btn-shadow">Buy Now</a>
        </div>
      </div>
    </div>
    <div class="owl-slide">
      <div class="hm-circle hm-circl-xl hm-circle-0"></div>
      <div class="hm-circle hm-circle-xs hm-circle-1 hm-bg-primary"></div>
      <div class="hm-circle hm-circle-xs hm-circle-2 hm-bg-primary"></div>
      <div class="hm-banner-img">
        <img src="./assets/img/banner/banner-2-2.jpg" alt="banner">
      </div>
      <div class="container justify-content-end">
        <div class="hm-banner-text">
          <h1>Furniture Created With Thoughts of You <span class="hm-text-primary">2025</span> </h1>
          <p>Furniture refers to movable objects intended to support various activities seating.</p>
          <div class="hm-banner-meta">
            <div class="hm-product-price">
              <span class="hm-discounted-price"> <span class="hm-text-primary">$</span> 89.00</span>
              <span class="hm-actual-price has-discount">$99.00</span>
            </div>
            <div class="hm-banner-video">
              <a class="popup-youtube" href="#"><i class="flaticon-play-button"></i> Play Video</a>
            </div>
          </div>
          <a href="product-details.html" class="btn btn-border btn-shadow">Buy Now</a>
        </div>
      </div>
    </div>
    <div class="owl-slide">
      <div class="hm-circle hm-circl-xl hm-circle-0"></div>
      <div class="hm-circle hm-circle-xs hm-circle-1 hm-bg-primary"></div>
      <div class="hm-circle hm-circle-xs hm-circle-2 hm-bg-primary"></div>
      <div class="hm-banner-img">
        <img src="./assets/img/banner/banner-2.png" alt="banner">
      </div>
      <div class="container justify-content-end">
        <div class="hm-banner-text">
          <h1>Today Design Made For Future Furniture - <span class="hm-text-primary">2025</span> </h1>
          <p>Furniture refers to movable objects intended to support various activities seating.</p>
          <div class="hm-banner-meta">
            <div class="hm-product-price">
              <span class="hm-discounted-price"> <span class="hm-text-primary">$</span> 89.00</span>
              <span class="hm-actual-price has-discount">$99.00</span>
            </div>
            <div class="hm-banner-video">
              <a class="popup-youtube" href="#"><i class="flaticon-play-button"></i> Play Video</a>
            </div>
          </div>
          <a href="product-details.html" class="btn btn-border btn-shadow">Buy Now</a>
        </div>
      </div>
    </div>
  </div>
  <!-- /Banner -->

  <!-- Icon Block -->
  <div class="hm-section">
    <div class="container">
      <div class="row">
        <div class="col-lg-3 col-md-6">
          <div class="hm-icon">
            <span class="hm-icon-number">01</span>
            <i class="flaticon-free-delivery"></i>
            <div class="hm-icon-content">
              <h4>Free Shipping <span class="hm-text-primary">.</span> </h4>
              <p class="text-disabled"> Furniture product of design considered decorative art.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6">
          <div class="hm-icon">
            <span class="hm-icon-number">02</span>
            <i class="flaticon-clock"></i>
            <div class="hm-icon-content">
              <h4>24/7 Online Support <span class="hm-text-primary">.</span> </h4>
              <p class="text-disabled"> chairs stools and sofas eating tables and sleeping.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6">
          <div class="hm-icon">
            <span class="hm-icon-number">03</span>
            <i class="flaticon-piggy-bank"></i>
            <div class="hm-icon-content">
              <h4>Money Back Gaurantee <span class="hm-text-primary">.</span> </h4>
              <p class="text-disabled">Furniture can be made using a variety of woodworking joints.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-6">
          <div class="hm-icon">
            <span class="hm-icon-number">04</span>
            <i class="flaticon-credit-card"></i>
            <div class="hm-icon-content">
              <h4>100% Secure Checkout <span class="hm-text-primary">.</span> </h4>
              <p class="text-disabled">People have been objects such as tree stumps rocks and moss.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- /Icon Block -->

  <!-- Categories -->
  <div class="hm-section hm-product-categories hm-product-categories-style2 pt-0">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <a href="shop-grid.html">
            <div class="hm-product-category">
              <img src="./assets/img/categories/cat-5.jpg" alt="img">
              <div class="hm-category-overlay">
                <h2>Sofa</h2>
              </div>
            </div>
          </a>
        </div>
        <div class="col-md-4">
          <a href="shop-grid.html">
            <div class="hm-product-category">
              <img src="./assets/img/categories/cat-3.jpg" alt="img">
              <div class="hm-category-overlay">
                <h2>Napper 3 Seater Sofa</h2>
              </div>
            </div>
          </a>
        </div>
        <div class="col-md-4">
          <a href="shop-grid.html">
            <div class="hm-product-category">
              <img src="./assets/img/categories/cat-4.jpg" alt="img">
              <div class="hm-category-overlay">
                <h2>Side table lamp</h2>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <!-- Categories -->

  <!-- Featured Items -->
  <div class="hm-section pt-0">
    <div class="container-fluid">
      <div class="hm-section-title">
        <h2>Popular Products</h2>
        <p>With the great passion for the wood comfortable living.

</p>
      </div>

      <div class="hm-products">
        <div class="row">

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product on-sale">
              <a href="#" class="hm-product-img-wrapper">
                <div class="hm-product-badges">
                  <span class="flaticon-fire hot"></span>
                </div>
                <img src="./assets/img/products/pr_08.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">Furniture Cafe Zigzag</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product">
              <a href="#" class="hm-product-img-wrapper">
                <div class="hm-product-badges">
                  <span class="flaticon-fire hot"></span>
                  <span class="sale">35%</span>
                </div>
                <img src="./assets/img/products/pr_11.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">Beautiful sofa</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product">
              <a href="#" class="hm-product-img-wrapper">
                <img src="./assets/img/products/pr_09.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">Rocking armchair</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product">
              <a href="#" class="hm-product-img-wrapper">
                <img src="./assets/img/products/pr_10.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html"> Mini Side Table</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product on-sale">
              <a href="#" class="hm-product-img-wrapper">
                <div class="hm-product-badges">
                  <span class="flaticon-fire hot"></span>
                </div>
                <img src="./assets/img/products/pr_08.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">Furniture Cafe Zigzag</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product">
              <a href="#" class="hm-product-img-wrapper">
                <div class="hm-product-badges">
                  <span class="flaticon-fire hot"></span>
                  <span class="sale">35%</span>
                </div>
                <img src="./assets/img/products/pr_11.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">Beautiful sofa</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product">
              <a href="#" class="hm-product-img-wrapper">
                <img src="./assets/img/products/pr_09.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">Roking armchair</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product">
              <a href="#" class="hm-product-img-wrapper">
                <img src="./assets/img/products/pr_10.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">Mini side table</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product on-sale">
              <a href="#" class="hm-product-img-wrapper">
                <div class="hm-product-badges">
                  <span class="flaticon-fire hot"></span>
                </div>
                <img src="./assets/img/products/pr_08.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">Furniture cafe zigzag</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product">
              <a href="#" class="hm-product-img-wrapper">
                <div class="hm-product-badges">
                  <span class="flaticon-fire hot"></span>
                  <span class="sale">35%</span>
                </div>
                <img src="./assets/img/products/pr_11.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">beautiful sofa</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product">
              <a href="#" class="hm-product-img-wrapper">
                <img src="./assets/img/products/pr_09.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">Rocking armchair</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Product -->
          <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6">
            <div class="hm-product">
              <a href="#" class="hm-product-img-wrapper">
                <img src="./assets/img/products/pr_10.png" alt="img">
              </a>
              <div class="hm-product-content">
                <h3 class="hm-product-name"><a href="product-details.html">Mini ide table</a></h3>
                <div class="hm-product-controls">
                  <div class="hm-product-atc">
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-shopping-cart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon"><i class="fas fa-heart hm-to-right"></i></span>
                    <span class="btn hm-favorite hm-product-icon hm-hoverable-icon has-quicklook" data-toggle="modal" data-target="#quickLookModal"><i class="fas fa-eye hm-to-right"></i></span>
                  </div>
                </div>
                <div class="hm-product-meta">
                  <div class="hm-product-price">
                    <span class="hm-discounted-price hm-text-primary">$89.00</span>
                    <span class="hm-actual-price has-discount">$99.00</span>
                  </div>
                  <div class="hm-product-colors">
                    <span class="color-red" data-toggle="tooltip" data-placement="top" title="Brown"></span>
                    <span class="color-cyan" data-toggle="tooltip" data-placement="top" title="Pink"></span>
                    <span class="color-orange" data-toggle="tooltip" data-placement="top" title="Platinum"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
  <!-- /Featured Items -->

  <!-- Quick look window -->
  <div class="modal fade hm-quicklook" id="quickLookModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog hm-quicklook-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-body hm-quicklook-body p-0">
          <button type="button" class="close hm-close-quicklook" data-dismiss="modal" aria-label="Close">
            <span></span>
            <span></span>
          </button>
          <div class="row">
            <div class="col-md-5">
              <div class="hm-quicklook-img-wrapper">
                <img src="./assets/img/products/pr_08.png" alt="img">
              </div>
            </div>
            <div class="col-md-7">
              <div class="hm-product-content">
                <h3 class="hm-product-title">Men sports sweat pants</h3>
                <div class="hm-product-topbar">
                  <span class="stock in-stock">In Stock</span>
                  <span class="sku">SKU: <b>#2433</b> </span>
                  <div class="hm-product-rating-container">
                    <ul class="hm-product-rating">
                      <li> <i class="fas fa-star"></i> </li>
                      <li> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                    </ul>
                    <span>565 Reviews</span>
                  </div>
                </div>
                <p class="hm-product-description">
                  People have been using natural objects, such as tree stumps, rocks and moss, as furniture since the beginning of human civilization. Archaeological research shows that from around 30,000 years ago, people started to construct
                  
                </p>
                <div class="hm-product-variants">
                  <div class="quantity hm-variant-container">
                    <span>Qty: </span>
                    <div class="hm-variant-selection">
                      <input type="button" value="-" class="minus btn btn-outline-secondary hm-qty-btn">
                      <input type="text" id="quantity" class="input-text qty text" name="quantity" value="1" title="Qty">
                      <input type="button" value="+" class="plus btn btn-outline-secondary hm-qty-btn">
                    </div>
                  </div>
                </div>
                <div class="hm-product-price">
                  <span class="hm-discounted-price hm-text-primary">$89.00</span> /
                  <span class="hm-actual-price has-discount">$99.00</span>
                </div>
                <a href="#" class="btn hm-add-to-cart btn-lg btn btn-primary my-3"><i class="flaticon-shopping-cart"></i> Add to cart</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- /Quick look window -->

  <!-- CTA Style 2 -->
  <div class="hm-cta hm-cta-style2">
    <div class="container">
      <div class="row">
        <div class="col-lg-5">
          <div class="hm-cta-img">
            <img src="./assets/img/banner/banner-2-3.png" alt="cta">
            <div class="hm-cta-price">
              <span class="hm-discounted-price"><span class="hm-text-primary">$</span> 699 </span>
              <span class="hm-actual-price has-discount">$799</span>
            </div>
          </div>
        </div>
        <div class="offset-lg-2 col-lg-5">
          <div class="hm-cta-content-container">
            <div class="hm-cta-content">
              <h3 class="mb-0"> Early furniture artwork  found Russia</h3>
              <div class="hm-product-countdown" id="countdown-duration">
                <p><span id="days"></span> days </p>
                <p><span id="hours"></span> hours </p>
                <p><span id="minutes"></span> mins </p>
                <p><span id="seconds"></span> secs </p>
              </div>
              <a href="product-details.html" class="btn btn-border btn-shadow btn-border-dark">Buy Now</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- /CTA Style 2 -->

  <!-- Posts -->
  <div class="hm-section hm-posts">
    <div class="container">
      <div class="hm-section-title">
        <h2>Our Latest Blog</h2>
        <p>furniture of Skara Brae in Scotland.</p>
      </div>
      <div class="row">
        <div class="col-lg-3 col-md-6">
          <article class="hm-post">
            <div class="hm-post-date-container">
              <a href="blog-details.html">
                <p class="hm-post-date"> <span>24</span> June 2022 </p>
              </a>
            </div>
            <h3 class="hm-post-title"><a href="product-details.html">This era saw wooden including stools and tables</a></h3>
            <a href="blog-details.html" class="btn-link">Read more</a>
          </article>
        </div>
        <div class="col-lg-3 col-md-6">
          <article class="hm-post">
            <div class="hm-post-date-container">
              <a href="blog-details.html">
                <p class="hm-post-date"> <span>30</span> June 2022 </p>
              </a>
            </div>
            <h3 class="hm-post-title"><a href="product-details.html">This era saw wooden including stools and tables</a></h3>
            <a href="blog-details.html" class="btn-link">Read more</a>
          </article>
        </div>
        <div class="col-lg-3 col-md-6">
          <article class="hm-post">
            <div class="hm-post-date-container">
              <a href="blog-details.html">
                <p class="hm-post-date"> <span>20</span> June 2022 </p>
              </a>
            </div>
            <h3 class="hm-post-title"><a href="product-details.html">This era saw wooden including stools and tables</a></h3>
            <a href="blog-details.html" class="btn-link">Read more</a>
          </article>
        </div>
        <div class="col-lg-3 col-md-6">
          <article class="hm-post">
            <div class="hm-post-date-container">
              <a href="blog-details.html">
                <p class="hm-post-date"> <span>03</span> June 2022 </p>
              </a>
            </div>
            <h3 class="hm-post-title"><a href="product-details.html">This era saw wooden including stools and tables</a></h3>
            <a href="blog-details.html" class="btn-link">Read more</a>
          </article>
        </div>
      </div>
    </div>
  </div>
  <!-- /Posts -->

  <!-- Testimonials -->
  <div class="hm-section hm-testimonials pt-0">
    <div class="container">
      <div class="hm-section-title">
        <h2>Trusted by 3000+ Users</h2>
        <p>Complex techniques joinery began dynastict</p>
      </div>

      <div id="testimonialCarousel" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">

          <div class="carousel-item active">
            <div class="row">
              <div class="col-md-5">
                <div class="hm-testimonial-user text-center">
                  <h4>Randayna</h4>
                  <p class="mb-2">Fashion Designer</p>
                  <div class="hm-testimonial-meta">
                    <span class="badge badge-primary mr-1">5.0</span>
                    <ul class="hm-product-rating">
                      <li> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="col-md-7">
                <div class="hm-testimonial">
                  <i class="flaticon-right-quote"></i>
                  <p>
                    period of ancient Egypt This era saw constructed wooden pieces, including stools unique outgrowth of post-modern furniture design
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="row">
              <div class="col-md-5">
                <div class="hm-testimonial-user text-center">
                  <h4>Louis</h4>
                  <p class="mb-2">Furniture Designer</p>
                  <div class="hm-testimonial-meta">
                    <span class="badge badge-primary mr-1">5.0</span>
                    <ul class="hm-product-rating">
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="col-md-7">
                <div class="hm-testimonial">
                  <i class="flaticon-right-quote"></i>
                  <p>
                    Continued in ancient Greece and ancient Rome with thrones being commonplace as well as the klinai, multipurpose couches used The furniture of the Middle Ages
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="carousel-item">
            <div class="row">
              <div class="col-md-5">
                <div class="hm-testimonial-user text-center">
                  <h4>Bobby</h4>
                  <p class="mb-2">wood Designer</p>
                  <div class="hm-testimonial-meta">
                    <span class="badge badge-primary mr-1">5.0</span>
                    <ul class="hm-product-rating">
                      <li> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                      <li class="checked"> <i class="fas fa-star"></i> </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="col-md-7">
                <div class="hm-testimonial">
                  <i class="flaticon-right-quote"></i>
                  <p>
                     The seventeenth century in both Southern and Northern Europe was characterized by opulent often gilded Baroque designs The nineteenth century is usually define
                  </p>
                </div>
              </div>
            </div>
          </div>

        </div>

        <div class="row">
          <div class="col-md-5">
            <ul class="hm-testimonial-clients carousel-indicators">
              <li data-target="#testimonialCarousel" data-slide-to="0" class="active"> <img src="./assets/img/people/people_02.png" alt="testimonial"> </li>
              <li data-target="#testimonialCarousel" data-slide-to="1"> <img src="./assets/img/people/people_01.png" alt="testimonial"> </li>
              <li data-target="#testimonialCarousel" data-slide-to="2"> <img src="./assets/img/people/people_03.png" alt="testimonial"> </li>
            </ul>
          </div>
        </div>

      </div>
    </div>
  </div>
  <!-- /Testimonials -->

  <!-- Clients -->
  <div class="hm-section pt-0">
    <div class="container">
      <div class="row">
        <div class="col-md-2 col-sm-6">
          <div class="hm-client">
            <img src="./assets/img/brands/brand02.png" alt="client">
          </div>
        </div>
        <div class="col-md-2 col-sm-6">
          <div class="hm-client">
            <img src="./assets/img/brands/brand03.png" alt="client">
          </div>
        </div>
        <div class="col-md-2 col-sm-6">
          <div class="hm-client">
            <img src="./assets/img/brands/brand04.png" alt="client">
          </div>
        </div>
        <div class="col-md-2 col-sm-6">
          <div class="hm-client">
            <img src="./assets/img/brands/brand05.png" alt="client">
          </div>
        </div>
        <div class="col-md-2 col-sm-6">
          <div class="hm-client">
            <img src="./assets/img/brands/brand02.png" alt="client">
          </div>
        </div>
        <div class="col-md-2 col-sm-6">
          <div class="hm-client">
            <img src="./assets/img/brands/brand03.png" alt="client">
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- /Clients -->

  <!-- Explore -->
  <div class="hm-section hm-explore cta-alice">
    <div class="container text-center">
      <h3>Explore the Furniture design</h3>
      <a href="product-details.html" class="btn btn-secondary btn-xl">Shop now</a>
    </div>
  </div>
  <!-- /Explore -->

  <!-- Site footer -->
  <footer class="hm-footer footer-dark">

    <div class="hm-footer-top py-5">
      <div class="container">
        <div class="row">
          <div class="col-md-3">
            <div class="hm-footer-logo">
              <img src="./assets/img/logo-white.png" alt="Farwa">
            </div>
            <p class="hm-footer-about">
             The first three-quarters of often seen as the march towards Modernism One unique outgrowth of furniture design is a return to natural shapes 
            </p>
          </div>
          <div class="col-md-3">
            <ul class="hm-footer-menu">
              <li> <a href="#">Videos</a> </li>
              <li> <a href="#">Terms & Conditions</a> </li>
              <li> <a href="#">Site Map</a> </li>
              <li> <a href="#">Privacy Policy</a> </li>
              <li> <a href="#">Help</a> </li>
            </ul>
          </div>
          <div class="col-md-3">
            <ul class="hm-footer-menu">
              <li> <a href="#">About Us</a> </li>
              <li> <a href="#">Contact Us</a> </li>
              <li> <a href="#">Career</a> </li>
              <li> <a href="#">Our Location</a> </li>
            </ul>
          </div>
          <div class="col-md-3">
            <div class="hm-footer-details">
              <a class="hm-tel" href="tel:+123456789">+123 456 789</a>
              <p> <b class="hm-text-primary">Support: </b>9:00 am - 11:00 pm </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="hm-footer-bottom py-4">
      <div class="container">
        <div class="hm-footer-bottom-inner">
         
          <ul class="hm-footer-sm">
            <li> <a href="#"><i class="fab fa-facebook-f"></i></a> </li>
            <li> <a href="#"><i class="fab fa-google-plus-g"></i></a> </li>
            <li> <a href="#"><i class="fab fa-twitter"></i></a> </li>
            <li> <a href="#"><i class="fab fa-skype"></i></a> </li>
          </ul>
        </div>
      </div>
    </div>
  </footer>
  <!-- /Site footer -->

  <!-- jQuery -->
  <script src="./assets/js/jquery-3.3.1.min.js"></script>
  <!-- Popper -->
  <script src="./assets/js/popper.min.js"></script>
  <!-- Bootstrap -->
  <script src="./assets/js/bootstrap.min.js"></script>
  <!-- jquery countdown -->
  <script src="./assets/js/jquery.countdown.min.js"></script>
  <!-- Owl Carousel -->
  <script src="./assets/js/owl.carousel.min.js"></script>
  <!-- Magnific Popup -->
  <script src="./assets/js/jquery.magnific-popup.min.js"></script>
  <!-- Perfect Scrollbar -->
  <script src="./assets/js/perfect-scrollbar.min.js"></script>
  <!-- Main script -->
  <script src="./assets/js/main.js"></script>
</body>

</html>
快递鸟一站式物流API解决方案
电商企业物流数字化转型必备！快递鸟 API 接口，72 小时快速完成物流系统集成。全流程实战1V1指导，营造开放的API技术生态圈。
更多推荐
苹方字体跨平台解决方案：告别Windows与Mac的字体显示鸿沟
在Web开发中，我们经常面临一个令人头疼的问题：精心设计的页面在Mac上优雅精致，到了Windows设备上却因字体差异而显得平庸。今天，我们为您介绍一个专业的解决方案——PingFangSC字体包，它让苹方字体的优雅设计能够在所有平台上完美呈现。这个开源项目提供了完整的6种字重，支持ttf和woff2双格式，真正实现了跨平台字体统一。## 为什么跨平台字体一致性如此重要？🔍现代Web应用
快递鸟社区
Ascend-SACT/Mineru-Optimization后端引擎对比：Pipeline、Hybrid与VLM模式如何选择？
Ascend-SACT/Mineru-Optimization提供三种强大的后端引擎模式——Pipeline、Hybrid和VLM，帮助用户高效处理各类文档。本文将深入对比这三种模式的核心特性、性能表现和适用场景，助你快速找到最适合的解决方案。## 三大引擎模式核心特性解析 🚀### Pipeline模式：传统OCR流程的极致优化**核心架构**：采用模块化设计，包含版面分析、OCR、
快递鸟社区
如何永久保存微信聊天记录？WeChatMsg免费开源工具终极指南
你是否曾担心更换手机后，那些珍贵的微信对话会永远消失？与家人的温馨聊天、重要的工作沟通、朋友间的难忘回忆，这些数字记忆都值得被永久珍藏。**WeChatMsg**是一款完全免费的开源工具，专门用于**微信聊天记录永久保存和深度分析**，让你的每一段对话都能成为永恒的数字资产。## 🔍 你的聊天记录正在面临什么风险？微信已经成为我们日常生活中不可或缺的沟通工具，但官方并未提供完整的聊天记录