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