Skip to content

Commit a35d0a2

Browse files
alligatorlokialligatorloki
committed
added projects page
1 parent 87f2ed4 commit a35d0a2

3 files changed

Lines changed: 255 additions & 0 deletions

File tree

‎assets/portrait/lukas.jpeg‎

655 KB
Loading

‎projects/2024-25.html‎

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
7+
<meta name="description" content="" />
8+
<meta name="author" content="" />
9+
<title>The JavaJokers - Milwaukee Area FTC Team</title>
10+
<link rel="shortcut icon" type="image/jpg" href="../assets/favicon.png" />
11+
<!-- Font Awesome icons (free version)-->
12+
<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous">
13+
14+
</script>
15+
<!-- Google fonts-->
16+
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
17+
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
18+
rel="stylesheet" />
19+
<!-- Core theme CSS (includes Bootstrap)-->
20+
<link href="css/styles.css" rel="stylesheet" />
21+
</head>
22+
23+
<body id="page-top">
24+
<!-- Navigation-->
25+
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
26+
<div class="container px-4 px-lg-5">
27+
<a class="navbar-brand" href="#page-top">JavaJokers</a>
28+
<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">
29+
Menu
30+
<i class="fas fa-bars"></i>
31+
</button>
32+
<div class="collapse navbar-collapse" id="navbarResponsive">
33+
<ul class="navbar-nav ms-auto">
34+
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
35+
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
36+
<li class="nav-item"><a class="nav-link" href="#contactus">Contact</a></li>
37+
<li class="nav-item"><a class="nav-link" href="/logs">Logs</a></li>
38+
<li class="nav-item"><a class="nav-link" href="/meettheteam">Meet The Team</a></li>
39+
</ul>
40+
</div>
41+
</div>
42+
</nav>
43+
<!-- Masthead-->
44+
<header class="masthead">
45+
<div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
46+
<div class="d-flex justify-content-center">
47+
<div class="text-center">
48+
<img src="/assets/img/logo.png" class="logo"></img>
49+
<h2 class="text-white-50 mx-auto mt-2 mb-5">The JavaJokers</h2>
50+
<a class="btn btn-primary" href="#contactus">Contact Us</a>
51+
</div>
52+
</div>
53+
</div>
54+
</header>
55+
<!-- About-->
56+
<section class="about-section text-center" id="about">
57+
<div class="container px-4 px-lg-5">
58+
<div class="row gx-4 gx-lg-5 justify-content-center">
59+
<div class="col-lg-8">
60+
<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>
61+
<p class="text-white-50">
62+
We are a team of 4 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>
63+
Our team number is <code>13828</code>.
64+
</p>
65+
</div>
66+
</div>
67+
</div>
68+
</section>
69+
70+
<section class="main-page" id="main-page">
71+
72+
</section>
73+
<!-- Contact-->
74+
<section class="contact-section bg-black" id="contactus">
75+
<div class="container px-4 px-lg-5">
76+
<div class="row gx-4 gx-lg-5">
77+
<div class="col-md-4 mb-3 mb-md-0">
78+
<div class="card py-4 h-100">
79+
<div class="card-body text-center">
80+
<i class="fas fa-map-marked-alt text-primary mb-2"></i>
81+
<h4 class="text-uppercase m-0">Address</h4>
82+
<hr class="my-4 mx-auto" />
83+
<div class="small text-black-50">227 W Pleasant St, Milwaukee, WI 53212</div>
84+
</div>
85+
</div>
86+
</div>
87+
<div class="col-md-4 mb-3 mb-md-0">
88+
<div class="card py-4 h-100">
89+
<div class="card-body text-center">
90+
<i class="fas fa-envelope text-primary mb-2"></i>
91+
<h4 class="text-uppercase m-0">Email</h4>
92+
<hr class="my-4 mx-auto" />
93+
<div class="small text-black-50"><a href="mailto:[email protected]">[email protected]</a></div>
94+
</div>
95+
</div>
96+
</div>
97+
<div class="col-md-4 mb-3 mb-md-0">
98+
<div class="card py-4 h-100">
99+
<div class="card-body text-center">
100+
<i class="fab fa-github text-primary mb-2"></i>
101+
<h4 class="text-uppercase m-0">Github</h4>
102+
<hr class="my-4 mx-auto" />
103+
<div class="small text-black-50"><a class="mx-2" href="https://github.com/JavaJokers">@JavaJokers</a></div>
104+
</div>
105+
</div>
106+
</div>
107+
108+
</div>
109+
<div class="social d-flex justify-content-center">
110+
<a class="mx-2" href="https://github.com/JavaJokers"><i class="fab fa-github"></i></a>
111+
<a class="mx-2" href="https://discord.gg/gWGdhBCqyR"><i class="fab fa-discord"></i></a>
112+
<a class="mx-2" href="https://instagram.com/javajokersftcteam"><i class="fab fa-instagram"></i></a>
113+
</div>
114+
115+
</div>
116+
</section>
117+
<!-- Footer-->
118+
<footer class="footer bg-black small text-center text-white-50"><div class="container px-4 px-lg-5">Copyright &copy; The JavaJokers 2021</div></footer>
119+
<!-- Bootstrap core JS-->
120+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
121+
<!-- Core theme JS-->
122+
<script src="js/scripts.js"></script>
123+
124+
</body>
125+
</html>

‎projects/index.html‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
7+
<meta name="description" content="" />
8+
<meta name="author" content="" />
9+
<title>The JavaJokers - Milwaukee Area FTC Team</title>
10+
<link rel="shortcut icon" type="image/jpg" href="../assets/favicon.png" />
11+
<!-- Font Awesome icons (free version)-->
12+
<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous">
13+
14+
</script>
15+
<!-- Google fonts-->
16+
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
17+
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
18+
rel="stylesheet" />
19+
<!-- Core theme CSS (includes Bootstrap)-->
20+
<link href="css/styles.css" rel="stylesheet" />
21+
</head>
22+
23+
<body id="page-top">
24+
<!-- Navigation-->
25+
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
26+
<div class="container px-4 px-lg-5">
27+
<a class="navbar-brand" href="#page-top">JavaJokers</a>
28+
<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">
29+
Menu
30+
<i class="fas fa-bars"></i>
31+
</button>
32+
<div class="collapse navbar-collapse" id="navbarResponsive">
33+
<ul class="navbar-nav ms-auto">
34+
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
35+
<li class="nav-item"><a class="nav-link" href="/projects">Projects</a></li>
36+
<li class="nav-item"><a class="nav-link" href="#contactus">Contact</a></li>
37+
<li class="nav-item"><a class="nav-link" href="/logs">Logs</a></li>
38+
<li class="nav-item"><a class="nav-link" href="/meettheteam">Meet The Team</a></li>
39+
</ul>
40+
</div>
41+
</div>
42+
</nav>
43+
<!-- Masthead-->
44+
<header class="masthead">
45+
<div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
46+
<div class="d-flex justify-content-center">
47+
<div class="text-center">
48+
<img src="/assets/img/logo.png" class="logo"></img>
49+
<h2 class="text-white-50 mx-auto mt-2 mb-5">The JavaJokers</h2>
50+
<a class="btn btn-primary" href="#contactus">Contact Us</a>
51+
</div>
52+
</div>
53+
</div>
54+
</header>
55+
<!-- About-->
56+
<section class="about-section text-center" id="about">
57+
<div class="container px-4 px-lg-5">
58+
<div class="row gx-4 gx-lg-5 justify-content-center">
59+
<div class="col-lg-8">
60+
<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>
61+
<p class="text-white-50" class="nav-link">
62+
We are a team of 4 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>
63+
Our team number is <code>13828</code>.
64+
</p>
65+
</div>
66+
</div>
67+
</div>
68+
</section>
69+
70+
<section class="main-page" id="main-page">
71+
<div class="container px-4 px-lg-5">
72+
<h1 class = "text-white mb-4">Projects</h1>
73+
<p class="text-white-50" class="nav-link" href="/projects/2024-25.html">
74+
2024-2025 FTC Season
75+
</p>
76+
</div>
77+
</section>
78+
<!-- Contact-->
79+
<section class="contact-section bg-black" id="contactus">
80+
<div class="container px-4 px-lg-5">
81+
<div class="row gx-4 gx-lg-5">
82+
<div class="col-md-4 mb-3 mb-md-0">
83+
<div class="card py-4 h-100">
84+
<div class="card-body text-center">
85+
<i class="fas fa-map-marked-alt text-primary mb-2"></i>
86+
<h4 class="text-uppercase m-0">Address</h4>
87+
<hr class="my-4 mx-auto" />
88+
<div class="small text-black-50">227 W Pleasant St, Milwaukee, WI 53212</div>
89+
</div>
90+
</div>
91+
</div>
92+
<div class="col-md-4 mb-3 mb-md-0">
93+
<div class="card py-4 h-100">
94+
<div class="card-body text-center">
95+
<i class="fas fa-envelope text-primary mb-2"></i>
96+
<h4 class="text-uppercase m-0">Email</h4>
97+
<hr class="my-4 mx-auto" />
98+
<div class="small text-black-50"><a href="mailto:[email protected]">[email protected]</a></div>
99+
</div>
100+
</div>
101+
</div>
102+
<div class="col-md-4 mb-3 mb-md-0">
103+
<div class="card py-4 h-100">
104+
<div class="card-body text-center">
105+
<i class="fab fa-github text-primary mb-2"></i>
106+
<h4 class="text-uppercase m-0">Github</h4>
107+
<hr class="my-4 mx-auto" />
108+
<div class="small text-black-50"><a class="mx-2" href="https://github.com/JavaJokers">@JavaJokers</a></div>
109+
</div>
110+
</div>
111+
</div>
112+
113+
</div>
114+
<div class="social d-flex justify-content-center">
115+
<a class="mx-2" href="https://github.com/JavaJokers"><i class="fab fa-github"></i></a>
116+
<a class="mx-2" href="https://discord.gg/gWGdhBCqyR"><i class="fab fa-discord"></i></a>
117+
<a class="mx-2" href="https://instagram.com/javajokersftcteam"><i class="fab fa-instagram"></i></a>
118+
</div>
119+
120+
</div>
121+
</section>
122+
<!-- Footer-->
123+
<footer class="footer bg-black small text-center text-white-50"><div class="container px-4 px-lg-5">Copyright &copy; The JavaJokers 2021</div></footer>
124+
<!-- Bootstrap core JS-->
125+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
126+
<!-- Core theme JS-->
127+
<script src="js/scripts.js"></script>
128+
129+
</body>
130+
</html>

0 commit comments

Comments
 (0)