index.html

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

<head>
  <meta charset="utf-8">
  <title>Memo</title>
  <!-- Font awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" integrity="sha512-10/jx2EXwxxWqCLX/hHth/vu2KY3jCF70dCQB8TSgNjbCVAC/8vai53GfMDrO2Emgwccf2pJqxct9ehpzG+MTw==" crossorigin="anonymous"
    referrerpolicy="no-referrer" />
  <!-- Custom stylesheet -->
  <link rel="stylesheet" href="css/styles.css">
</head>

<body>

  <div class="header">
  <div class="memo">
  <a href="#memo">memo</a>
  </div>
    <a href="#game">Games</a>
    <a href="#about">About</a>
  </div>

  <section>
    <div class="About" id="about">
      <p>About Me</p>
    </div>
  
      <div class= "Para">
     <p class="para-memo">My name is Mehrmah fatima. I'm 3 years old. Favorite snacks is all the snackes. Favourite cartoon Doremon
      I love to play tennis too much. I love my Papa, mama and Akka
     </p>
      </div>

  </section>

 <section>

  <div class="About mischeif-heading">
    <p>My Mischeif</p>
  </div>

  <div class= "mischeif ">
    <p class="para-memo">
      I don't do that much mischiefs. I'm just tease my sisters. 
      I'm very good girl. You know :)
    </p>
     </div>

 </section>

 <section>
   <div class="input space" id="game">
     <h2>Can you play Game with me?</h2>
      <button class="button1">No</button>
      <button class="button2">Yes</button>
   </div>
 </section>
    

<section>
  <footer id="memo">
    <p>Copyright ⓒ memo</p>
  </footer>
</section>


  <script src="index.js" charset="utf-8"></script>
</body>

</html>