-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
32 lines (30 loc) · 1.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
<head>
<title>IMDB Title Search - OMDB API</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script type="text/javascript" src="https://rawgit.com/aswinshenoy/imdb-api/master/imdb-api.js"></script>
</head>
<body>
<div class="bg-primary p-3 text-center">
<div class="row m-0">
<div class="col-md-2 p-0">
<img src="https://upload.wikimedia.org/wikipedia/commons/6/69/IMDB_Logo_2016.svg" style="width: 90px">
</div>
<div class="col-md-3 p-0">
<h3 class="text-white mt-2 m-0 ">IMDB Search (OMDB API)</h3>
</div>
<div id="search-box" class="col w-100">
<form class="mb-0 w-100" onsubmit="search_movie(); return false">
<div class="d-flex justify-content-center">
<input id="search_name" type="text" value="" placeholder="Enter Movie Name" class="p-1 mr-1" required>
<input id="api_key" type="text" value="" placeholder="Enter OMDB API KEY" class="p-1 mr-1" required>
<input type="submit" value="Search" class="btn btn-light p-2">
</div>
</form>
</div>
</div>
</div>
<div id="movie-details" class="container p-4" style="display: none;">
</div>
</body>
</html>