<html>
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/static/custom.css">
    <title>Pokemon Type</title>
  </head>
  <body id="main">
    <div class="container">
      <div class="row">
        <br><br>
        <div class="col-lg-2"></div>
        <div class="col-lg-8">
          <h1><u>Who is that Pokemon?!</u></h1>
        </div>
        <div class="col-lg-2">
        </div>
      </div>
      <br><br>
      <div class="row">
          <div class="col-lg-2"></div>
        <div class="col-lg-8"> Find the Pokemon type of your custom pokemon from it's name.</div>
      </div>
      <div class="row">
        <br><br>
        <div class="col-lg-2"></div>
        <div class="col-lg-8">
          <div class="input-group">
            <input id ="img_url" type="text" class="form-control" placeholder="Enter your custom Pokemon's name "/>
            <span class="input-group-btn">
              <button id="btn_search" class="btn btn-primary" type="button">Go!</button>
            </span>
          </div>
          <br><br>
          <div class="col-lg-6">
            <div id="loading"> Recognizing . . </div>
            <table id="table" class="table table-striped">
            </table>
          </div>
        </div>
        <div class="col-lg-2"></div>
      </div>
    </div>
    <footer><center> Made By - <b>Sethu Iyer</b> </center></footer>
    <script src="/static/main.js"></script>
  </body>
</html>