index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Adidev</title>
  <link rel="stylesheet" href="css/styles.css">
  <link rel="icon" href="favicon.ico">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Dancing Script&family=Gochi Hand&family=Patrick Hand&display=swap" rel="stylesheet">
</head>

<body>

  <div class="top">
    <img class="img1" src="images/cloud.png" alt="cloud-img">
    <h1>I'm Adidev.</h1>
    <p class="P">A programmer.</p>
    <img class="img2" src="images/cloud.png" alt="cloud-img">
    <img class="img3" src="images/mountain.png" alt="mountain-img">
  </div>
 <div class="BR">

 </div>
  <div class="middle-container">
    <div class="profile">
      <img class="TAG"
        src="images\circle-cropped (2).png"
        alt="">
      <div class="TomJErryCOntent">
        <h2 class="Hello">Hello.</h2>
        <p class="Hello-p">I am a child.I love to celebrate chidren's day 🤣😅😆😃😊 </p>
      </div>
    </div>
    <hr class="Horizontal">
    <br><br><br><br>
    <div class="skills">
      <div class="skill-row">
        <img class="Skill-1" src="https://media3.giphy.com/media/jTNG3RF6EwbkpD4LZx/200w.webp?cid=ecf05e47533orhmvvwa7tlnxvmdw6vugo6gt8u4bbwqiv677&rid=200w.webp" alt="">
        <h2 class="MySkills">My Skills.</h2>
      </div>
    </div>
    <div class="SK">
      <ul class="LIST">
        <li class="LIST">Programming</li><br>
        <li class="LIST">Football</li><br>
        <li class="LIST"> Solving Calculus of JEE Advanced syllabus   Putnam only</li>
      </ul>
    </div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>



    <hr class="Horizontal">
    <br>
    <br><br><br><br>
    <div class="contact-me">
      <img class="GETINTOUCH" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT6CFeSCITGLH8Dg8Sr0vuOIQk9IodyPifidw&usqp=CAU" alt="">
      <h2 class="getintouch">Get In Touch</h2>
      <h3></h3>
      <p></p>
      <a class="btn" href="CONTACTME.html">CONTACT ME</a>
    </div>
  </div>


  <div class="bottom-container">
    <a class="footer-link" href="https://www.linkedin.com/">LinkedIn</a>
    <a class="footer-link" href="https://twitter.com/">Twitter</a>
    <a class="footer-link" href="contact.html">Mail me</a>
    <p>© 2018 Name Surname.</p>
  </div>


</body>

</html>