css_loader/index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>CSS Loader Animation</title>
  <link href="base.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
</head>

<body>

  <header>
    <h1 class="primary-heading">CSS Loader Animation</h1>
    <nav></nav>
  </header>

  <main>

    <div class="bouncing-loader">
      <div class="bouncing-loader__ball"></div>
      <div class="bouncing-loader__ball"></div>
      <div class="bouncing-loader__ball"></div>
    </div>

  <div class="loader-wrapper">
    <div class="loader-animation">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
  </div>

  </main>

  <footer>
  </footer>

</body>
</html>