Added metadata (#23)

KSHS-Robotics-Club · Jul 12, 2024 · a17e6ef · a17e6ef
1 parent a257ce4
commit a17e6ef
Show file tree

Hide file tree

Showing 2 changed files with 61 additions and 1 deletion.
diff --git a/about.html b/about.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <link rel="icon" type="image/x-icon" href="images/favicon.ico">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Us - Kelmscott Senior High School Robotics</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
+</head>
+
+<body class="bg-gray-200">
+
+<!-- Header Section -->
+<header class="bg-gray-800 text-white p-4">
+    <div class="container mx-auto flex justify-between items-center">
+        <a href="https://kshs-robotics-club.github.io/">
+            <img src="logo.png" alt="KSHS Robotics" class="w-20 h-20">
+        </a>
+        <nav>
+            <a href="about.html" class="mx-2">About</a>
+            <a href="programs.html" class="mx-2">Programs</a>
+            <a href="contact.html" class="mx-2">Contact</a>
+            <a href="ow/index.html" class="mx-2">Old Page</a>
+        </nav>
+    </div>
+</header>
+
+<!-- Main Content -->
+<main class="container mx-auto py-16 px-4">
+    <h1 class="text-4xl font-bold mb-8">About Us</h1>
+    <p class="mb-4">KSHS has a variety of robotics programs spanning across all grades. Along with robotics classes, we enter teams into a variety of <a href="https://www.firstinspires.org/" class="text-blue-500">FIRST</a> competitions such as FIRST Lego League and FIRST Robotics Competition.</p>
+    <section class="mb-8">
+        <h2 class="text-3xl font-semibold mb-4">FLL</h2>
+        <p>KSHS first competed in FLL in 2018 but after 2019 went dormant for multiple years. In 2023, KSHS entered a team for the first time in 4 years, comprised of a group of year 8s and 9s. This year we have started our preparation early and are looking to send multiple teams with students ranging from years 7 to 9.</p>
+    </section>
+    <section class="mb-8">
+        <h2 class="text-3xl font-semibold mb-4">FRC</h2>
+        <p>This year we also plan to send a team to <a href="https://waroboticsplayoffs.com/" class="text-blue-500">WARP</a> to compete in the 2024 FIRST Robotics competition game. The team will be comprised of older students, allowing FLL students to transition into it after graduating from the FLL program.</p>
+    </section>
+</main>
+
+<!-- Footer Section -->
+<footer class="bg-gray-800 text-white py-4">
+    <div class="container mx-auto flex justify-between items-center">
+        <p>&copy; 2024 Kelmscott Senior High School Robotics</p>
+        <div>
+            <a href="#" class="mx-2"><i class="fab fa-twitter"></i></a>
+            <a href="https://www.facebook.com/profile.php?id=61559577347658" class="mx-2"><i class="fab fa-facebook"></i></a>
+            <a href="https://www.instagram.com/kshsrobotics/" class="mx-2"><i class="fab fa-instagram"></i></a>
+            <a href="https://www.youtube.com/@KSHSFRCroboticsteam" class="mx-2"><i class="fab fa-youtube"></i></a>
+        </div>
+    </div>
+</footer>
+
+</body>
+
+</html>
+
diff --git a/index.html b/index.html
@@ -19,7 +19,7 @@
             <img src="logo.png" alt="KSHS Robotics" class="w-20 h-20">
         </a>
         <nav>
-            <a href="#" class="mx-2">About</a>
+            <a href="about.html" class="mx-2">About</a>
             <a href="#" class="mx-2">Programs</a>
             <a href="#" class="mx-2">Contact</a>
             <a href="ow/index.html" class="mx-2">Old Page</a>