-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
77 lines (69 loc) · 3.75 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
<!DOCTYPE html>
<html lang="en" dirs="ltr">
<head>
<meta charset="utf-8">
<title>About Us</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="CSS/styles.css">
<link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBovKy8txAWzKMLCP0SPRZBot_VGRPRQgU&callback=initMap" async defer></script> -->
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #ff87ab">
<a class="navbar-brand" href="index.html">Fearless Footsteps!</a>
<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">
<li class="nav-item">
<a class="nav-link" href="about.html">About Us!</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html">Find A Map!</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us!</a>
</li>
<li class="nav-item">
<a class="nav-link" href="donate.html">Donate Now!</a>
</li>
</ul>
</div>
</nav>
<div class="bg-light">
<div class="container py-5">
<div class="row h-100 align-items-center py-5">
<div class="col-lg-6">
<h1 class="display-5">About Fearless Footsteps!</h1>
<p class="lead text-muted mb-0">We are Fearless Footsteps! A startup dedicated women, students,
and any community that frequently feels endangered as a pedestrian. Fearless Footsteps believe
that it is incredibly important to find the safest route possible based on traffic, crime rates, and time of day.</p>
</div>
<div class="col-lg-6 d-none d-lg-block"><img src="barbieee.png" alt="" class="img-fluid"></div>
</div>
</div>
</div>
<div class="bg-white py-5">
<div class="container py-5">
<div class="row align-items-center mb-5">
<div class="col-lg-6 order-2 order-lg-1">
<h2 class="font-weight-light">Our Data:</h2>
<p class="font-italic text-muted mb-4">We see how women and students feel and take their concerns very seriously. We have used this data in order to add
filters to our map searches to find the safest routes possible. </p>
</div>
<div class="col-lg-5 px-5 mx-auto order-1 order-lg-2" ><img src="https://lede-admin.usa.streetsblog.org/wp-content/uploads/sites/46/2021/06/Walking-With-Women-2.png" alt="" class="img-fluid mb-4 mb-lg-0"></div>
</div>
<div class="row align-items-center">
<div class="col-lg-5 px-5 mx-auto"><img src="https://i0.wp.com/blog.cstx.gov/wp-content/uploads/2019/10/ped-crash-chart-hor.jpg?resize=672%2C468&ssl=1" alt="" class="img-fluid mb-4 mb-lg-0"></div>
<div class="col-lg-6">
<h2 class="font-weight-light">You Should Know:</h2>
<p class="font-italic text-muted mb-4">Pedestrian deaths are in a 77% increase since 2010 and nighttime deaths have increased by 86%. 56% of women say
that they feel unsafe in unlit urban areas while walking. 85% of girls have exerperienced harrassment as a pedestrian by the time they are 17. 74% of college students feel unsafe walking home in the dark.</p>
</div>
</div>
</div>
</div>
</body>
</html>