<!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">
  <link rel="stylesheet" href="./assets/stylesheets/application.css" type="text/css">
  <link rel="stylesheet" href="./assets/stylesheets/normalize.css" type="text/css">
  <link href='https://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
  <title>Babel with Gulp</title>
</head>
<body>
  <header>
    <img src="./assets/images/the-forum.png" alt="forum logo" class="img-center"/>
  </header>
  <main>
    <section class="container"></section>
  </main>
  <script src="./dist/bundle.js"></script>
</body>
</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">
  <link rel="stylesheet" href="./assets/stylesheets/application.css" type="text/css">
  <link rel="stylesheet" href="./assets/stylesheets/normalize.css" type="text/css">
  <link href='https://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
  <title>Babel with Gulp</title>
</head>
<body>
  <header>
    <img src="./assets/images/the-forum.png" alt="forum logo" class="img-center"/>
  </header>
  <main>
    <section class="container"></section>
    <!-- recent active users -->
    <aside class="sidebar">
      <div class="active">
        <h2 class="active-title">
          Active Users
        </h2>
        <div class="sidebar-content"></div>
      </div>
    </aside>
    <!-- end recent active users -->
  </main>
  <script src="./dist/bundle.js"></script>
</body>
</html>

Add recent active users section
Add recent active users section
