-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-us.html
332 lines (317 loc) · 20 KB
/
about-us.html
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Skunkworks (Pty) Ltd</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/carbon-icons/10.23.0-carbon-icons.min.css">
<link rel="stylesheet" href="./css/styles.css">
<link rel="stylesheet" href="./css/fonts.css">
<link rel="icon" href="https://github.com/skunkworksza/Media/raw/main/favicon.png" type="image/png">
</head>
<body>
<!-- Header -->
<header>
<h1>Skunkworks EdTech IBM Course Catalog</h1>
<nav>
<ul>
<li><a href="./index.html"><img alt="Home" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/application.svg" />Home</a></li>
<li>
<a href="#"><img alt="Training" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/training.svg" />Training</a>
<ul>
<li><a href="./blended-learning.html"><img alt="Blended Learning" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/literature.svg" />Blended Learning</a></li>
<li><a href="./course-development.html"><img alt="Course Development" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/presentation.svg" />Course Development</a></li>
<li><a href="./project-mentoring.html"><img alt="Project Mentoring" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/presenter.svg" />Project Mentoring</a></li>
<li><a href="./performance-support.html"><img alt="Performance Support Tools" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/support--services.svg" />Performance Support Tools</a></li>
<li><a href="./training-programs.html"><img alt="Training Programs" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/professional--marketplace.svg" />Training Programs</a></li>
</ul>
</li>
<li>
<a href="#"><img alt="Services" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/automation--software.svg" />Services</a>
<ul>
<li><a href="./software-development.html"><img alt="Software Development" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/software.svg" />Software Development</a></li>
<li><a href="./hardware-software.html"><img alt="Hardware and Software" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/server--rack.svg" />HW/SW Solutions</a></li>
<li><a href="./managed-cloud.html"><img alt="Managed Cloud Services" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/bd6b329933add88d1b2fbd81339a6a2cf0683aaa/carbon/cloud--managed--services.svg" />Managed Cloud</a></li>
<li><a href="./technical-support.html"><img alt="Technical Support Services" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/support--services.svg" />Technical Support</a></li>
<li><a href="./placement-recruitment.html"><img alt="Placements" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/global--partner%20(1).svg" />Placements</a></li>
</ul>
</li>
<li><a href="#contact"><img alt="Contact" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/bluepages.svg" />Contact</a></li>
</ul>
</nav>
</header>
<!-- Welcome Section -->
<section id="welcome-section" class="section welcome-section">
<h1>Welcome to Skunkworks</h1>
<h2>Innovative Technology, Education Solutions, and Placement Services for Tomorrow's Businesses</h2>
</section>
<!-- CEO Welcome Section -->
<section id="ceo-welcome" class="section">
<h2>Dear Visitor,</h2>
<p>I'm Raydo Matthee, and I'm thrilled to welcome you to Skunkworks, where the intersection of education and technology is our passion and our purpose.</p>
<p>As the CEO of Skunkworks, I proudly wear multiple hats, overseeing all aspects of our business operations. From guiding our technological direction to managing financial planning and reporting, my mission is to provide a clear vision for our team, ensuring effective resource utilization, and keeping all our teams aligned with our mission.</p>
<p><strong>Contact:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
</section>
<!-- Services Section -->
<section id="services" class="section">
<div class="container">
<div class="column">
<h2>Custom Learning Solutions</h2>
<ul>
<li><strong>Blended Learning:</strong> We design and implement blended learning programs that combine online digital media with traditional classroom methods. Personalized learning paths ensure each learner's unique needs are met.</li>
<li><strong>Course Development:</strong> Custom eLearning courses are developed to meet specific client objectives, ensuring engaging and interactive content.</li>
<li><strong>Project Mentoring:</strong> Our Project Mentoring service offers guided support throughout training engagements, ensuring successful implementation and application of new skills.</li>
<li><strong>Performance Support Tools:</strong> We create custom job aids and guides to help employees apply new skills to real-world tasks.</li>
<li><strong>Training Programs:</strong> Comprehensive training in soft skills, compliance, and boot camps, with outsourcing services available.</li>
<li><strong>LMS Development and Management:</strong> Custom Learning Management System (LMS) development and management for efficient content delivery, tracking, and reporting.</li>
</ul>
</div>
<div class="column">
<h2>Technology Solutions</h2>
<ul>
<li><strong>Software Development:</strong> Our experienced developers design and develop custom software solutions, including web and mobile app development, software development, and application modernization.</li>
<li><strong>Hardware and Software:</strong> We provide hardware and software products from major technology vendors, including servers, storage solutions, networking equipment, and software licenses.</li>
<li><strong>Managed Cloud Services:</strong> Cloud-based solutions for businesses of all sizes, including mixed cloud models, cloud infrastructure management, security, disaster recovery, and cloud migration services.</li>
<li><strong>Technical Support Services:</strong> Our technical support team provides timely and effective solutions to ensure your systems run smoothly. We offer 24/7 support, troubleshooting, and maintenance services.</li>
<li><strong>Contact Us for Technology Solutions:</strong> <a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
</div>
</section>
<!-- Placement & Recruitment Section -->
<section id="placement-recruitment" class="section">
<h2>Placement & Recruitment</h2>
<div class="services-grid">
<div class="service-card">
<div class="icon-container">
<i class="bx--icon bx--icon--document-tasks bx--icon--size-32"></i>
</div>
<h3>Job Posting</h3>
<p>Sourcing and advertising job openings to attract qualified candidates.</p>
</div>
<div class="service-card">
<div class="icon-container">
<i class="bx--icon bx--icon--search bx--icon--size-32"></i>
</div>
<h3>Candidate Screening</h3>
<p>Reviewing and filtering applications to identify the best matches.</p>
</div>
<div class="service-card">
<div class="icon-container">
<i class="bx--icon bx--icon--user-admin bx--icon--size-32"></i>
</div>
<h3>Interviews</h3>
<p>Conducting interviews to evaluate candidates' qualifications and fit.</p>
</div>
<div class="service-card">
<div class="icon-container">
<i class="bx--icon bx--icon--checkmark bx--icon--size-32"></i>
</div>
<h3>Job Offers</h3>
<p>Making offers to selected candidates and negotiating terms.</p>
</div>
</div>
<div class="contact-info">
<p><strong>Contact Us for Placement & Recruitment:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</section>
<!-- Our Partners Section -->
<section id="our-partners" class="section">
<h2>Our Partners</h2>
<p>At Skunkworks, we are proud to collaborate with industry leaders and technology giants to deliver the best solutions to our clients. Our partners include:</p>
<div class="partners-grid">
<!-- Partner logos with descriptions -->
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/9/93/Amazon_Web_Services_Logo.svg" alt="AWS Logo">
<p>Amazon Web Services (AWS)</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Microsoft_Azure_Logo.svg" alt="Microsoft Azure Logo">
<p>Microsoft Azure</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/5/51/Google_Cloud_logo.svg" alt="Google Cloud Platform Logo">
<p>Google Cloud Platform (GCP)</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/5/51/IBM_logo.svg" alt="IBM Cloud Logo">
<p>IBM Cloud</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/5/50/Oracle_logo.svg" alt="Oracle Cloud Logo">
<p>Oracle Cloud</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/7/79/DigitalOcean_logo.png" alt="DigitalOcean Logo">
<p>DigitalOcean</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/b/bc/Linode_updated_logo.png" alt="Linode Logo">
<p>Linode</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/5/59/McAfee_logo_%282017%29.svg" alt="McAfee Logo">
<p>McAfee</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/0/00/Symantec_Logo.svg" alt="Symantec Logo">
<p>Symantec</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/f/f4/Trend_Micro_logo.svg" alt="Trend Micro Logo">
<p>Trend Micro</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/3/3e/Fortinet_Logo.png" alt="Fortinet Logo">
<p>Fortinet</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/d/de/PaloAltoNetworks_2020_Logo.svg" alt="Palo Alto Networks Logo">
<p>Palo Alto Networks</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/f/f3/Check_Point_logo_2022.svg" alt="Checkpoint Logo">
<p>Checkpoint</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/f/fc/Crowedstrike_logo.png" alt="CrowdStrike Logo">
<p>CrowdStrike</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/8/85/FireEye_logo.png" alt="FireEye Logo">
<p>FireEye</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/4/4e/Kaspersky_icon.svg" alt="Kaspersky Logo">
<p>Kaspersky</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Sophos_logo.svg" alt="Sophos Logo">
<p>Sophos</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/1/18/Dell_logo_2016.svg" alt="Dell Logo">
<p>Dell</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/a/ad/HP_logo_2012.svg" alt="HP Logo">
<p>HP (Hewlett-Packard)</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/c/c9/Lenovo_%282015%29.svg" alt="Lenovo Logo">
<p>Lenovo</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a0/HashiCorp_horizontal_logo.svg" alt="HashiCorp Logo">
<p>HashiCorp</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/7/79/Red_Hat_Logo_2019.svg" alt="Red Hat Logo">
<p>Red Hat</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" alt="SAP Logo">
<p>SAP</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/9/96/Microsoft_logo_%282012%29.svg" alt="Microsoft Logo">
<p>Microsoft</p>
</div>
<div class="partner-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/GitHub_Invertocat_Logo.svg" alt="GitHub Logo">
<p>GitHub</p>
</div>
<div class="partner-container">
<img src="https://images.ctfassets.net/8j5aqoy0ts8s/3V650c91OiNdKFEHshpKMs/759fe6983e0f99bb2f8e11f0cffa024c/atlassian-blue-logo.png" alt="Atlassian Logo">
<p>Atlassian</p>
</div>
</div>
</section>
<!-- Our Achievements Section -->
<section id="our-achievements" class="section">
<h2>Our Achievements</h2>
<div class="achievement">
<div class="icon-container">
<i class="bx--icon bx--icon--education bx--icon--size-32"></i>
</div>
<div class="details">
<span class="count" data-target="80">80</span>
<p>Instructors: Over 80 instructors and experts.</p>
</div>
</div>
<div class="achievement">
<div class="icon-container">
<i class="bx--icon bx--icon--collaborate bx--icon--size-32"></i>
</div>
<div class="details">
<span class="count" data-target="40">40</span>
<p>Partnerships: More than 40 strategic partnerships.</p>
</div>
</div>
<div class="achievement">
<div class="icon-container">
<i class="bx--icon bx--icon--book bx--icon--size-32"></i>
</div>
<div class="details">
<span class="count" data-target="1000">1000</span>
<p>Courses: Over 1000 courses offered.</p>
</div>
</div>
</section>
<!-- About Us Section -->
<section id="about-us" class="section">
<h2>About Us</h2>
<p>Our team is dedicated to providing top-notch services, and our expertise spans various domains including education, technology, and business development.</p>
<h3>Approach</h3>
<p>We take a collaborative approach to every project, working closely with our clients to understand their needs and goals. We are committed to delivering solutions that meet or exceed our clients' expectations. Our team is responsive and accessible, and we pride ourselves on delivering exceptional customer service.</p>
<div class="contact-us">
<h3>Contact Us</h3>
<p><strong>Name:</strong> Raydo Matthee</p>
<p><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
<p><strong>Number:</strong> <a href="tel:+27833807950">+27 83 380 7950</a></p>
<p><strong>How Can We Help?:</strong> <a href="#" class="cta-button" id="callMeBackBtn">CALL ME BACK</a></p>
</div>
</section>
<!-- Footer -->
<footer id="site-footer">
<div class="footer-content">
<p>© 2024 Skunkworks. All rights reserved.</p>
<p>Visit our blog: <a href="https://www.skunkworks.africa/blog" target="_blank">Skunkworks Blog</a></p>
<div class="footer-contact">
<p><strong>Contact Us:</strong></p>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Phone: <a href="tel:+27833807950">+27 83 380 7950</a></p>
</div>
<div class="footer-social">
<a href="https://www.facebook.com/skunkworksza" target="_blank" class="social-button facebook">Facebook</a>
<a href="https://www.linkedin.com/company/skunkworksza" target="_blank" class="social-button linkedin">LinkedIn</a>
<a href="https://x.com/skunkworksza" target="_blank" class="social-button twitter">Twitter</a>
</div>
</div>
</footer>
<!-- JavaScript for Counters and Call Me Back -->
<script>
document.addEventListener('DOMContentLoaded', function () {
const counters = document.querySelectorAll('.count');
const speed = 200;
counters.forEach(counter => {
const animate = () => {
const target = +counter.getAttribute('data-target');
const count = +counter.innerText;
const increment = target / speed;
if (count < target) {
counter.innerText = Math.ceil(count + increment);
setTimeout(animate, 1);
} else {
counter.innerText = target;
}
};
animate();
});
});
document.getElementById('callMeBackBtn').addEventListener('click', function () {
alert('Thank you! We will call you back as soon as possible.');
});
</script>
</body>
</html>