-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
67 lines (62 loc) · 3.34 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<html lang="en">
<head>
<title>History of Nepal</title>
<meta charset="utf-8">
<meta name="description" content="history of nepal with timelinejs">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!-- HTML5 shim, for IE6-8 support of HTML elements--><!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">History of Nepal</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</nav>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1 class="display-3">Nepal Historical Timeline</h1>
<p class="lead">We collect and visualise historical data of Nepal.</p>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<h2>Nepal History Timeline</h2>
<p class="lead">
This is an open source movement to collect and visualise historical events of Nepal. We want to create a databse of important
events of Nepalese history and present it in various formats so that users can learn about the history of Nepal in various interactive ways.
You can support us by providing the details of historical events you know, reporting the incorrect event details etc.
</p>
</div>
<div class="col-md-6">
<h3>Example timeline</h3>
<p></p>
<iframe src="example/index.html" width="100%" height="600px" style="border:none;"></iframe>
</div>
<div class="clearfix"> </div>
</div>
<div class="row footer jumbotron">
<div class="col-md-4 text-center">
<p class="lead">Initiated by <a href="https://lohanitech.com" target="_blank">Lohani Tech</a></p>
</div>
<div class="col-md-4 text-center">
<p class="lead"><a href="https://github.com/lohanitech/nepal_history_timeline">Github</a></p>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
</body>
</html>