index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Sneha Kedia</title>
     <link rel="stylesheet" href="css/style.css">
     <link rel="icon" href="images/fav.ico">

     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather|Montserrat|Sacramento">
  </head>
  <body>
  <div class="top-container">
      <img class="cloud" src="images/cloud.png" alt="cloud">
      <h1> Hi, I'm Sneha</h1>
      <h2>a Web Designer.</h2>
      <img class="bottom-cloud" src="images/cloud.png" alt="cloud">
      <img class="b-mountain" src="images/mountain.png" alt="mountain">

  <div class="middle-container">
        <div class="profile">
          <img class="profile-pic" src="images/me.png" alt="me">
          <h2>Hello.</h2>
          <p class= "intro">I'm a computer science sophomore. I'm a web developer in making. I ❤ playing ukulele. I'm an anime freak and sometimes paint.</p>
        </div>
        <hr class= "hr">
        <div class="skills">
          <h2><u>My Skills</u></h2>
          <div class="skill-row">
            <img class="uku" src="images/uku.png" alt="uku">
            <h3>Playing Ukulele</h3>
            <p>I started learning to play ukulele since this year. I'm self teaching myself for now. It's great fun to learning it.</p>
          </div>
          <div class="skill-row">
            <img class="journal" src="images/j.png" alt="journal">
            <h3>Journaling</h3>
            <p>I started writing journals merely in my free time as a teenager. Little did I know it's gonna help me so much in the long run in staying updated and creative</p>
          </div>
        </div>
        <hr>
        <div class="contact-me">
          <h2>Get In Touch</h2>
          <h3 class="end">Love animes or are you an otaku yourself ?</h3>
          <p class="message">Would love to connect with you. Let's talk about how awesome these animes genre are!</p>
          <a class="btn" href="mailto:kediasneha09@gmail.com">CONTACT ME</a>
        </div>
  </div>


      <div class="bottom-container">
        <a class="footer-link" href="">LinkedIn</a>
        <a class="footer-link" href="">Twitter</a>
        <a class="footer-link" href="">Website</a>
        <p class="copyright">© 2022 Sneha Kedia</p>
      </div>


    </div>
  </body>
</html>