Wikipedia-Viewer/index.html at master · PREMPRAKASHSINGH/Wikipedia-Viewer · GitHub

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Wikipedia Viewer</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<link rel="stylesheet" href="./css/screen.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

</head>
<body>
	<body>
	<div class="container-fluid">
		<div class="row" id="heading">
			<div class="col-md-6 col-md-push-3 col-xs-6 col-xs-push-3">
			    <h1 class="text-center">The Wikipedia Viewer</h1>
		        <div class="text-center" id="random">
		          	<a href="http://en.wikipedia.org/wiki/Special:Random" target="_blank"><h2>Random articles
		          	<i class="fa fa-random fa-lg"></i>
		           	</h2></a>
		           	<h2>OR</h2>
		        </div>
				<form class="form" action="javascript:void(0);">
					<div class="input-group">
						<input type="text" name="query" id="query" class="form-control input-lg" placeholder="Search">
						<div class="input-group-addon btn" id="search">
								<i class="fa fa-search"></i>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="container">
		<div id="res">

		</div>
	</div>
</body>

<script src="./js/main.js"></script>
</body>
</html>