-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
201 lines (174 loc) · 6.44 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
<!DOCTYPE HTML>
<!--
Verti by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>OurMP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload homepage">
<div id="page-wrapper">
<!-- Header -->
<div id="header-wrapper">
<header id="header" class="container">
<!-- Logo -->
<div id="logo">
<h1><a href="index.html">OurMP</a></h1>
<span>by Gus McCallum</span>
</div>
</header>
</div>
<!-- Banner -->
<div id="banner-wrapper">
<div id="banner" class="box container">
<div class="row">
<div class="col-7 col-12-medium">
<h2>OurMP</h2>
<p>Canadian politics - easier and faster than ever.</p>
</div>
<div class="col-5 col-12-medium">
<ul>
<li><a href="#" class="button large icon solid fa-arrow-circle-right">Download</a></li>
<li><a href="#" class="button alt large icon solid fa-question-circle">More info</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Features -->
<div id="features-wrapper">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<!-- Box -->
<section class="box feature">
<a href="#" class="image featured"><img src="images/findmp.jpg" alt="Find my MP" /></a>
<div class="inner">
<header>
<h2>Find my MP</h2>
<p>Location is everything.</p>
</header>
<p>Enter an address or let geolocation determine the Member of Parliament for your riding. </p>
</div>
</section>
</div>
<div class="col-4 col-12-medium">
<!-- Box -->
<section class="box feature">
<a href="#" class="image featured"><img src="images/activityfeed.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Activity Feed</h2>
<p>Be the first to know.</p>
</header>
<p>Get updates on the Members of Parliament and legislation you care about, all in one place.</p>
</div>
</section>
</div>
<div class="col-4 col-12-medium">
<!-- Box -->
<section class="box feature">
<a href="#" class="image featured"><img src="images/mpcard.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>MP Info</h2>
<p>Dive deeper.</p>
</header>
<p>View contact info, past votes, and comparisons of votes between Members of Parliament.</p>
</div>
</section>
</div>
</div>
</div>
</div>
<!-- Main -->
<div id="main-wrapper">
<div class="container">
<div class="row gtr-200">
<div class="col-4 col-12-medium">
<!-- Sidebar -->
<div id="sidebar">
<section class="widget thumbnails">
<h3>Interesting stuff</h3>
<div class="grid">
<div class="row gtr-50">
<div class="col-6"><a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a></div>
<div class="col-6"><a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a></div>
<div class="col-6"><a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a></div>
<div class="col-6"><a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a></div>
</div>
</div>
<a href="#" class="button icon fa-file-alt">More</a>
</section>
</div>
</div>
<div class="col-8 col-12-medium imp-medium">
<!-- Content -->
<div id="content">
<section class="last">
<h2>What is OurMP?</h2>
<p></p><strong>OurMP</strong> is an Android app developed by Gus McCallum, Heebin Lee, Kien Nguyen, Francesco Menghi and Marco Chan for our capstone project while in Seneca College's Computer Programming and Analysis program.
It pulls data from a variety of publically available APIs to present political information about the goings-on in the Canadian House of Commons in an easy to understand format.
It is currently the only mobile app in Canada available to do so, and we intend to keep iterating and improving to add more valuable features and reach a larger audience.</p>
<a href="#" class="button icon solid fa-arrow-circle-right">Continue Reading</a>
</section>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="col-3 col-6-medium col-12-small">
<!-- Links -->
<section class="widget links">
<h3>Other Resources</h3>
<ul class="style2">
<li><a href="https://www.ourcommons.ca/en">House of Commons</a></li>
<li><a href="https://openparliament.ca/">Open Parliament</a></li>
<li><a href="https://represent.opennorth.ca/api/">Open North API</a></li>
</ul>
</section>
</div>
<div class="col-3 col-6-medium col-12-small">
</div>
<div class="col-3 col-6-medium col-12-small">
</div>
<div class="col-3 col-6-medium col-12-small">
<!-- Contact -->
<section class="widget contact last">
<h3>Contact Gus</h3>
<ul>
<li><a href="mailto:[email protected]" class="icon brands fa-email"><span class="label">Email</span></a></li>
</ul>
</section>
</div>
</div>
<div class="row">
<div class="col-12">
<div id="copyright">
<ul class="menu">
<li>© OurMP. All rights reserved</li><li>Design: <a href="http://html5up.net">Gus McCallum</a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>