-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-us.htm
61 lines (54 loc) · 3.31 KB
/
about-us.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About 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>
.header-blue { background-color: #0f62fe; }
.bg-light-blue { background-color: #e0f2fe; }
.border-custom { border: 3px solid #0f62fe; }
</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">About 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-2">Skunkworks EdTech - Microsoft Repository</h2>
<p class="mb-4">
Welcome to the Skunkworks EdTech Microsoft Repository, a hub of innovation and learning. As proud Microsoft business partners, we at Skunkworksza are dedicated to leveraging the power of technology to revolutionize education. This public repository serves as a cornerstone for our mission, offering a diverse range of educational scripts, tools, and resources.
</p>
<a href="https://github.com/skunkworksza/skunkworks.github.io" class="text-blue-700 hover:text-blue-800">Explore our GitHub Repository</a>
</div>
<div class="bg-white p-6 border-custom rounded mb-4">
<h2 class="text-2xl font-bold mb-2">Our Mission</h2>
<p class="mb-4">
Our mission is to empower educators, students, and tech enthusiasts by providing them with powerful tools and comprehensive learning materials. We focus on scripting, automation, and innovative tech solutions to make learning more accessible, engaging, and effective.
</p>
</div>
<div class="bg-white p-6 border-custom rounded mb-4">
<h2 class="text-2xl font-bold mb-2">Recent Projects</h2>
<ul class="list-disc pl-5 mb-4">
<li><a href="https://github.com/Pero-s-Academy" class="text-blue-700 hover:text-blue-800">Pedro's Academy on GitHub</a></li>
<li><a href="https://www.linkedin.com/newsletters/skunkworks-insights-7104248104035479553" class="text-blue-700 hover:text-blue-800">Skunkworks Insights - Newsletter</a></li>
<li><a href="https://blog.skunkworks.africa/" class="text-blue-700 hover:text-blue-800">Skunkworks Insights - Blog</a></li>
</ul>
<a href="contact.html" class="bg-blue-700 text-white rounded-full px-4 py-2">Get Involved</a>
</div>
<!-- Additional content can be added here -->
</div>
<footer class="text-center p-4 text-white header-blue">
<p>© 2024 Skunkworks. All rights reserved.</p>
</footer>
</body>
</html>