Skip to content

Commit 822e794

Browse files
ryanzhangofficialryanzhangofficial
committed
Add UI
0 parents  commit 822e794

2 files changed

Lines changed: 575 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Orbotics | FRC Team 10152</title>
8+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
9+
<link rel="stylesheet" href="styles.css">
10+
<script defer src="script.js"></script>
11+
</head>
12+
<body>
13+
<header class="sticky-header">
14+
<nav class="navbar container">
15+
<a href="index.html" class="logo"><span class="logo-text">Team&nbsp;10152</span><img class="logo-icon" src="images/logo.png" alt="logo"></a>
16+
<ul class="nav-links">
17+
<li class="dropdown">
18+
<a href="about.html">About</a>
19+
<ul class="dropdown-menu">
20+
<li><a href="about.html#mission">Mission</a></li>
21+
<li><a href="history.html">History</a></li>
22+
</ul>
23+
</li>
24+
<li><a href="team.html">Departments</a></li>
25+
<li><a href="sponsorship.html">Sponsors</a></li>
26+
<li><a class="join-btn" href="https://forms.gle/fcawioAvaTKrN5Le6" target="_blank">Join&nbsp;Us</a></li>
27+
<li class="burger"><span></span><span></span><span></span></li>
28+
</ul>
29+
</nav>
30+
</header>
31+
32+
<section class="hero split">
33+
<div class="hero-left">
34+
<h1>Orbotics</h1>
35+
<p>We design, build, and compete—together. Join us in pushing the limits of creativity and engineering.</p>
36+
<a href="about.html" class="cta">Discover&nbsp;More</a>
37+
</div>
38+
<div class="hero-right">
39+
<img src="images/2024-2025/FRC.Team.Photo.jpeg" alt="Team group photo">
40+
</div>
41+
</section>
42+
43+
<section class="stats container">
44+
<div class="stat"><h2>40+</h2><p>Active Members</p></div>
45+
<div class="stat"><h2>1</h2><p>Seasons</p></div>
46+
<div class="stat"><h2>∞</h2><p>Innovation</p></div>
47+
</section>
48+
49+
<section class="gallery container">
50+
<h2>Season Highlights</h2>
51+
<div class="gallery-grid">
52+
<img src="images/2024-2025/Day3/photo2.jpg" alt="Season highlight">
53+
<img src="images/2024-2025/Day1/photo3.jpg" alt="Season highlight">
54+
<img src="images/2024-2025/Day4/photo1.jpg" alt="Season highlight">
55+
<img src="images/2024-2025/Day2/photo2.jpg" alt="Season highlight">
56+
<img src="images/2024-2025/Day1/photo1.jpg" alt="Season highlight">
57+
<img src="images/2024-2025/Day3/photo1.jpg" alt="Season highlight">
58+
<img src="images/2024-2025/Day4/photo3.jpg" alt="Season highlight">
59+
<img src="images/2024-2025/Day1/photo2.jpg" alt="Season highlight">
60+
<img src="images/2024-2025/Day3/photo3.jpg" alt="Season highlight">
61+
<img src="images/2024-2025/Day4/photo2.jpg" alt="Season highlight">
62+
<img src="images/2024-2025/Day2/photo1.jpg" alt="Season highlight">
63+
</div>
64+
</section>
65+
66+
<footer>
67+
<div class="container">
68+
<p>&copy;2025 Orbotics – FRC Team 10152</p>
69+
</div>
70+
</footer>
71+
</body>
72+
</html>

0 commit comments

Comments
 (0)