-
Notifications
You must be signed in to change notification settings - Fork 3
/
AboutFRC.html
105 lines (97 loc) · 5.93 KB
/
AboutFRC.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
<!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" />
<script src="https://kit.fontawesome.com/c796c62e1c.js"></script>
<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 mb-sm-0 pt-md-0">
<div style="background-color:#012265; border-radius:0% !important; color:#d3af37 !important;" class="jumbotron col-md-7 col-sm-12 m-0 ">
<span class="span5">The FRC is a competition in which teams, consisting of high school students from around the world. Every year, the teams are presented with a unique challenge. The teams must then build a robot that can effectively perform all the necessary parts of the challenge. Every team is given 6 weeks for building the robot and preparing it for the competitions. During that time period, the teams build many prototypes, design in “SolidWorks”, create part while using Complex machinery, such as CNC machines and 3D printers, build the mechanical elements of the robot, implement electronics, motors, and pneumatics into the system, and of course - program it. Meanwhile, the teams make posts and their robots on social media, and document the work that they do. </span>
<br/>
</div>
<div class="col-md-5 col-sm-0 pt-md-3 pt-sm-0 align-self-center">
<img class="img-responsive rounded" src="https://drive.google.com/uc?id=13Rm_VaXAybWtcPt_nsVWp6g8XkwRdG7a" alt="..." style="width:100% !important;">
</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>