<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>