index.html

<html>
  <head>
   <title>codebar.io - Exercise 1: Wish List</title>
    <link rel="stylesheet" href="style.css">

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.switchClass.js"></script>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body>
    <header>
      <img id="logo" src='https://raw.github.com/codebar/planner/master/app/assets/images/logo.png' width='200' />
    </header>
    <div id="container">
      <h1>Wish List</h1>
      <ol id="items">
        <!-- Items will be added here -->
      </ol>
      <span class="total"></span>
      <br/>
      <input type="text" id="item"/>
      <button id="add-to-list">Add to list</button>
    </div>
    <footer>
      <div id="content"> by <a href="http://codebar.io">codebar</a> </div>
    </footer>
  </body>
</html>