about us

longmetal7127 · Feb 15, 2024 · e804bab · e804bab
1 parent c060685
commit e804bab
Showing 1 changed file with 70 additions and 11 deletions.
diff --git a/pages/aboutus.html b/pages/aboutus.html
@@ -5,23 +5,82 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>About Us</title>
     <link rel="stylesheet" href="teams.css" />
+    <style>
+        /* CSS for centering */
+        body {
+            text-align: center;
+        }
+        /* CSS for indentation */
+        .indented {
+            margin-left: 180px; /* Adjust the value as needed */
+            text-align: left; /* Reset text alignment for indented text */
+        }
+        .bullet-list {
+            margin-left: 200px; /* Adjust the value to indent the bullets further */
+            text-align: left; /* Reset text alignment for bullet list */
+            list-style-position: inside; /* Ensure bullets are within the list */
+        }
+        /* CSS for box */
+        .capability-box {
+            border: 1px solid black;
+            padding: 10px;
+            margin: 20px auto; /* Center the box */
+            width: 80%; /* Adjust the width as needed */
+        }
+        /* CSS for input box */
+        .ranking-input {
+            width: 50px; /* Adjust the width as needed */
+        }
+    </style>
 </head>
 <body>
     <nav>
-		<div class = "heading">
-			<h1> Longmetal 7127 </h1>
-		</div>
-		<div class = "topnav">
-			<a href="../index.html"> Teams </a> 
-		    <a href="teamdetails.html"> Team Details </a> 
-			<a href="aboutus.html"> About Us </a> 
-		</div>
-	</nav>
+        <div class="heading">
+            <h1>Longmetal 7127</h1>
+        </div>
+        <div class="topnav">
+            <a href="../index.html">Teams</a>
+            <a href="teamdetails.html">Team Details</a>
+            <a href="aboutus.html">About Us</a>
+        </div>
+    </nav>
 
     <header>
         <div>
-            <h1> About Us </h1>
+            <h1>About Us</h1>
         </div>
     </header>
+
+    <div class="capability-box">
+        <h2>Our robot capabilities:</h2>
+    </div>
+    <!-- Space or new line between the box and the bullet list -->
+    <p class="indented"><strong>Autonomous</strong></p>
+    <ul>
+        <li class="bullet-list">prefer position ___ </li>
+        <li class="bullet-list">leaves position and shoots in ___ </li>
+    </ul>
+    <br>
+    <p class="indented"><strong>TeleOp</strong></p>
+    <ul>
+        <li class="bullet-list">prefer scoring in ___ </li>
+        <li class="bullet-list">prefer intaking from ___ </li>
+        <li class="bullet-list">can hang with ___ </li>
+    </ul>
+    <br>
+    <p class="indented"><strong>Human Player</strong></p>
+    <ul></ul>
+        <li class="bullet-list">prefer the coopertition button </li>
+        <li class="bullet-list">don't attempt the spotlight </li>
+    </ul>
+    <br>
+    <div class="capability-box">
+        <h2>Our Stats:</h2>
+    </div>
+    <br>
+    <p class="indented"><strong>Current Ranking:</strong> <input type="text" class="ranking-input"></p>
+    <br>
+    <p class="indented"><strong>Average points scored:</strong> <input type="text" class="ranking-input"></p>
+    <br>
 </body>
-</html>
+</html>