index.html

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

<head>
  <meta charset="utf-8">
  <link rel='shortcut icon' href='favicon.png' type='image/x-icon'>
  <title>Python Curriculum by Free Code Camp</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

  <link rel="stylesheet" href="stylesheet.css">
  <link href="https://fonts.googleapis.com/css?family=Lato|Rock+Salt|Ubuntu+Mono" rel="stylesheet">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

  <!-- Page scripts -->
  <script src="animate.js"></script>
  <script>
    (function(i,s,o,g,r,a,m){ i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
              m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      
      ga('create', 'UA-55446531-1', 'auto');
      ga('require', 'displayfeatures');
      ga('send', 'pageview');
  </script>
</head>

<body>
  <div class="navbar">
    <a href="http://freecodecamp.com" target="_blank"><img src="https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg" id="logo"></a>
    <span id="linkback"></span>
    <a href="#" target="_blank">
      <div><span>Python Curriculum</span> 2017</div>
    </a>
  </div>

  <div class="container">

    <div class="left">
      <h2 id="title"></h2>
      <div class="instructions" id="instructions"></div>

      <hr>
      <div class="instructions" id="challengeText"></div>
    </div>

    <div class="right">
      <iframe id="repl" frameborder="0" width="100%" height="500px" src=""></iframe>
      <button id="next-button" class="btn">Next Challenge <i class="fa fa-arrow-right bounce"></i></button>
    </div>

  </div>

  <script src="load-challenges.js"></script>
</body>
</html>