index.html

<html>
<head>
  <title>Race Survey</title>
  <link href='https://www.mapbox.com/base/latest/base.css' rel='stylesheet' />
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.7/c3.css">
  <script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.7/c3.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.min.js'></script>
  <style>
    body {
      padding-top: 5%;
      padding-bottom: 5%
    }
  </style>
</head>
<body>
  <div class='col12 clearfix'>
    <div class='col6 center pad2' id='belonging'>
      <h2 class='fancy'>Sense of Belonging on Campus</h2>
    </div>
    <div class='col6 center pad2' id='nonDisc'>
      <h2 class='fancy'>Non-Discriminatory Climate</h2>
    </div>
    <script src='index.js'></script>
  </div>
</body>
</html>