Add lower section to index

index.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ThunderPlains</title>
     <link rel="stylesheet" href="styles.css" />
+    <link rel="stylesheet" href="thunderplains-lower.css">
   </head>
   <nav class="navbar">
     <div class="logo flex">
@@ -89,5 +90,62 @@ <h1 class="comment">
         </div>
       </div>
     </header>
+
+    <section class="center">
+      <div id="s1" class="center">
+        <h3 class="center">Event Details</h3>
+        <img src="triple-line.svg" alt="ThunderPlains" id="tp-logo">
+      </div>
+
+      <div id="s2" class="center">
+        <div id="s2-1" class="center div-third">
+          <!-- this div is empty for spacing -->
+        </div>
+
+        <div id="s2-2" class="center div-third">
+          <h5>Date:</h5>
+          <h6>October 10, 2024</h6>
+        </div>
+
+        <div id="s2-3" class="center div-third">
+          <h5>Venue:</h5>
+          <h6>OKC Convention Center</br>Downtown OKC</h6>
+          <p>Special Event - FREE Parking is Available.</p>
+        </div>
+      </div>
+
+      <div id="photo-wrapper" class="center">
+        <img src="okc-event-center.png" alt="OKC Convention Center" id="event-photo">
+      </div>  
+    </section>
+
+    <footer class="center">
+      <div id="f1" class="center">
+        <img src="assets/Logo_horizontal.png" alt="ThunderPlains" id="tp-logo" class="center">    
+      </div>
+
+      <div id="f2" class="center">
+        <p id="f2-p1">ThunderPlains is a Techlahoma event organized by Vance Lucas and many other volunteers</p>
+
+        <p id="f2-p2">
+          <a href="https://www.techlahoma.org/code-of-conduct" class="text-gray-200 no-underline hover:text-gray-400">Techlahoma Code of Conduct</a>
+        </p>
+
+        <ul class="center">
+          <li id="first-li">Previous Years:</li>
+          <li><a href="http://2023.thunderplainsconf.com">2023</a></li>
+          <li><a title="Sorry, no website is available" class="text-gray-200 no-underline cursor-not-allowed">2022</a></li>
+          <li><a href="http://2021.thunderplainsconf.com">2021</a></li>
+          <li><a href="http://2020.thunderplainsconf.com">2020</a></li>
+          <li><a href="http://2019.thunderplainsconf.com">2019</a></li>
+          <li><a href="http://2018.thunderplainsconf.com">2018</a></li>
+          <li><a href="http://2017.thunderplainsconf.com">2017</a></li>
+          <li><a href="http://2016.thunderplainsconf.com">2016</a></li>
+          <li><a href="http://2015.thunderplainsconf.com">2015</a></li>
+          <li><a href="http://2014.thunderplainsconf.com">2014</a></li>
+          <li id="last-li"><a href="http://2013.thunderplainsconf.com">2013</a></li>
+        </ul>
+      </div>
+    </footer>
   </body>
 </html>