From cf4eaf86ea24cfd6f5cfe8c1012c73afb8f79968 Mon Sep 17 00:00:00 2001
From: Raydo Matthee <raydo@skunkworks.africa>
Date: Sun, 18 Aug 2024 03:10:29 +0200
Subject: [PATCH] Update index3.html

---
 index3.html | 268 +++++++++++++++++++++++++++++-----------------------
 1 file changed, 151 insertions(+), 117 deletions(-)

diff --git a/index3.html b/index3.html
index 52070dc8..456dde56 100644
--- a/index3.html
+++ b/index3.html
@@ -30,7 +30,7 @@
         nav {
             flex-grow: 1;
             text-align: right;
-            display: none;
+            display: none; /* Hide the nav menu by default */
         }
 
         nav ul {
@@ -83,6 +83,7 @@
         .section {
             padding: 20px;
             margin: 20px 0;
+            display: block; /* Ensure sections are visible by default */
         }
 
         .welcome-section {
@@ -264,10 +265,30 @@ <h1>Skunkworks</h1>
                     </ul>
                 </li>
                 <li>
-                    <a href="#"><img alt="Services" class="icon" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/container--microservices.svg" />Services</a>
-                    <ul>
-                        <li><a href="./software-development.html"><img alt="Software Development" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/software-development.png?raw=true" />Software Development</a></li>
-                        <li><<section class="section welcome-section" id="welcome">
+                    <a href="#"><img alt="Services" class="icon" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/container--microservices.svg" />Services</a                <ul>
+                    <li><a href="./software-development.html"><img alt="Software Development" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/software-development.png?raw=true" />Software Development</a></li>
+                    <li><a href="./hardware-software.html"><img alt="Hardware and Software" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/hardware-software.png?raw=true" />HW/SW Solutions</a></li>
+                    <li><a href="./managed-cloud.html"><img alt="Managed Cloud Services" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/managed-cloud.png?raw=true" />Managed Cloud</a></li>
+                    <li><a href="./technical-support.html"><img alt="Technical Support Services" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/technical-support.png?raw=true" />Technical Support</a></li>
+                    <li><a href="./placement-recruitment.html"><img alt="Placements" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/services/placement-recruitment.png?raw=true" />Placements</a></li>
+                </ul>
+            </li>
+            <li>
+                <a href="#"><img alt="Careers" class="icon" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/data--apis.svg" />Careers</a>
+                <ul>
+                    <li><a href="./job-posting.html"><img alt="Job Posting" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/careers/job-posting.png?raw=true" />Job Posting</a></li>
+                    <li><a href="./candidate-screening.html"><img alt="Candidate Screening" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/careers/candidate-screening.png?raw=true" />Candidate Screening</a></li>
+                    <li><a href="./interviews.html"><img alt="Interviews" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/careers/interviews.png?raw=true" />Interviews</a></li>
+                    <li><a href="./job-offers.html"><img alt="Job Offers" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/careers/job-offers.png?raw=true" />Job Offers</a></li>
+                    <li><a href="./perosacademy/"><img alt="Pero's Academy" class="icon" src="https://github.com/skunkworksza/www/blob/main/assets/careers/peros-academy.png?raw=true" />Pero's Academy</a></li>
+                </ul>
+            </li>
+            <li><a href="#contact"><img alt="Contact" class="icon" src="https://raw.githubusercontent.com/skunkworksza/www/b6c7c3e93995fd5c2a6c0979d90ead76d9ef98dd/assets/icons/email.svg" />Contact</a></li>
+        </ul>
+    </nav>
+</header>
+
+<section class="section welcome-section" id="welcome">
     <div class="welcome-section-content">
         <h1>Welcome to Skunkworks</h1>
         <p>Innovative Technology, Education Solutions, and Placement Services for Tomorrow's Businesses.</p>
@@ -335,116 +356,121 @@ <h3>Managed Cloud Services</h3>
         </a>
         <a href="./technical-support.html" class="carbon-tile">
             <img alt="Technical Support Services" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/repair--tools.svg" />
-            <h3>Technical Support Services</h3>
-            <p><section class="section" id="recruitment">
-    <h1>Placement & Recruitment</h1>
-    <div class="grid-container">
-        <a href="./job-posting.html" class="carbon-tile">
-            <img alt="Job Posting" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/presentation.svg" />
-            <h3>Job Posting</h3>
-            <p>Sourcing and advertising job openings to attract qualified candidates.</p>
-        </a>
-        <a href="./candidate-screening.html" class="carbon-tile">
-            <img alt="Candidate Screening" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/inspect--data.svg" />
-            <h3>Candidate Screening</h3>
-            <p>Reviewing and filtering applications to identify the best matches.</p>
-        </a>
-        <a href="./interviews.html" class="carbon-tile">
-            <img alt="Interviews" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/user--analytics.svg" />
-            <h3>Interviews</h3>
-            <p>Conducting interviews to evaluate candidates' qualifications and fit.</p>
-        </a>
-        <a href="./job-offers.html" class="carbon-tile">
-            <img alt="Job Offers" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/ai--transparency.svg" />
-            <h3>Job Offers</h3>
-            <p>Making offers to selected candidates and negotiating terms.</p>
-        </a>
-    </div>
-    <button onclick="location.href='mailto:info@skunkworks.africa'">EMAIL US</button>
-</section>
-
-<section class="section" id="partners">
-    <h1>Our Partners</h1>
-    <input id="partnerSearch" onkeyup="filterPartners()" placeholder="Search partner name" type="text" />
-    <div class="divider"></div>
-    <div class="partners-list" id="partnersList">
-        <a class="partner-item" data-name="AWS" href="aws.html">
-            <img alt="AWS Logo" src="https://github.com/skunkworksza/www/blob/main/assets/aws/aws%20cloud.png?raw=true" />
-        </a>
-        <a class="partner-item" data-name="Checkpoint" href="checkpoint.html">
-            <img alt="Checkpoint Logo" src="https://github.com/skunkworksza/www/blob/main/assets/checkpoint/checkpoint-logo-stacked-large-blk.png?raw=true" />
-        </a>
-        <a class="partner-item" data-name="Cisco" href="cisco.html">
-            <img alt="Cisco Logo" src="https://raw.githubusercontent.com/skunkworksza/www/021c38cde4ad3a9ccf72b8b18042f580b195a3d6/assets/cisco/strategic-partner-logo-cisco-1.svg" />
-        </a>
-        <a class="partner-item" data-name="CompTIA" href="comptia.html">
-            <img alt="CompTIA Logo" src="https://github.com/skunkworksza/www/blob/main/assets/comptia/08212-capp-digital-badges_delivery-partner.jpg?raw=true" />
-        </a>
-        <a class="partner-item" data-name="Commvault" href="commvault.html">
-            <img alt="Commvault Logo" src="https://github.com/skunkworksza/www/blob/main/assets/commvualt/commvualt.jpeg?raw=true" />
-        </a>
-        <a class="partner-item" data-name="Dell" href="dell.html">
-            <img alt="Dell Logo" src="https://raw.githubusercontent.com/skunkworksza/www/a1d437d3c21c968aa69d146b04703d7cecf5d838/assets/dell/strategic-partner-logo-dell-technologies-1.svg" />
-        </a>
-        <a class="partner-item" data-name="GitHub" href="github.html">
-            <img alt="GitHub Logo" src="https://raw.githubusercontent.com/skunkworksza/www/c16c5586c66061112ffe4012073f564d9daa927d/assets/github/github-mark.svg" />
-        </a>
-        <a class="partner-item" data-name="Google Cloud" href="googlecloud.html">
-            <img alt="Google Cloud Logo" src="https://raw.githubusercontent.com/skunkworksza/www/c16c5586c66061112ffe4012073f564d9daa927d/assets/google/google-cloud-logo-new.svg" />
-        </a>
-        <a class="partner-item" data-name="IBM" href="ibm.html">
-            <img alt="IBM Logo" src="https://github.com/skunkworksza/www/blob/main/assets/ibm/IBM_Partner_Plus_silver_partner_mark_pos_black_RGB(103x80).jpg?raw=true" />
-        </a>
-        <a class="partner-item" data-name="Red Hat" href="redhat.html">
-            <img alt="Red Hat Logo" src="https://github.com/skunkworksza/www/blob/main/assets/redhat/redhat_logo.png?raw=true" />
-        </a>
-        <a class="partner-item" data-name="Microsoft" href="microsoft.html">
-            <img alt="Microsoft Logo" src="https://github.com/skunkworksza/www/blob/main/assets/microsoft/RWEDnc.png?raw=true" />
-        </a>
-        <a class="partner-item" data-name="VMware" href="vmware.html">
-            <img alt="VMware Logo" src="https://raw.githubusercontent.com/skunkworksza/www/c16c5586c66061112ffe4012073f564d9daa927d/assets/vmware/strategic-partners-logo-vmware-1.svg" />
-        </a>
-        <a class="partner-item" data-name="Veritas" href="veritas.html">
-            <img alt="Veritas Logo" src="https://github.com/skunkworksza/www/blob/main/assets/veritas/veritaz.png?raw=true" />
-        </a>
-        <a class="partner-item" data-name="Veeam" href="veeam.html">
-            <img alt="Veeam Logo" src="https://github.com/skunkworksza/www/blob/main/assets/veeam/Veeam%20logo.jpeg?raw=true" />
-        </a>
-        <a class="partner-item" data-name="SAP" href="sap.html">
-            <img alt="SAP Logo" src="https://github.com/skunkworksza/www/blob/main/assets/sap/SAP.jpeg?raw=true" />
-        </a>
-        <a class="partner-item" data-name="Salesforce" href="salesforce.html">
-            <img alt="Salesforce Logo" src="https://github.com/skunkworksza/www/blob/main/assets/salesforce/Salesforce-Logo.png?raw=true" />
-        </a>
-        <a class="partner-item" data-name="OpenAI" href="openai.html">
-            <img alt="OpenAI Logo" src="https://github.com/skunkworksza/www/blob/main/assets/openai/Open%20AI.jpeg?raw=true" />
-        </a>
-        <a class="partner-item" data-name="HashiCorp" href="hashicorp.html">
-            <img alt="HashiCorp Logo" src="https://github.com/skunkworksza/www/blob/main/assets/hs/Hashicorp-Vertical_onLight.png?raw=true" />
-        </a>
-        <a class="partner-item" data-name="CRS" href="crs.html">
-            <img alt="CRS Logo" src="https://github.com/skunkworksza/www/blob/main/assets/crs/CRS-logo-GitHub.png?raw=true" />
-        </a>
-    </div>
-    <div class="divider"></div>
-</section>
-
-<section class="section" id="statistics">
-    <h1>Our Achievements</h1>
-    <div class="grid-container">
-        <a href="./instructors.html">
-            <div>
-                <Resources aria-label="Instructors" className="achievement-icon" />
-                <h3>+100 Instructors & Experts</h3>
-            </div>
-        </a>
-        <a href="./partnerships.html">
-            <div>
-                <GlobalPartner aria-label="Partnerships" className="achievement-icon" />
-                <h3>+40 Strategic Partnerships</h3>
-            </div>
-        </a>
-        <a href="./courses.html">
+                <h3>Technical Support Services</h3>
+                <p>Our technical support team is dedicated to providing timely and effective solutions to ensure your systems run smoothly. We offer 24/7 support, troubleshooting, and maintenance services.</p>
+            </a>
+        </div>
+    </section>
+
+    <section class="section" id="recruitment">
+        <h1>Placement & Recruitment</h1>
+        <div class="grid-container">
+            <a href="./job-posting.html" class="carbon-tile">
+                <img alt="Job Posting" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/presentation.svg" />
+                <h3>Job Posting</h3>
+                <p>Sourcing and advertising job openings to attract qualified candidates.</p>
+            </a>
+            <a href="./candidate-screening.html" class="carbon-tile">
+                <img alt="Candidate Screening" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/inspect--data.svg" />
+                <h3>Candidate Screening</h3>
+                <p>Reviewing and filtering applications to identify the best matches.</p>
+            </a>
+            <a href="./interviews.html" class="carbon-tile">
+                <img alt="Interviews" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/user--analytics.svg" />
+                <h3>Interviews</h3>
+                <p>Conducting interviews to evaluate candidates' qualifications and fit.</p>
+            </a>
+            <a href="./job-offers.html" class="carbon-tile">
+                <img alt="Job Offers" src="https://raw.githubusercontent.com/skunkworksza/www/1e5918326b6a21672c73a0c07adb7b290fd434bf/assets/icons/ai--transparency.svg" />
+                <h3>Job Offers</h3>
+                <p>Making offers to selected candidates and negotiating terms.</p>
+            </a>
+        </div>
+        <button onclick="location.href='mailto:info@skunkworks.africa'">EMAIL US</button>
+    </section>
+
+    <section class="section" id="partners">
+        <h1>Our Partners</h1>
+        <input id="partnerSearch" onkeyup="filterPartners()" placeholder="Search partner name" type="text" />
+        <div class="divider"></div>
+        <div class="partners-list" id="partnersList">
+            <a class="partner-item" data-name="AWS" href="aws.html">
+                <img alt="AWS Logo" src="https://github.com/skunkworksza/www/blob/main/assets/aws/aws%20cloud.png?raw=true" />
+            </a>
+            <a class="partner-item" data-name="Checkpoint" href="checkpoint.html">
+                <img alt="Checkpoint Logo" src="https://github.com/skunkworksza/www/blob/main/assets/checkpoint/checkpoint-logo-stacked-large-blk.png?raw=true" />
+            </a>
+            <a class="partner-item" data-name="Cisco" href="cisco.html">
+                <img alt="Cisco Logo" src="https://raw.githubusercontent.com/skunkworksza/www/021c38cde4ad3a9ccf72b8b18042f580b195a3d6/assets/cisco/strategic-partner-logo-cisco-1.svg" />
+            </a>
+            <a class="partner-item" data-name="CompTIA" href="comptia.html">
+                <img alt="CompTIA Logo" src="https://github.com/skunkworksza/www/blob/main/assets/comptia/08212-capp-digital-badges_delivery-partner.jpg?raw=true" />
+            </a>
+            <a class="partner-item" data-name="Commvault" href="commvault.html">
+                <img alt="Commvault Logo" src="https://github.com/skunkworksza/www/blob/main/assets/commvualt/commvualt.jpeg?raw=true" />
+            </a>
+            <a class="partner-item" data-name="Dell" href="dell.html">
+                <img alt="Dell Logo" src="https://raw.githubusercontent.com/skunkworksza/www/a1d437d3c21c968aa69d146b04703d7cecf5d838/assets/dell/strategic-partner-logo-dell-technologies-1.svg" />
+            </a>
+            <a class="partner-item" data-name="GitHub" href="github.html">
+                <img alt="GitHub Logo" src="https://raw.githubusercontent.com/skunkworksza/www/c16c5586c66061112ffe4012073f564d9daa927d/assets/github/github-mark.svg" />
+            </a>
+            <a class="partner-item" data-name="Google Cloud" href="googlecloud.html">
+                <img alt="Google Cloud Logo" src="https://raw.githubusercontent.com/skunkworksza/www/c16c5586c66061112ffe4012073f564d9daa927d/assets/google/google-cloud-logo-new.svg" />
+            </a>
+            <a class="partner-item" data-name="IBM" href="ibm.html">
+                <img alt="IBM Logo" src="https://github.com/skunkworksza/www/blob/main/assets/ibm/IBM_Partner_Plus_silver_partner_mark_pos_black_RGB(103x80).jpg?raw=true" />
+            </a>
+            <a class="partner-item" data-name="Red Hat" href="redhat.html">
+                <img alt="Red Hat Logo" src="https://github.com/skunkworksza/www/blob/main/assets/redhat/redhat_logo.png?raw=true" />
+            </a>
+            <a class="partner-item" data-name="Microsoft" href="microsoft.html">
+                <img alt="Microsoft Logo" src="https://github.com/skunkworksza/www/blob/main/assets/microsoft/RWEDnc.png?raw=true" />
+            </a>
+            <a class="partner-item" data-name="VMware" href="vmware.html">
+                <img alt="VMware Logo" src="https://raw.githubusercontent.com/skunkworksza/www/c16c5586c66061112ffe4012073f564d9daa927d/assets/vmware/strategic-partners-logo-vmware-1.svg" />
+            </a>
+            <a class="partner-item" data-name="Veritas" href="veritas.html">
+                <img alt="Veritas Logo" src="https://github.com/skunkworksza/www/blob/main/assets/veritas/veritaz.png?raw=true" />
+            </a>
+            <a class="partner-item" data-name="Veeam" href="veeam.html">
+                <img alt="Veeam Logo" src="https://github.com/skunkworksza/www/blob/main/assets/veeam/Veeam%20logo.jpeg?raw=true" />
+            </a>
+            <a class="partner-item" data-name="SAP" href="sap.html">
+                <img alt="SAP Logo" src="https://github.com/skunkworksza/www/blob/main/assets/sap/SAP.jpeg?raw=true" />
+            </a>
+            <a class="partner-item" data-name="Salesforce" href="salesforce.html">
+                <img alt="Salesforce Logo" src="https://github.com/skunkworksza/www/blob/main/assets/salesforce/Salesforce-Logo.png?raw=true" />
+            </a>
+            <a class="partner-item" data-name="OpenAI" href="openai.html">
+                <img alt="OpenAI Logo" src="https://github.com/skunkworksza/www/blob/main/assets/openai/Open%20AI.jpeg?raw=true" />
+            </a>
+            <a class="partner-item" data-name="HashiCorp" href="hashicorp.html">
+                <img alt="HashiCorp Logo" src="https://github.com/skunkworksza/www/blob/main/assets/hs/Hashicorp-Vertical_onLight.png?raw=true" />
+            </a>
+            <a class="partner-item" data-name="CRS" href="crs.html">
+                <img alt="CRS Logo" src="https://github.com/skunkworksza/www/blob/main/assets/crs/CRS-logo-GitHub.png?raw=true" />
+            </a>
+        </div>
+        <div class="divider"></div>
+    </section>
+
+    <section class="section" id="statistics">
+        <h1>Our Achievements</h1>
+        <div class="grid-container">
+            <a href="./instructors.html">
+                <div>
+                    <Resources aria-label="Instructors" className="achievement-icon" />
+                    <h3>+100 Instructors & Experts</h3>
+                </div>
+            </a>
+            <a href="./partnerships.html">
+                <div>
+                    <GlobalPartner aria-label="Partnerships" className="achievement-icon" />
+                    <h3>+40 Strategic Partnerships</h3>
+                </div>
+            </a>
+                    <a href="./courses.html">
             <div>
                 <Badge aria-label="Courses" className="achievement-icon" />
                 <h3>+1000 Courses Offered</h3>
@@ -453,7 +479,15 @@ <h3>+1000 Courses Offered</h3>
     </div>
 </section>
 
-<section<section class="section" id="contact">
+<section class="section" id="about">
+    <div class="centered-container">
+        <h1>About Us</h1>
+        <p>Our team is dedicated to providing top-notch services, and our expertise spans various domains including education, technology, and business development.</p>
+        <p>Approach: 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>
+</section>
+
+<section class="section" id="contact">
     <h1>Contact Us</h1>
     <form id="contactForm">
         <input name="name" placeholder="Name" required="" type="text" />
@@ -523,4 +557,4 @@ <h1>Contact Us</h1>
     });
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>