Start Updating CSS

Author: EveStarLITE

index.html

@@ -37,21 +37,27 @@
   </header>
   <div class="body">
     <h1>FRC 3512 Software Team</h1>
-    <p>We are the software subteam of <a href=
-    "https://www.spartatroniks.com/">FRC Team 3512</a> located in Orcutt,
-    California. We teach high school students practical software and controls
-    engineering skills through <a href=
-    "https://www.firstinspires.org/">competitive robotics</a>.</p>
-    <p>This website is a collection of student and mentor knowledge and a
-    teaching aid.</p>
-    <h2 id="Our_vision">Our vision</h2>
-    <p>Produce competent software engineers who:</p>
-    <ol>
-      <li>Understand the tradeoff between maintainability and performance.</li>
-      <li>Can recognize when a given programming language or feature is the
-      right fit for a problem.</li>
-    </ol>
-    <h2 id="What_students_will_learn">What students will learn</h2>
+    <div class="Who_we_are_sec">
+      <h2 id="Who_we_are">Who We Are</h2>
+      <p>We are the software subteam of <a href=
+      "https://www.spartatroniks.com/">FRC Team 3512</a> located in Orcutt,
+      California. We teach high school students practical software and controls
+      engineering skills through <a href=
+      "https://www.firstinspires.org/">competitive robotics</a>.</p>
+      <p>This website is a collection of student and mentor knowledge and a
+      teaching aid.</p>
+    </div>
+    <div class="Our_vision_sec">
+      <h2 id="Our_vision">Our vision</h2>
+      <p>Produce competent software engineers who:</p>
+      <ol>
+        <li>Understand the tradeoff between maintainability and performance.</li>
+        <li>Can recognize when a given programming language or feature is the
+        right fit for a problem.</li>
+      </ol>
+    </div>
+    <div class="What_students_will_learn_sec">
+      <h2 id="What_students_will_learn">What students will learn</h2>
     <p>The software subteam programs the robot to make it move and automate
     parts of its functionality. Our goal is to expose you to the software
     engineering process in a low-risk, collaborative learning environment so
@@ -84,25 +90,40 @@ <h2 id="What_students_will_learn">What students will learn</h2>
       <li>How to write automated tests that ensure our software continues to
       work as we add features and perform cleanups.</li>
     </ol>
-    <h2 id="Administration"><a href="admin/">Administration</a></h2>
-    <p>Describes the software team's goals, its organization, and how it's
-    run.</p>
-    <h2 id="Developer_bootstrap"><a href="bootstrap/">Developer
-    bootstrap</a></h2>
-    <p>Provides the necessary tools to begin programming in C++.</p>
-    <h2 id="VPN_setup"><a href="vpn/">VPN setup</a></h2>
-    <p>Instructions for connecting to our robot VPN.</p>
-    <h2 id="Curriculum_and_instruction"><a href="ci/">Curriculum and
-    instruction</a></h2>
-    <p>Contains the software team teaching materials.</p>
-    <h2 id="GitHub"><a href="https://github.com/frc3512/">GitHub</a></h2>
-    <p>The software team's GitHub organization, which contains mirrors of our
-    Git repositories.</p>
-    <h2 id="FLL"><a href="fll/">FLL</a></h2>
-    <p>FLL-related stuff the software team deals with on an annual basis.</p>
-    <h2 id="Archives"><a href="archives/">Archives</a></h2>
-    <p>Contains legacy projects and resources from throughout the team's
-    history.</p>
+    </div>
+    <div class="Admin_sec">
+      <h2 id="Administration"><a href="admin/">Administration</a></h2>
+        <p>Describes the software team's goals, its organization, and how it's
+        run.</p>
+    </div>
+    <div class="Dev_bootstraps-sec">
+      <h2 id="Developer_bootstrap"><a href="bootstrap/">Developer
+      bootstrap</a></h2>
+        <p>Provides the necessary tools to begin programming in C++.</p>
+    </div>
+    <div class="VPN_setup_sec">
+      <h2 id="VPN_setup"><a href="vpn/">VPN setup</a></h2>
+        <p>Instructions for connecting to our robot VPN.</p>
+    </div>
+    <div class="Curriculum_sec">
+      <h2 id="Curriculum_and_instruction"><a href="ci/">Curriculum and
+        instruction</a></h2>
+        <p>Contains the software team teaching materials.</p>
+    </div>
+    <div class="Github_sec">
+      <h2 id="GitHub"><a href="https://github.com/frc3512/">GitHub</a></h2>
+        <p>The software team's GitHub organization, which contains mirrors of our
+        Git repositories.</p>
+    </div>
+    <div class="FLL_sec">
+      <h2 id="FLL"><a href="fll/">FLL</a></h2>
+        <p>FLL-related stuff the software team deals with on an annual basis.</p>
+    </div>
+    <div class="Archives_sec">
+      <h2 id="Archives"><a href="archives/">Archives</a></h2>
+        <p>Contains legacy projects and resources from throughout the team's
+        history.</p>
+    </div>
   </div>
 </body>
 </html>