index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Pravendra</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" href="favicon.ico">
    <link href='https://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet'>

<link href="http://fonts.cdnfonts.com/css/agency-fb" rel="stylesheet">


  </head>
  <body>

    <div class="top-container">
      <img class ="top-cloud" src="cloud.png" alt="cloud-image">
      <h1>I'm Pravendra.</h1>
      <p style="color:#66bfbf;  font-weight:normal ">a <span class="pro">pro</span>grammer & developer.</p>
      <img class="bottom-cloud" src="cloud.png" alt="cloud-image">
      <img src="mountain.png" alt="mountain-image">
    </div>


    <div class="middle-container">

      <div class="profile">
      <img width=" 110px" src="pravendra.png" alt="pravendra-photo">
        <h2>Hello.</h2>
        <p class="intro">I am a Programmer and Web Developer. I ❤️ Coffee and Tea. </p>
      </div>

      <hr>

      <div class="skills">
        <h2>My Skills.</h2>

              <div class="skill-row">
                <img class ="code-img" class="" src="target.png" alt="computer-photo">
                <h3>Design & Development</h3>
                <p class="code-skill-description">I started learning to code. When I was in B.Tech 3rd year student and motivated by our Seniors. </p>
              </div>

              <div class="skill-row">
                <img  class="chillies-img" class="" src="winner.png" alt="chillies-photo">
                <h3>Problem Challenge</h3>
                <p class="chillies-skill-description">But my target is actually work in 'FAANG' Companies.</p>
              </div>

      </div>
      <hr >

      <div class="contact-me">
        <h2>Get In Touch</h2>
        <h3>If you love to do work in 'FAANG'</h3>
        <p class="contact-message">solve as much as problems in leedcode, Techie Delight and GFG. </p>
        <a class="btn" href="mailto:pravendraksj10@email.com" method ="post" >CONTACT ME</a>
      </div>
    </div>

    <div class="bottom-container">
      <a class="footer-link" href="https://www.linkedin.com/in/pravendra02/">LinkedIn</a>
      <a class="footer-link" href="https://twitter.com/">Twitter</a>
      <a class="footer-link" href="#">Website</a>
      <p class="copyright">© 2022 Pravendra</p>
    </div>


  </body>
</html>