-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathlexHeroes.html
181 lines (148 loc) · 10.3 KB
/
lexHeroes.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Lexington Heroes</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap Icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic"
rel="stylesheet" type="text/css" />
<!-- SimpleLightbox plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<!-- breadcrumbs -->
<link href="css/breadcrumb.css" rel="stylesheet" />
<!-- Flatly theme from bootstrap: https://bootswatch.com/flatly -->
<!-- <link href = "css/flatlythemebootstrap.css" rel = "stylesheet" /> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="index.html">Lexington Youth STEM Team</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto my-2 my-lg-0">
<li class="nav-item"><a class="nav-link" href="index.html#Mission">Our Mission</a></li>
<li class="nav-item"><a class="nav-link" href="aboutus.html">About Us</a>
</li>
<li class="nav-item">
<div class="dropdown">
<a onclick="dropdown()" class="dropbtn nav-link">Projects</button>
<div id="myDropdown" class="dropdown-content">
<a href="harrington.html">Harrington PTA</a>
<a href="cel.html">CEL Data Analysis</a>
<a href="patriots.html">Patriots Day</a>
<a href="hotspots.html">Hotspots</a>
<a href="ttalk.html">Dr. Ting's Talk</a>
<a href="helpfulHands.html">Helpful Hands</a>
<a href="lexHeroes.html">Lexington Heroes</a>
</div>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="activity.html">Team Activity</a></li>
<li class="nav-item"><a class="nav-link" href="learning-center.html">Learning Center</a></li>
</ul>
</div>
</div>
</nav>
<!-- breadcrumbs-->
<section class="breadcrumb-section">
<ul class="breadcrumb">
<li><a href="index.html">Home</a></li>
<li>Projects</li>
</ul>
<hr class="divider" />
<section class="page-section" style="padding: 0rem" id="services">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0" style="font-size: 3rem"><b>Lexington Heroes</b></h2>
<hr class="specialdivider" style = "margin-bottom: 1.5rem; background-color:midnightblue; max-width: 50%; margin-top:0rem;" />
<div>
<div class = "row">
<div class = "col-lg-12">
<br>
<h3 class="h4 mb-2">
<u>Goals of this project</u>
</h3>
<p class = "mb-2">Lexington is a historic town which aims to honor and commemorate citizens, events, places and tell their stories. Our mission is to work with the Monuments and Memorials Committee to establish a database of every monument/memorial in Lexington. People who discover any new monuments or untold stories can use our website to add them into the town’s history. Visitors can also use the website to see the locations of every monument, and learn something new about our town.</p>
<br>
<h3 class="h4 mb-2">
<u>Impact On Community</u>
</h3>
<p class="mb-2">This is a project that's still going on. In the future, we plan on collaborating with the Lexington Tourism Committee to place a kiosk in the visitor center where tourists can use an interactive map (based on our database) to explore the many monuments and memorials of Lexington. While many people already know about the famous Minuteman Statue, there are many forgotten memorials which our project aims to bring into the light.
</p>
<br>
</div>
</div>
<div class="row">
<div class="column left">
<p class="h6 mb-2"><i>Our team: Baoren Liu (team co-leader), Cassidy Xu (team co-leader), Jerry Xu, Ashley Zhang, Edward Zhu, Ellen Wang, Irene Gao</i></p>
</div>
</div>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="assets\img\lexHeroes\publicmap-1.png" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets\img\lexHeroes\publicmap-2.png" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets\img\lexHeroes\arcgismap-1.png" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets\img\lexHeroes\arcgismap-2.png" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets\img\lexHeroes\arcgismap-3.png" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets\img\lexHeroes\coordinate.png" alt="Third slide">
</div>
</div>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<hr class="divider" />
<!-- Footer-->
<footer class="bg-light py-5">
<div class="container px-4 px-lg-5">
<div class="small text-center text-muted">Copyright © 2022 - Lexington Youth STEM Team</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- SimpleLightbox plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
<script type="text/javascript">(function(){window['__CF$cv$params']={r:'6d8de718ac858cdc',m:'2zmTXf4ZDnL9YMw9cwIhCzK9gODc.l9Aue6Wq1eicH8-1644082604-0-ASYCO9s45rwx7msnyF7YX8tpP+0jxoRbLjGY0XjhAryH7XKdRMTG/iK1ajr3ocWnZWCepD7TO/3PNFDZertj6HVlBV642+oCMsVj8k1pk1UpnLLXvR3N3ol48tYzU/NDt6kSsynRROJk5TsrxNf3yKg4g8z97pI56UxZ8uEGHr2ziZjzr6C7AMk6m/ZeKFYqjVKXHGmz/Fw3qgCovzO50CM=',s:[0xf5207b6be0,0x2c76e70693],}})();</script><script type="text/javascript">(function(){window['__CF$cv$params']={r:'6d8e5904fd1f8c23',m:'jzGa58uuK4Vo4X17fFytk4QIVzYYBqBWleHTGvCm14w-1644087271-0-AQPpHzYtzdYGMNETfgs0OQTdcuu6iptNJM5XvNTAc4V0FrhOitoUQNBumnDNL9arnlkiNz5f8hpTHtBDb4BQcZkj31zdfo/SvW58LncGZpXiqHWeQ7g4QrdQ7EV9RY9pgqumqTDosKLOQUWtn1GWPI42mjIVjiPB65npUhQVP5f4J0YW4HoN6TrpIxSZm88YzNdrDkISo6uu8K7L5SQk5IM=',s:[0x03bc475d03,0x6039d35826],}})();</script></body>
</html>