-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathOutreach.html
112 lines (104 loc) · 6.5 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<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="styles.css">
<link rel="stylesheet" href="animstyles.css">
<script src="./loginAnimation.js"></script>
<!-- Design -->
<link rel="shortcut icon" type="image/x-icon" href="./Logo.png" />
<title>Team 6738 ｜ Excalibur</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-103081845-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-103081845-2');
</script>
</head>
<body id="b">
<!-- Navbar -->
<div class="row justify-content-md-center m-0 mt-md-0 mt-sm-0" >
<!-- style="border-bottom: 2px solid #d3af37" -->
<nav class="navbar navbar-expand-lg navbar-light col-md-12 col-sm-12" >
<a class="navbar-brand" href="#">
<img src="./Logo-Transparent.png" width="50" height="50" alt="" style="border-radius: 5px;">
</a>
<a class="navbar-brand" href="#">Excalibur 6738</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation" style="border: 1px solid #d3af37;">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html"><b>Home</b></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./Seasons.html">Seasons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./Outreach.html">Outreach</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./Resources.html">Resources</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./Sponsors.html">Sponsors</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="./AboutUs.html">About the Team</a>
<a class="dropdown-item" href="./AboutFRC.html">About FRC</a>
</div>
</li>
</ul>
<ul class="navbar-nav">
<li>
<div class="load-anim-1"></div>
<a id="loginlink" class="nav-link" style="display: inline-block;" href="javascript:goToLogin()"><i class="fas fa-user" id="loginicon"></i> Login</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="row justify-content-md-center m-0 p-2">
<div style="background-color:#012265; border-radius:0% !important;" class="jumbotron col-sm-12 col-md-7 m-0 pb-md-0">
<p class="p5" style="color:#d3af37 !important;">
One of the most important parts of FIRST is community outreach, which stays with you all year round, and not only during the season. When FIRST was established, its whole purpose was to bring children closer to science and technology, but the problem is that only the people whom are a part of a FIRST team are affected and involved with FIRSTs great ideas, and thus brought closer into science and technology.<br/><br/>
One of the phrases that floats around in many FIRST teams is "more than a robot" - meaning that FIRST is not just about the season itself, but also about spreading FIRSTs values to the people around you. We believe that this is our job. We pass these values on to children in elementary schools through activities about science and technology and try to get as many people interested about STEM as possible.<br/><br/>
Furthermore, we as a team mentor 5 FLL (one of the FIRSTs programs for kids 10-15) teams, teach them, help them understand robotics better, and generally teach them about FIRST and their values.<br/>
Additionally, each year we give a course for young mentors in the FLL program where we teach about responsibility and knowledge. Finally, a selected part of the group goes on to mentor FLL groups.<br/>
</p>
</div>
<div class="col-md-5 col-sm-12 align-self-center">
<img class="img-responsive rounded" src="https://drive.google.com/uc?id=117VNIyeWKX3Kte9ftclcJy-ZemLxr1UL" alt="..." style="width:100%;">
</div>
</div>
<div class="row justify-content-md-center m-0">
<div style="background-color:#012265; border-radius:0% !important;" class="jumbotron col-sm-12 m-0">
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!-- A Script For Mobile Support -->
<script>
var mobilecolor = "#012265"
var desktopcolor = "#012265"
if ($(window).width() < 768) {
document.getElementById("b").style = "background-color:" + mobilecolor + " !important;";
}
else {
document.getElementById("b").style = "background-color:" + desktopcolor + " !important;";
}
</script>
</body>
</html>