Skip to content

Commit

Permalink
Update about-us.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@burnt-exe
burnt-exe authored Aug 22, 2024
1 parent 237b197 commit 212f0e5
Showing 1 changed file with 54 additions and 30 deletions.
84 changes: 54 additions & 30 deletions about-us.html
View file
Original file line number Diff line number Diff line change
@@ -1,54 +1,64 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skunkworks (Pty) Ltd</title>
<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="styles.css">
<link rel="stylesheet" href="css/fonts.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="https://skunkworks.africa/index.html"><img alt="Home" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/application.svg"/>Home</a></li>
<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>
<a href="#"><img alt="Training" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/training.svg" />Training</a>
<ul>
<li><a href="https://skunkworks.africa/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="https://skunkworks.africa/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="https://skunkworks.africa/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="https://skunkworks.africa/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="https://skunkworks.africa/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>
<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>
<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="https://skunkworks.africa/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="https://skunkworks.africa/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="https://skunkworks.africa/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="https://skunkworks.africa/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="https://skunkworks.africa/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>
<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>
<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>
<section id="welcome-section">
</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>
<section id="ceo-welcome">

<!-- 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>
<section id="services">

<!-- Services Section -->
<section id="services" class="section">
<div class="container">
<div class="column">
<h2>Custom Learning Solutions</h2>
Expand All @@ -73,7 +83,9 @@ <h2>Technology Solutions</h2>
</div>
</div>
</section>
<section id="placement-recruitment">

<!-- Placement & Recruitment Section -->
<section id="placement-recruitment" class="section">
<h2>Placement & Recruitment</h2>
<div class="services-grid">
<div class="service-card">
Expand Down Expand Up @@ -109,7 +121,9 @@ <h3>Job Offers</h3>
<p><strong>Contact Us for Placement & Recruitment:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</section>
<section id="our-partners">

<!-- 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">
Expand Down Expand Up @@ -220,7 +234,9 @@ <h2>Our Partners</h2>
</div>
</div>
</section>
<section id="our-achievements">

<!-- Our Achievements Section -->
<section id="our-achievements" class="section">
<h2>Our Achievements</h2>
<div class="achievement">
<div class="icon-container">
Expand Down Expand Up @@ -250,13 +266,15 @@ <h2>Our Achievements</h2>
</div>
</div>
</section>
<section id="about-us">

<!-- 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>
Expand All @@ -265,6 +283,8 @@ <h3>Contact Us</h3>
<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>
Expand All @@ -281,8 +301,10 @@ <h3>Contact Us</h3>
</div>
</div>
</footer>

<!-- JavaScript for Counters and Call Me Back -->
<script>
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('DOMContentLoaded', function () {
const counters = document.querySelectorAll('.count');
const speed = 200;
counters.forEach(counter => {
Expand All @@ -300,9 +322,11 @@ <h3>Contact Us</h3>
animate();
});
});
document.getElementById('callMeBackBtn').addEventListener('click', function() {

document.getElementById('callMeBackBtn').addEventListener('click', function () {
alert('Thank you! We will call you back as soon as possible.');
});
</script>
</body>
</html>

</html>

0 comments on commit 212f0e5

Please sign in to comment.