index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">

    <!-- cusomise here -->
    <link href="css/styles.css" rel="stylesheet" media="screen">

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="lib/zon_api.js"></script>

    <!-- cusomise here -->
    <script type="text/javascript" src="js/example.js"></script>
  </head>   
  <body>
    <div class="container">

      <h1>Example from Zeit Online API</h1>
    
      <p>Matches for whaling:</p>
      
      <ol class="result">

      </ol>

      <a href="https://github.com/ZeitOnline/content-api-jquery">jQuery lib for ZON API</a>
    </div>
  </body>
</html>