-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
101 lines (84 loc) · 4.85 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Holey Chi - About</title>
<!-- Viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel='icon' href='assets/images/favicon-outside-transparent.png' type='image/x-icon'/ >
<!-- jQuery Link -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Materialize Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Materialize CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<!-- Materialize JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet">
<!-- Our CSS -->
<link rel="stylesheet" href="assets/css/leaflet.css">
<link rel="stylesheet" href="assets/css/style.css">
<script src="https://www.gstatic.com/firebasejs/4.5.0/firebase.js"></script>
</head>
<body>
<header>
<nav>
<div class="nav-wrapper container">
<ul>
<a href="index.html" class="brand-logo grey-text text-darken-3">
<img src="assets/images/logo-transparent.png" id="logo">
</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons grey-text text-darken-3">menu</i></a>
</ul>
<ul class="right hide-on-med-and-down">
<li><a href="about.html" class="grey-text text-darken-3">About</a></li>
<li><a href="crew.html" class="grey-text text-darken-3">Meet the Crew</a></li>
<li><a href="contact.html" class="grey-text text-darken-3">Contact Us</a></li>
<li><a href="https://www.cityofchicago.org/city/en/depts/cdot/provdrs/street/svcs/report_a_pot_holeinstreet.html" target="_blank" class="grey-text text-darken-3">Report a Pothole</a></li>
<li><a href="http://www.chicityclerk.com/community-affairs/claims" target="_blank" class="grey-text text-darken-3">File a Claim</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="about.html" class="grey-text text-darken-3">About</a></li>
<li><a href="crew.html" class="grey-text text-darken-3">Meet the Crew</a></li>
<li><a href="contact.html" class="grey-text text-darken-3">Contact Us</a></li>
<li><a href="https://www.cityofchicago.org/city/en/depts/cdot/provdrs/street/svcs/report_a_pot_holeinstreet.html" target="_blank" class="grey-text text-darken-3">Report a Pothole</a></li>
<li><a href="http://www.chicityclerk.com/community-affairs/claims" target="_blank" class="grey-text text-darken-3">File a Claim</a></li>
</ul>
<a href="index.html"><i class="right material-icons grey-text text-darken-3">search</i></a>
</div>
</nav>
</header>
<br><br>
<main class="row">
<section class="col s8 offset-s2 about">
<h4>About</h4>
<br>
<p>Does your car ever go bump in the night thanks to the plethora of potholes on the streets of Chicago? One pothole can ruin your whole day, and Chicago has over 625,000 of them so even the most attentive drivers fall victim at some point. </p>
<p>Hitting potholes is more than just a minor annoyance for the average driver. The time and energy commuters waste on changing flat tires, fixing bent rims and broken suspensions is a real concern that costs thousands of dollars in both repair and lost productivity.</p>
<p>Have you ever wished you could just avoid the headache all together? Instead of yelling <em>“Holy, Sh*t!,”</em> you’ll be yelling <em>“Holey, Chi!”</em></p>
<p>From the convenience of one site you can enter your address and view newly reported potholes and recently fixed ones so you can learn what routes to avoid to make your commute a breeze. You can also find information on how to file claims with the city for auto damages and report new potholes to help keep the community safe.</p>
<br>
<h5>APIs Used</h5>
<li>City of Chicago Pothole API</li>
<li>Mapbox API</li><br>
<h5>Our app gives you:</h5>
<li>The current potholes in chicago</li>
<li>The potholes fixed within the last week in chicago</li>
<li>The ability to see potholes nearby you (by location)</li>
<li>The ability to search for potholes near specified location (input field)</li>
</section>
</main>
<footer class="page-footer">
<div class="footer-copyright">
<div class="container center">
<span class="grey-text text-darken-4">© 2017 <a href="#" class="grey-text text-darken-4">Ali Arfeen</a> | <a href="#" class="grey-text text-darken-4">Zaynaib Giwa</a> | <a href="#" class="grey-text text-darken-4">Kaitlyn Strand</a> | <a href="#" class="grey-text text-darken-4">Jason Terrell</a>
</span>
</div>
</div>
</footer>
<script type="text/javascript">
$(".button-collapse").sideNav();
</script>
</body>
</html>