index.html

<!DOCTYPE html>
<meta charset="utf-8"/>
<title>Wikipedia Viewer</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<div class="container">
  <h1>Wikipedia Viewer</h1>
  <div id="section-wiki-search">
    <input id="wiki-search-query" type="search" placeholder="search Wikipedia">
    <img id="search" src="imgs/search-icon.png" alt="Search icon"/>
    <div id="random-article"><a href="http://en.wikipedia.org/wiki/Special:Random" target="_blank">Random article</a></div>
  </div>
  <div id="search-results"></div>
</div>
<div id="my-about">
  <a href="https://github.com/coymeetsworld/wikipedia-viewer" target="_blank">Check the source code out on GitHub!</a>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="js/wikiviewer.js"></script>