homedecor-wallpieces.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
    <link
      href="https://fonts.googleapis.com/css2?family=Dancing+Script&amp;display=swap"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    />
    <link rel="stylesheet" href="style-general.css" />
    <title>Home Decor</title>
  </head>
  <body>
    <header>
      <div>
        <ul class="navbar">
          <li>
            <a href="index.html">
              <img src="icons/mainLogo.png" alt="dukaan logo" />
            </a>
          </li>
          <div class="navbar-mid">
            <li><a href="index.html" class="navbar-buttons">Home</a></li>
            <div class="dropdown">
              <li>
                <a href="shopnow.html" class="navbar-buttons">All Products</a>
                <div class="shopnow-content">
                  <a href="furniture-home.html">Furniture</a>
                  <a href="homeappliances-home.html">Appliances</a>
                  <a href="homedecor-home.html">Home Decor</a>
                  <a href="laptops-home.html">Laptops</a>
                  <a href="mobiles-home.html">Mobiles</a>
                </div>
              </li>
            </div>
            <li>
              <a href="aidesigner.html" class="navbar-buttons">AI Designer</a>
            </li>
            <li><a href="login.html" class="navbar-buttons">Login</a></li>
            <li><a href="signup.html" class="navbar-buttons">SignUp</a></li>
          </div>
          <li>
            <form action="">
              <input type="search" placeholder="Search here ..." />
              <i class="fa fa-search"></i>
            </form>
          </li>
        </ul>
      </div>
    </header>

    <div class="bodymid">
      <h1>Wall Pieces</h1>
      <div class="body1">
        <div class="flexinbodymid">
          <a href="" target="_blank">
            <img
              src="images/usedwallpieces/wp1.webp"
              alt="Image of Wall Pieces!"
              title="Buy Wall Pieces!"
              height="400px"
            />
            <p>Wall Pieces 1</p>
            <p>Rs. 30000</p>
          </a>
          <a href="payment.html" class="navbar-buttons">Buy Now</a>
        </div>
        <div class="flexinbodymid">
          <a href="" target="_blank">
            <img
              src="images/usedwallpieces/wp2.webp"
              alt="Image of Wall Pieces!"
              title="Buy Wall Pieces!"
              height="400px"
            />
            <p>Wall Pieces 2</p>
            <p>Rs. 25000</p>
          </a>
          <a href="payment.html" class="navbar-buttons">Buy Now</a>
        </div>
      </div>
      <div class="body1">
        <div class="flexinbodymid">
          <a href="" target="_blank">
            <img
              src="images/usedwallpieces/wp3.webp"
              alt="Image of Wall Pieces!"
              title="Buy Wall Pieces!"
              height="400px"
            />
            <p>Wall Pieces 3</p>
            <p>Rs. 40000</p>
          </a>
          <a href="payment.html" class="navbar-buttons">Buy Now</a>
        </div>
        <div class="flexinbodymid">
          <a href="" target="_blank">
            <img
              src="images/usedwallpieces/wp4.webp"
              alt="Image of Wall Pieces!"
              title="Buy Wall Pieces!"
              height="400px"
            />
            <p>Wall Pieces 4</p>
            <p>Rs. 35000</p>
          </a>
          <a href="payment.html" class="navbar-buttons">Buy Now</a>
        </div>
      </div>
      <div class="body1">
        <div class="flexinbodymid">
          <a href="" target="_blank">
            <img
              src="images/usedwallpieces/wp5.webp"
              alt="Image of Wall Pieces!"
              title="Buy Wall Pieces!"
              height="400px"
            />
            <p>Wall Pieces 5</p>
            <p>Rs. 35000</p>
          </a>
          <a href="payment.html" class="navbar-buttons">Buy Now</a>
        </div>
        <div class="flexinbodymid">
          <a href="" target="_blank">
            <img
              src="images/usedwallpieces/wp6.jpg"
              alt="Image of Wall Pieces!"
              title="Buy Wall Pieces!"
              height="400px"
            />
            <p>Wall Pieces 6</p>
            <p>Rs. 50000</p>
          </a>
          <a href="payment.html" class="navbar-buttons">Buy Now</a>
        </div>
      </div>
    </div>

    <footer>
      <div class="links">
        <br /><br />
        <a href="aboutus.html" class="buttons">About Dukaan</a>
        <span>|</span>
        <a href="contactus.html" class="buttons">Contact Us</a>
        <span>|</span>
        <a href="#" class="buttons"
          ><img src="icons/backToTop.png" alt="back to top " width="20px"
        /></a>
        <br /><br />
        <!-- <div class="foot"> -->
        <div class="media">
          <a href="" target="_blank">
            <img src="icons/fb.png" alt="Facebook Logo" width="50px" />
          </a>
          <a href="" target="_blank">
            <img src="icons/twitter.png" alt="Twitter Logo" width="50px" />
          </a>
          <a href="" target="_blank">
            <img src="icons/youtube.png" alt="Youtube Logo" width="50px" />
          </a>
          <a href="" target="_blank">
            <img src="icons/instagram.png" alt="Instagram Logo" width="50px" />
          </a>
        </div>
      </div>
    </footer>
  </body>
</html>