index.html

<!DOCTYPE html>
<html lang="en">
<head> <!-- ===( CODE AASHU )=== -->
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>CODE AASHU : Interior Design</title>
   <!-- link style css-->
   <link rel="stylesheet" href="style.css">
   <!-- link font awesome-->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
   <header>
      <input type="checkbox" name="" id="chek">
      <label for="chek" class="fas fa-bars"></label>
      
      <h1 class="logo">Interior Design</h1>

      <nav>
         <a href="#">home</a>
         <a href="#">about</a>
         <a href="#">services</a>
         <a href="#">contact</a>
      </nav>
      <a href="#" class="btn">sign up</a>
   </header>

   <section class="Home">
      <div class="content">
         <h4>modern interior</h4>
         <h1>creat your <br> interior   <span>design</span></h1>
         <p>Lorem ipsum dolor, sit amet consectetur adipisicing <br>
            elit. Commodi ab dolor, hic pariatur odio tenetur.</p>

            <a href="#" class="btn">contact me</a>

            <div class="icon_social">
               <a href="#"><i class="fa-brands fa-github"></i></a>
               <a href="#"><i class="fa-brands fa-twitter"></i></a>
               <a href="#"><i class="fa-brands fa-facebook"></i></a>
               <a href="#"><i class="fa-brands fa-instagram"></i></a>
            </div>
      </div>

      <div class="home_image">
         <img src="assets/Mask Group.png" alt="">
         <img src="assets/Rectangle.png" alt="">
      </div>
   </section>

   <script>
      let teswt = "a13bhg2h";
      let num = teswt.split("").filter(function (ele ){
       ele
      }).join("")
      console.log(num)
   </script>

</body>

</html>