-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
214 lines (198 loc) · 11.1 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
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
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--so it is responsive-->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Team-IO-Liv-City-Project</title>
<script src="index.js"></script>
<!--import the js-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!--Jqurry is needed for dropdown-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script src="https://wzrd.in/standalone/formdata-polyfill"></script>
<script src="https://wzrd.in/standalone/promise-polyfill@latest"></script>
<script src="https://wzrd.in/standalone/whatwg-fetch@latest"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<!--A list of: Home, Forms(drop), xml(drop), research(drop) javaScript-->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<img src="Resourses/govhack.png" height="50px" width="50px">
<!---->
<p style="margin-top: 1.1em;">LivCity</p>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<!--cange ml to mr to move the nav bar from left to right-->
<li>
<a class="navbar-brand nav-link" aria-haspopup="true" aria-expanded="false" href="#">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Download The App
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#"><a style="text-decoration:none;"
href="https://github.com/TeamIO-NZ/liv_city_flutter/releases">Android/IOS</a></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
GovHack 2020
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#"><a style="text-decoration:none"
href="https://govhack.org">GovHack Website</a></a>
<a class="dropdown-item" href="#"><a style="text-decoration:none"
href="https://en.wikipedia.org/wiki/GovHack">GovHack Wiki</a></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Projects By Team IO
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<!--the list under the dropdown menu-->
<a class="dropdown-item" href="#"><a style="text-decoration:none"
href="https://team-io-locale.herokuapp.com">Locale</a></a>
<a class="dropdown-item" href="#"><a style="text-decoration:none"
href="https://github.com/TeamIO-NZ/Locale-Backend">Team IO github</a></a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Scientific Research</a>
</li>
</ul>
</div>
</nav>
</header>
<main>
<!--Section 1-->
<section id="showCase">
<div class="container">
<h2>Weclome to LivCity</h2>
<div>
<p>
Liv city is an app developed by Team IO during GovHack which is an international hackathon.
Liv city is an app developed to give life to a city through engaging citizens in data collection
of
their surroundings. The app that can be installed on your phone will ask you questions about
your
surrounds and filling out theses questions we can gain a better understanding of our city.
Resulting in a better future for all.
</p>
</div>
</div>
</section>
<!--Section 2-->
<section id="contact">
<div class="container">
<h2>Register for scientific research.</h2>
<p>
You may register for your questions to be asked on our platform.
</p>
<div>
<form name="submit-to-google-sheet">
<div class="form-group">
<label for="formGroupExampleInput">First Name</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="First Name" name="firstname">
</div>
<div class="form-group">
<label for="formGroupExampleInput">Last Name</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Last Name" name="lastname">
</div>
<div class="form-group">
<label for="formGroupExampleInput">Email</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Email" name="email">
</div>
<div class="form-group">
<label for="formGroupExampleInput">Organisation</label>
<input type="text" class="form-control" id="formGroupExampleInput"
placeholder="Organisation" name="organisation">
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Proposal</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"
placeholder="Your Proposal" name="proposal"></textarea>
</div>
<div class="centerLine">
<button class="btn btn-lg bg-light" type="submit" style="margin-right: 2em;">Submit</button>
<button class="btn btn-lg bg-light">Reset</button>
</form>
</div>
</div>
</section>
<section id="develeoplment-skill">
<div class="container">
<h2> What Is Our Goal</h2>
<div class="skill-wrapper">
<div class="box">
<h3>Science During Covid</h3>
<img class="logos" src="Resourses/atom-logo.png">
<p>Using this application, we can question people during Coivd with zero contact as the
questions are
submitted by the appropriate authorities. Using this technology will aid scientific research
during
Covid. Theses questions can be targeted to specific demographics, this gives you much higher
quality
of information. We also have built in a chat bot for complex answers from individuals as a
survey may
not always get the best image. Although if closed answers are needed you can submit that
type of survey. </p>
</div>
<div class="box">
<h3>Caring For Our Aged Community</h3>
<img class="logos" src="Resourses/person.png">
<p>This app offers the ability to care for our elderly population during Covid as we do not have
to
physically interact with them to get information on their wellbeing using the targeted
surveys,
chat bot and personal check in functionality. This was a significant issue during the
pandemic as
people had to call all the old people to register how they were doing during the crisis.
Using this
app it should streamline this process given the appropriate uptake of the app. </p>
</div>
<div class="box">
<h3>Government Investment</h3>
<img class="logos" src="Resourses/house.png">
<p>Using the public space review/issues/complaints functionality of our app, we can crowd-source
areas of
concern in the community such as poor roads, litter issues in public parks, at-risk
communities, or
badly operating public transport.
This can aid government bodies in budgeting and prioritizing areas for issues we feel are
important.</p>
</div>
</div>
<hr>
</div>
</section>
<!--Section 3-->
<section id="about">
<div class="container">
<h2>About Team IO</h2>
<div>
<p>
We are a group of students from the Eastern Institute of Technology. We like code, technology,
robots and making things.
</p>
</div>
</div>
</section>
</main>
<footer>
<!--footer bar-->
<div class="container">
</div>
</footer>
</body>