index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  
  <link rel="shortcut icon" href="https://res.cloudinary.com/phonerefer/image/upload/v1575096088/ve0o2n85nfvgdatgqer2.jpg" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <link rel="stylesheet" href="style.css" /> 

  <!-- <title>Links - Your Name</title>  -->
  <title>Links - Deepak</title>
</head>
<body>

    <!-- Image and name. Change to your pictue here. -->
    <img src="img/2.png" alt="profile picture" class="profile-picture">
      
    <div class="profile-name">@gitsdeepak</div>
    <div class="profile-description">Check out my links!</div>

   <div class="social">
    <a href="#" class="fa fa-facebook"></a>
    <a href="#" class="fa fa-instagram"></a>
    <a href="#" class="fa fa-twitter"></a>
    <a href="#" class="fa fa-linkedin"></a>
   </div>

     
  <!-- Links -->

  <div class="link">
    <a href="https://gitsdeepak.github.io/" class="links">About Me</a>
    <a href="https://gitsdeepak.github.io/" class="links">Portfolio</a>
    <a href="https://bit.ly/Resume-Deepak" class="links">Resume</a>
    <a href="https://gitsdeepak.github.io/" class="links">Hire Me</a>
   </div>

  
   <div class="social">
    <a href="#" class="fa fa-behance"></a>
    <a href="https://gitsdeepak.github.io/" class="fa fa-github"></a>
   </div> 

</body>
</html>