-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (127 loc) · 7.62 KB
/
index.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
<!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>The Golda Meir JavaJokers - Meir School's First Tech Challenge (FTC) Team</title>
<link rel="icon" type="image/x-icon" href="/assets/favicon.png" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous">
</script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="../css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="#page-top">JavaJokers</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">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#profiles">Meet The Team</a></li>
<li class="nav-item"><a class="nav-link" href="/logs">Logs</a></li>
<li class="nav-item"><a class="nav-link" href="../">Back</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
<div class="d-flex justify-content-center">
<div class="text-center">
<img src="/assets/img/logo.png" class="logo"></img>
<h2 class="text-white-50 mx-auto mt-2 mb-5">The JavaJokers</h2>
<a class="btn btn-primary" href="#profiles">Meet the Team</a>
</div>
</div>
</div>
</header>
<!-- About-->
<section class="about-section text-center" id="about">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8">
<h2 class="text-white mb-4">JavaJokers is one of the 2024-2025 First Tech Challenge (FTC) team for Golda Meir School, located in Milwaukee, WI. </h2>
<p class="text-white-50">
We are a team of 7? people, and our goal is to expand our and others current knowledge of robotics, marketing and outreach, coding and app development, and much more.<br>
Our team number is <code>13 828</code>.
</p>
</div>
</div>
</div>
</section>
<!-- profiles-->
<section class="profiles-section bg-light" id="profiles">
<div class="container text-center mt-5 mb-2">
<h1 class="mb-0">Meet our team</h1>
</div>
<div class="container mt-3">
<div class="row">
<!--Spencer-->
<div class="col-md-3 profile">
<div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" width="90" src="https://upload.wikimedia.org/wikipedia/commons/1/14/No_Image_Available.jpg">
<h5 class="mt-3 name">Spencer Robinson</h5><span class="work d-block">Programmer and Outreach</span><span class="work d-block">8th grade</span>
<div class="mt-4 about"><span>No surviving portraits of Spencer exist, but he joined the Java Jokers last year and is the lead programmer who helps with outreach(including this website!)</span></div>
</div>
</div>
</div>
<!--Andy-->
<div class="col-md-3 profile">
<div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" width="90" src="../assets/portrait/mark.jpg">
<h5 class="mt-3 name">Andy Mommaerts</h5><span class="work d-block">CAD and Mechanical</span><span class="work d-block">12th grade</span>
<div class="mt-4 about"><span>A team member whp has prior CAD experience in tinkerCAD and fusion360. They run 3d printing that we do at the STEM center. They are the second of our two main drivers.</span></div>
</div>
</div>
<!--Lukas-->
<div class="col-md-3 profile">
<div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="../assets/portrait/lukas.jpeg" width="90">
<h5 class="mt-3 name">Lukas Knepper</h5><span class="work d-block">Cad and Mechanical</span><span class="work d-block">8th grade</span>
<div class="mt-4 about"><span>Lukas joined the Java Jokers last year, and really enjoys working in Onshape.</span></div>
</div>
</div>
<!--Kayden-->
<div class="col-md-3 profile">
<div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/1/14/No_Image_Available.jpg" width="90">
<h5 class="mt-3 name">Kayden Emery-Schwemer</h5><span class="work d-block"></span>Cad and Mechanical<span class="work d-block">7th grade</span>
<div class="mt-4 about"><span> Kayden joined the Java Jokers this year and is really enthusiastic and excited to learn about mechanical.</span></div>
</div>
</div>
<!--Jonathan-->
<div class="col-md-3 profile">
<div class="bg-white p-3 text-center rounded box"><img class="img-responsive rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/1/14/No_Image_Available.jpg" width="90">
<h5 class="mt-3 name">Jonathan</h5><span class="work d-block"></span>Outreach<span class="work d-block">9th grade</span>
<div class="mt-4 about"><span> Jonathan joined the Java Jokers this year, heads outreach, and is plotting to take over the world</span></div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact-->
<section class="contact-section bg-black" id="contactus">
<div class="social d-flex justify-content-center">
<a class="mx-2" href="https://github.com/JavaJokers"><i class="fab fa-github"></i></a>
<a class="mx-2" href="https://discord.gg/gWGdhBCqyR"><i class="fab fa-discord"></i></a>
<a class="mx-2" href="https://instagram.com/javajokersftcteam"><i class="fab fa-instagram"></i></a>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer bg-black small text-center text-white-50"><div class="container px-4 px-lg-5">Copyright © The JavaJokers 2021</div></footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="../js/scripts.js"></script>
</body>
</html>