-
Notifications
You must be signed in to change notification settings - Fork 0
/
populate.html
206 lines (197 loc) · 10.5 KB
/
populate.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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<!--
Code contributed by Nimish Bongale and team
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lost&Found</title>
<meta name="description" content="Find your near and dear ones in case of a natural calamity.">
<meta name="keywords" content="Find your near and dear ones in case of a natural calamity.">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway|Candal">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style3.css">
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<section id="banner" class="banner">
<div class="bg-color">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="col-md-12">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./index.html"><img
src="img/Screenshot from 2019-06-29 14-03-04.png" class="img-responsive"
style="width: 150px; margin-top: -27px;"></a>
</div>
<div class="collapse navbar-collapse navbar-right" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="./index.html">Home</a></li>
<li><a href="./index.html">Services</a></li>
<li><a href="./index.html">About</a></li>
<li><a href="./index.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="banner-info">
<div class="banner-text text-center">
<h1 class="white">Populate our graph.</h1>
<p>In order for our proposed system to work, we must have to fill our database first.
We do this before the disaster even occurs, in preparation for the worst.
</p>
<a href="./search.html" class="btn btn-appoint">Search for your near and dear ones</a>
<a href="./claim.html" class="btn btn-appoint">Claim presence</a>
</div>
<div class="overlay-detail text-center">
<a href="#about"><i class="fa fa-angle-down"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<br><br><br>
<section id="about" class="section-padding">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-12">
<div class="section-title">
<h2 class="head-title lg-line">Tips on<br>How to add in inforamtion<br></h2>
<hr class="botm-line">
<p class="sec-para">Add in your details for future use.</p>
</div>
</div>
<div class="col-md-9 col-sm-8 col-xs-12">
<div style="visibility: visible;" class="col-sm-9 more-features-box">
<div class="more-features-box-text">
<div class="more-features-box-text-icon"> <i class="fa fa-angle-right"
aria-hidden="true"></i> </div>
<div class="more-features-box-text-description">
<h3>Relationships</h3>
<p>While thinking about this project, we narrowed down on 5 relationships,
that effectively cover all possible human ties with other entities. Make sure
to stick by them while creating your graph relations.
</p>
</div>
</div>
<div class="more-features-box-text">
<div class="more-features-box-text-icon"> <i class="fa fa-angle-right"
aria-hidden="true"></i> </div>
<div class="more-features-box-text-description">
<h3>Delay</h3>
<p>There might be a slight delay when it comes to adding nodes and relationships in
the graph. Please be patient.
</p>
</div>
</div>
<div class="more-features-box-text">
<div class="more-features-box-text-icon"> <i class="fa fa-angle-right"
aria-hidden="true"></i> </div>
<div class="more-features-box-text-description">
<h3>Rules and limitations</h3>
<p>Maxmimum number of nodes per person is set to 15 as of yet. There is no upper bound
on the number of
relations, however it becomes imperative here to mention that multiple relations
between 2 nodes would
serve absolutely no purpose.<br>
Nodes could be of the following types (case sensitive):-<br>
<ul>
<li>
<i class="fa fa-circle"></i> person
</li>
<li>
<i class="fa fa-circle"></i> pet
</li>
<li>
<i class="fa fa-circle"></i> other
</li>
</ul>
Relationships could be of type (case sensitive):-<br>
<ul>
<li>
<i class="fa fa-circle"></i> friend
</li>
<li>
<i class="fa fa-circle"></i> relative
</li>
<li>
<i class="fa fa-circle"></i> neighbour
</li>
<li>
<i class="fa fa-circle"></i> colleague
</li>
<li>
<i class="fa fa-circle"></i> owner
</li>
<li>
<i class="fa fa-circle"></i> other
</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="top-footer">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 marb20">
<div class="info-sec">
<p>Copyright © Lost&Found
</p>
</div>
</div>
<div class="col-md-4 col-sm-4 marb20">
<div class="ftr-tle">
<h4 class="white no-padding">Quick Links</h4>
</div>
<div class="info-sec">
<ul class="quick-info">
<li><a href="./populate.html"><i class="fa fa-circle"></i>Add in your details</a></li>
<li><a href="./search.html"><i class="fa fa-circle"></i>Initiate Search</a></li>
<li><a href="./claim.html"><i class="fa fa-circle"></i>Claim presence of entity</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-4 marb20">
<div class="ftr-tle">
<h4 class="white no-padding">Find us over on <i
class="fa fa-arrow-circle-down"></i></h4>
</div>
<div class="info-sec">
<ul class="social-icon">
<li class="bglight-blue"><i class="fa fa-facebook"></i></li>
<li class="bgdark-blue"><i class="fa fa-linkedin"></i></li>
<li class="bglight-blue"><i class="fa fa-twitter"></i></li>
<li class="bgdark-blue"><i class="fa fa-github"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--
Scripts
-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
</body>
</html>