index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Bishal Keshri</title>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="stylesheet">

  </head>
  <body>
    <div class="topcontainer">
      <img class="topcloud" src="images/cloud.png" alt="cloud-img">
      <h1>I'm Bishal.</h1>
      <h2 class="pro">a <u>pro</u>grammer <h2>
      <img class="bottomcloud" src="images/cloud.png" alt="cloud-img">
      <img src="images/mountain.png" alt="mountain-img">

    </div>

<div class="middlecontainer">
  <div class="profile">
    <img class="mypic" src="myphoto.png" alt="">
    <h2>Hello.</h2>
    <p>I'm a Student as well as a Web Developer and I 💖 playing Sports.</p>
  </div>
  <hr class="hr">
  <div >
    <h2 >My Skills.</h2>
    <div class="skill-row">
      <img class="code" src="images/code.png" alt="computer-img">
      <br />
      <h3>Programming</h3>
      <ul>
        <li>Full Stack Web Development.</li>
        <li>Competitive Programming</li>
        <li>C and C++</li>
      </ul>

    </div>
    <div class="skill-row">
      <br />
      <img class="sports" src="images/sports.png" alt="sports-img">
      <br />
      <h3>Sports</h3>
      <ul>
        <li>Cricket</li>
        <li>Badminton</li>
        <li>Volleyball</li>
      </ul>
    </div>
  </div>
  <br />
  <hr class="hr">
  <div class="contact-me">
    <h2>Get In Touch</h2>
    <p>Love programming ?  Let's talk about it.</p>
    <a class="btn" href="mailto: bishal.keshri999@gmail.com"><button class="btn">CONTACT ME </button>  </a>
  </div>
</div>


<div class="bottomcontainer">
  <br />
  <a class="footer-link" href="https://www.linkedin.com/in/bishal-keshri-953a87212/">LinkedIn</a>
  <a class="footer-link" href="https://www.facebook.com/bishal.keshri.9028">Facebook</a>
  <a class="footer-link" href="https://www.instagram.com/bishal_keshri/">Instagram</a>
  <p class="cr" >© 2021 Bishal Keshri.</p>
  <br />
</div>



  </body>
</html>