index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css"> 
    <title>Odin_LandingPage</title>
</head>
<body>
   
        <header>
            
                <h3>फर्नीचर</h3>
               <nav>
                <ul class="nav_link">
                    <li > <a href="#home">Home</a></li>
                    <li> <a href="#product">Products</a> </li>
                    <li><a href="#sign">Sign Up</a></li>
                </ul>

            </nav>
        </header>
        <a name= "home"></a>
        <div class="flex-container1">
            <div class="one">
                <h2>Welcome to the world of furniture!</h2>
                <br>
                <h5>A house with old furnitures has no need of ghost to be haunted.
                     So here we are providing all the latest design furnitures. </h5>
                     <button>Sign up</button>
            </div>
            <div class="two">
                <img src="Images/logo.png" alt="">
            </div>

        </div>
        <a name = "product"></a>
        <h1 class="container2_heading">Our various products</h1>
        <div class="flex-container2">
            
            <div class="products">
                <img class="items" src="Images/sofa.jpg"  alt="">
                <h3>Sofa</h3>
            </div>
            <div class="products">
                <img class="items" src="Images/chair.jpg"alt="">
                <h3>Chair</h3>
            </div>
            <div class="products">
                <img class="items" src="Images/Bed.jpg" alt="">
              <h3>Bed</h3>
            </div>
            <div class="products">
                <img class="items" src="Images/Table.jpg" alt="">
                <h3>Table</h3>
            </div>
        </div>

        <div class="container3" >
            <p class="comment">Everything I build is going to last a lifetime–
                 generations. And it’s always going to hold its’
                  value, too. </p>
                  <p class="commenter">- Chad Woodruff</p>

        </div>
        <a name="sign" ></a>
        <div class="container4">
            <div class="signup">
                <h2>Looking to buy some new Furniture?</h2>
                <p>Sign Up to receive updates regarding new furniture!</p>

            </div>
            <button class="sign">Sign Up</button>


        </div>

       <footer class="container5">

            <p>Copyright &copy; The Odin Project 2021 </p>
       </footer>

   
</body>
</html>