frontend/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">
    <title>TosSearchTW</title>
    
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/typeahead.css" rel="stylesheet">
    <link href="css/signin.css" rel="stylesheet">
    <link href="css/stylesheet.css" rel="stylesheet">
    <link href="css/loader.css" rel="stylesheet">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/typeahead.bundle.min.js"></script>
    <script type="text/javascript" src="js/tippy.all.min.js"></script>
    <script type="text/javascript" src="js/tossearch.js"></script>
  </head>

  <body class="text-center">
    <form class="form-signin">
      <img class="mb-4" src="img/search1.png" alt="" width="72" height="72">
      <h1 class="h3 mb-3 font-weight-normal">Tos Search</h1>
      <div id="tosquery" class="input-group text-center">
        <input id="search-content" class="typeahead form-control gray" type="text"
              placeholder="Popolion / 波波小獅王">
        <span class="input-group-btn">
          <button id="search" class="btn btn-outline-success" type="button">Search</button>
        </span>
        <span id="loader"></span>
      </div>
      <div id='notfound-indicator'>
      </div>
      <p class="mt-5 mb-3 text-muted">
        <span class="tippy"
              title="波光粼粼 @ 蘋果樹"
              data-tippy-placement="top">
          <img src="img/favicon.png" width="18" height="18">
          &copy;
        </span>
        <a href="https://github.com/hiiwave/TosSearchTW#change-log"
           class="tippy" title="Changelog" color: inherit>⇆
        </a>
        2018
        <a href="https://github.com/hiiwave/TosSearchTW"
           class="tippy" title="Source">
          <img class='dim' src="img/GitHub-Mark-32px.png" width="18" height="18">
        </a>
      </p>
    </form>
  </body>
</html>