<html>
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" type="text/css" href="styles.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  </head>
  <body>
  <div class="wrapper">
  <div class="icon facebook">
      <div class="tooltip">Facebook</div>
      <span><i class="fa fa-facebook"></i></span>
  </div>
  <div class="icon twitter">
      <div class="tooltip">Twitter</div>
      <span><i class="fa fa-twitter"></i></span>
  </div>
  <div class="icon instagram">
      <div class="tooltip">Instagram</div>
      <span><i class="fa fa-instagram"></i></span>
  </div>
  <div class="icon github">
      <div class="tooltip">Github</div>
      <span><i class="fa fa-github"></i></span>
  </div>
  <div class="icon youtube">
      <div class="tooltip">YouTube</div>
      <span><i class="fa fa-youtube-play"></i></span>
  </div>
</div>
  </body>
</html>
