-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathoutreach.html
188 lines (157 loc) · 7.87 KB
/
outreach.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Outreach</title>
<link rel="icon" href="images/blacklogo.png">
<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/outreach.css">
</head>
<body>
<!-- Navbar -->
<div id="center-nav">
<div id="navbar-container">
<nav id="main-nav" class="navbar navbar-expand-lg navbar-dark sticky-top mr-auto" style="background-color:transparent">
<div id="nav-logo">
<a class="navbar-brand" href="/">
<img src="images/whitelogo.png" width="50" height="50" class="d-inline-block align-top" style="opacity: 80%;">
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar Items-->
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="./outreach.html">Outreach</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="./media.html">Media</a>
</li> -->
<!-- <li class="nav-item">
<a class="nav-link" href="./sponsors.html">Sponsors</a>
</li> -->
<li class="nav-item">
<a class="nav-link" style="color:#ff0098;" href="/resources.html">Resources</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!-- Content -->
<div class="outreach-class" id="intro-section" style="overflow-x: hidden;">
<div class="row">
<div class="col-lg-6">
<h2>Our Outreach</h2>
<p> A big component of FIRST is outreach – promoting science and technology in our communities. Team 1923 promotes STEM & FIRST within the school district, local community, and even globally! Some of our duties include: presenting and explaining
the FIRST program and values at community events, preparing for awards, writing awards submissions and creating graphics and videos for the team presentations.
</p>
</div>
<div class="col-lg-6">
<img id="outreach-teampic" class="rounded" src="images/outreach-landing.JPG" alt="Outreach">
</div>
</div>
</div>
<div class="outreach-class d-flex justify-content-center" id="manual-section">
<a href="https://drive.google.com/file/d/1ABbZ5ZR37EKt24-NQcT9goj8r7H3yzHm/view">
<button class="btn btn-outline-primary">Outreach Manual</button>
</a>
</div>
<div class="outreach-class" id="programs-section">
<h3>Recent Programs</h3>
<hr>
<br>
<div class="row">
<div class="col-md">
<ul>
<h4>2020</h4>
<li>Robo Expo: An exposition to prospective team members</li>
<h4>2018</h4>
<li>Robo Expo: An exposition to prospective team members</li>
<h4>2016</h4>
<li>Robo Expo: An exposition to prospective team members</li>
<h4>2014</h4>
<li>Robo Expo: An exposition to prospective team members</li>
</ul>
</div>
<div class="col-md">
<ul>
<h4>2019</h4>
<li>Robo Expo: An exposition to prospective team members</li>
<h4>2017</h4>
<li>Robo Expo: An exposition to prospective team members</li>
<h4>2015</h4>
<li>Robo Expo: An exposition to prospective team members</li>
<h4>2013</h4>
<li>Robo Expo: An exposition to prospective team members</li>
</ul>
</div>
</div>
</div>
<div class="outreach-class" id="event-section">
<h3>Events</h3>
<hr>
<div class="row">
<div class="col-lg">
<div class="card text-white bg-dark my-4">
<h4 class="card-title">FLL Qualifier</h4>
<img class="card-img-top" src="images/fll-event.JPG" alt="FLL Qualifier Image">
<div class="card-footer">
<small class="text-muted">Image from 2017</small>
</div>
</div>
</div>
<div class="col-lg">
<div class="card text-white bg-dark my-4">
<h4 class="card-title">MidKnight Mayhem</h4>
<img class="card-img-top" src="images/mkm-event.JPG" alt="Midknight Mayhem Image">
<div class="card-footer">
<small class="text-muted">Image from 2019</small>
</div>
</div>
</div>
</div>
</div>
<div id="footer-container" class="footer-class" style="background-color: rgba(52, 58, 64); overflow-x: hidden;">
<br>
<br>
<div class="row">
<div class="col d-flex justify-content-center">
<img src="images/whitelogo.png " width="150 " height="150 " class="d-inline-block align-top " style="opacity: 80%; ">
</div>
<div class="col" style="text-align: start;">
<br>
<h3>FIRST Team 1923: The MidKnight Inventors</h3>
<p>West Windsor-Plainsboro Regional School District</p>
<div class="row mt-2">
<div class="col-2">
<a href="https://facebook.com/frc1923">
<img src="images/facebook.svg" width="40px" height="40px">
</a>
</div>
<div class="col-2">
<a href="https://instagram.com/midknightinventors">
<img src="images/instagram.svg" width="40px" height="40px">
</a>
</div>
<div class="col-2">
<a href="https://twitter.com/frc1923">
<img src="images/twitter.svg" width="40px" height="40px">
</a>
</div>
</div>
</div>
</div>
<br>
<br>
</div>
<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://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js " integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q " crossorigin="anonymous "></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js " integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl " crossorigin="anonymous "></script>
</body>
</html>