Update terms.html

Signed-off-by: Raydo Matthee <[email protected]>

terms.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Terms of Service | Skunkworks (Pty) Ltd.</title>
     <link href="https://unpkg.com/carbon-components/css/carbon-components.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="./css/styles.css">
     <style>
         body {
             font-family: 'IBM Plex Sans', Arial, sans-serif;
@@ -93,8 +94,38 @@ <h2>10. Contact Information</h2>
         <p>If you have any questions or concerns regarding these ToS, please contact:</p>
         <p>Skunkworks (Pty) Ltd<br>
         Johannesburg, South Africa<br>
-        Email: <a href="mailto:privacy@skunkworks.africa">privacy@skunkworks.africa</a><br>
-        Phone: +27 (12) 883 3663</p>
+        Email: <a href="mailto:info@skunkworks.africa">info@skunkworks.africa</a><br>
+        Phone: +27 87 164 5398</p>
     </div>
+
+    <!-- Footer -->
+    <footer>
+        <div class="footer-body max-w-7xl mx-auto py-8 px-4 sm:px-6 lg:py-16 lg:px-8">
+            <div class="sm:grid sm:grid-cols-2 sm:gap-8 text-center sm:text-left">
+                <div class="flex justify-center sm:justify-start items-center mt-2 gap-8 xl:mt-0">
+                    <ul role="list" class="md:grid md:grid-rows-2 md:grid-flow-col md:gap-8 space-y-4 md:space-y-0">
+                        <li class="text-base text-gray-400 hover:text-gray-900">
+                            <a href="https://skunkworks.africa/privacy">Privacy Notice</a>
+                        </li>
+                        <li class="text-base text-gray-400 hover:text-gray-900">
+                            <a href="https://skunkworks.africa/terms">Terms of Service</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="space-y-8 xl:col-span-1 justify-self-end self-center mt-8 sm:mt-12 xl:mt-0">
+                    <div class="text-sm text-gray-400 text-center flex items-center justify-center">
+                        <p class="md:mr-5 mr-3">Powered by</p>
+                        <a class="font-normal contents" href="https://skills.network" target="_blank">
+                            <img class="mx-0" alt="organization logo" src="https://github.com/skunkworksza/www/blob/main/assets/skunkworks/logo-skunkworks-trans%2040%20%C3%97%2040%20px.png?raw=true" style="height: 50px;">
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="text-center mt-4">
+            <p class="text-sm text-gray-400">Explore more certifications on <a href="https://mainframeskillsdepot.ibm.com/badges" class="text-gray-400 hover:text-gray-900">IBM Skills Gateway</a></p>
+            <p class="text-sm text-gray-400">© Skunkworks Academy</p>
+        </div>
+    </footer>
 </body>
 </html>