projects/wikipedia-viewer/index.html

<!DOCTYPE html>

<html lang="en">

<head>
  <title>Wikipedia Viewer</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="src/stylesheet.css">
</head>

<body>

  <div class="jumbotron">
    <h1>
      <span style='color: blue;'>W</span><span style='color: red;'>i</span><span style='color: yellow;'>k</span><span style='color: blue;'>i</span><span style='color: green;'>p</span><span style='color: red;'>e</span><span style='color: yellow;'>d</span><span style='color: blue;'>i</span><span style='color: green;'>a</span> Viewer</h1>

    <form id="live-search" role="search">
      <div class="form-group">

        <input id="search-box" type="text" placeholder=" Search Wikipedia">
        <button class="search-button" type="button">
          <i class="fa fa-search"></i></button>
      </div>
    </form>
    <br>
    <p>
      <em>Feeling lucky? </em><a id="random-btn" href="https://en.wikipedia.org/wiki/Special:Random" target="_blank" class="btn btn-default active" role="button">Random <i class="fa fa-wikipedia-w"></i>iki Entry</a>
    </p>

  </div>

  <div class="wiki-container">
  </div>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  <script src="src/app.js"></script>
</body>

</html>