From 1ed54c68635ff4c764f2a2c37c543c41b8df6239 Mon Sep 17 00:00:00 2001
From: Raydo Matthee <126121348+burnt-exe@users.noreply.github.com>
Date: Sat, 2 Mar 2024 06:02:44 +0200
Subject: [PATCH] Update index.html

---
 index.html | 63 ++++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 44 insertions(+), 19 deletions(-)
diff --git a/index.html b/index.html
index e9cf6b28..cdd9fd73 100644
--- a/index.html
+++ b/index.html
@@ -1,45 +1,70 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Skunkworks Education</title>
+    <title>Skunkworks</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
     <style>
-        /* Custom styles */
         .header-blue { background-color: #0f62fe; }
         .bg-light-blue { background-color: #e0f2fe; }
         .border-custom { border: 3px solid #0f62fe; }
+        .dropdown { position: relative; display: inline-block; }
+        .dropdown-content {
+            display: none;
+            position: absolute;
+            background-color: #f9f9f9;
+            min-width: 160px;
+            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+            padding: 12px 16px;
+            z-index: 1;
+        }
+        .dropdown:hover .dropdown-content { display: block; }
+        .dropdown-content a {
+            color: black;
+            padding: 12px 16px;
+            text-decoration: none;
+            display: block;
+            text-align: left;
+        }
+        .dropdown-content a:hover { background-color: #ddd; }
     </style>
 </head>
-
 <body class="font-roboto bg-light-blue text-gray-900">
     <header class="header-blue text-white text-center p-10">
-        <nav class="flex justify-center space-x-4">
-            <a href="index.html" class="text-white hover:underline">Home</a>
-            <a href="about-us.html" class="text-white hover:underline">About Us</a>
-            <a href="course-catalog.html" class="text-white hover:underline">Course Catalog</a>
-            <a href="contact.html" class="text-white hover:underline">Contact</a>
-        </nav>
-        <h1 class="text-4xl font-bold">Welcome to Skunkworks Education</h1>
-        <p class="mt-4 text-xl">Course Information Pages</p>
+        <div class="dropdown">
+            <span>Menu</span>
+            <div class="dropdown-content">
+                <a href="index.html">Home</a>
+                <a href="about-us.html">About Us</a>
+                <a href="course-catalog.html">Course Catalog</a>
+                <a href="contact.html">Contact</a>
+                <a href="onboarding.html">Onboarding</a>
+            </div>
+        </div>
+        <h1 class="text-4xl font-bold">Welcome to Skunkworks</h1>
     </header>
 
     <div class="container mx-auto p-8">
+        <div class="bg-white p-6 border-custom rounded mb-4">
+            <h2 class="text-2xl font-bold mb-4">What We Do</h2>
+            <p>Skunkworks specializes in bridging the gap between technology and education. Our team provides cutting-edge educational and technical consulting and implementation services designed to empower educators, students, and organizations in the tech industry.</p>
+        </div>
+
+        <div class="bg-white p-6 border-custom rounded mb-4">
+            <h2 class="text-2xl font-bold mb-4">Educational Services</h2>
+            <p>We offer a wide range of educational services, from curriculum development to online course creation, tailored to meet the evolving needs of the educational sector. Our expertise lies in creating engaging, impactful learning experiences that drive success.</p>
+        </div>
+
         <div class="bg-white p-6 border-custom rounded">
-            <h2 class="text-2xl font-bold mb-2">Skunkworks Courses</h2>
-            <p class="mb-4">Abstracts and corrections documents for active courses</p>
-            <a href="course-catalog.html" class="text-blue-700 hover:text-blue-800">View Courses</a>
+            <h2 class="text-2xl font-bold mb-4">Technical Consulting & Implementation</h2>
+            <p>Our technical consulting services are focused on implementing innovative solutions that enhance efficiency and productivity. We work closely with organizations to understand their technical challenges and provide customized, actionable solutions.</p>
         </div>
-        <!-- Additional content blocks here -->
     </div>
 
     <footer class="text-center p-4 text-white header-blue">
-        <p>&copy; 2024 Skunkworks Education. All rights reserved.</p>
+        <p>&copy; 2024 Skunkworks. All rights reserved.</p>
     </footer>
-
 </body>
-
 </html>
\ No newline at end of file
