HTML+CSS+JS/Footer/Bouncing-Animation/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Bouncing Animation</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="content"></div>
    <footer>
      <div class="rounded-social-buttons">
        <a
          class="social-button facebook swing"
          href="https://www.facebook.com/"
          target="_blank"
          ><i class="fab fa-facebook-f"></i
        ></a>
        <a
          class="social-button twitter swing"
          href="https://www.twitter.com/"
          target="_blank"
          ><i class="fab fa-twitter"></i
        ></a>
        <a
          class="social-button linkedin swing"
          href="https://www.linkedin.com/"
          target="_blank"
          ><i class="fab fa-linkedin"></i
        ></a>
        <a
          class="social-button youtube swing"
          href="https://www.youtube.com/"
          target="_blank"
          ><i class="fab fa-youtube"></i
        ></a>
        <a
          class="social-button instagram swing"
          href="https://www.instagram.com/"
          target="_blank"
          ><i class="fab fa-instagram"></i
        ></a>
      </div>
    </footer>
    <script
      defer
      src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"
      integrity="sha384-xymdQtn1n3lH2wcu0qhcdaOpQwyoarkgLVxC/wZ5q7h9gHtxICrpcaSUfygqZGOe"
      crossorigin="anonymous"
    ></script>
  </body>
</html>