Skip to content

Commit

Permalink
Update careers-internships.html
Browse files Browse the repository at this point in the history 
Signed-off-by: Raydo Matthee <[email protected]>
  • Loading branch information
@burnt-exe
burnt-exe authored Aug 3, 2024
1 parent 63142e8 commit 4fa5949
Showing 1 changed file with 145 additions and 74 deletions.
219 changes: 145 additions & 74 deletions careers/careers-internships.html
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,14 @@
<!DOCTYPE html>
<html lang="en">

<!-- Include head content, navigation, and other CSS files as above -->
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta name="description" content="Innovative Technology, Education Solutions, and Placement Services for Tomorrow's Businesses." />
<meta name="keywords" content="Technology, Education, Placement Services, Cloud Services, Software Development" />
<meta name="author" content="Skunkworks" />

<!-- Individual CSS Files -->
<link href="./css/footer.css" rel="stylesheet" />
<link href="./css/forms.css" rel="stylesheet" />
<link href="./css/header.css" rel="stylesheet" />
Expand Down Expand Up @@ -39,11 +46,11 @@
<link href="./css/styles.min.css" rel="stylesheet" />
<link href="./css/tocbot.css" rel="stylesheet" />
<link href="./css/achievements.css" rel="stylesheet" />

<!-- Favicon -->
<!-- Favicon -->
<link href="https://github.com/skunkworksza/www/blob/main/assets/skunkworks/logo-skunkworks-trans%2040%20%C3%97%2040%20px.png?raw=true" rel="icon" type="image/png" />
<style>

<style>
body {
font-family: Arial, sans-serif;
margin: 0;
Expand Down Expand Up @@ -102,70 +109,62 @@
margin: 20px 0;
}
.welcome-title {
color: #fff; /* White color */
margin-bottom: 20px; /* Adds spacing after the title */
}
color: #fff; /* White color */
margin-bottom: 20px; /* Adds spacing after the title */
}

.welcome-subtitle {
color: #fff; /* White color for the subtitle */
}
.welcome-section-content {
background-color: #000; /* Black background for contrast */
max-width: 800px;
margin: 0 auto;
padding: 30px; /* Increased padding for more spacing */
border: 2px solid #fff; /* White border for emphasis */
border-radius: 10px;
text-align: center; /* Center-align the text */
color: #fff; /* White text color */
}
.welcome-subtitle {
color: #fff; /* White color for the subtitle */
}
.welcome-section-content {
background-color: #000; /* Black background for contrast */
max-width: 800px;
margin: 0 auto;
padding: 30px; /* Increased padding for more spacing */
border: 2px solid #fff; /* White border for emphasis */
border-radius: 10px;
text-align: center; /* Center-align the text */
color: #fff; /* White text color */
}

.welcome-heading {
font-size: 1.8em; /* Larger font size for the heading */
margin-bottom: 25px; /* Spacing after heading */
color: #fff;
}
.welcome-heading {
font-size: 1.8em; /* Larger font size for the heading */
margin-bottom: 25px; /* Spacing after heading */
color: #fff;
}

.intro-text {
font-size: 1.2em; /* Slightly larger intro text */
margin-bottom: 15px; /* Spacing after intro text */
color: #ddd;
}
.intro-text {
font-size: 1.2em; /* Slightly larger intro text */
margin-bottom: 15px; /* Spacing after intro text */
color: #ddd;
}

.body-text {
margin-bottom: 20px; /* Consistent spacing after paragraphs */
line-height: 1.6; /* Improved line spacing for readability */
color: #ccc;
}
.body-text {
margin-bottom: 20px; /* Consistent spacing after paragraphs */
line-height: 1.6; /* Improved line spacing for readability */
color: #ccc;
}

.contact-text {
font-weight: bold; /* Make contact info stand out */
margin-bottom: 30px; /* Extra spacing before the button */
color: #fff;
}
.contact-text {
font-weight: bold; /* Make contact info stand out */
margin-bottom: 30px; /* Extra spacing before the button */
color: #fff;
}

.cta-button {
background-color: #007bff; /* Primary color for the button */
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
font-size: 1em;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.cta-button {
background-color: #007bff; /* Primary color for the button */
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
font-size: 1em;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
}

.cta-button:hover {
background-color: #0056b3; /* Darker shade on hover */
transform: translateY(-2px); /* Subtle lift effect on hover */
}
.welcome-section-content {
background-color: #000000;
max-width: 800px;
margin: 0 auto;
padding: 20px;
border: 2px solid #ffffff;
border-radius: 8px;
.cta-button:hover {
background-color: #0056b3; /* Darker shade on hover */
transform: translateY(-2px); /* Subtle lift effect on hover */
}
.grid-container {
display: grid;
Expand Down Expand Up @@ -286,33 +285,105 @@
}
}
</style>
</head>


<body>
<header>
<nav>
<!-- Navigation menu as above -->
<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="https://courses.skunkworks.africa/"><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>
</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="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>
</ul>
</li>
<li>
<a href="#careers"><img alt="Careers" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/briefcase.svg" />Careers</a>
<ul>
<li><a href="https://skunkworks.africa/careers-openings.html"><img alt="Current Openings" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/calendar.svg" />Current Openings</a></li>
<li><a href="https://skunkworks.africa/careers-internships.html"><img alt="Internship Programs" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/education.svg" />Internship Programs</a></li>
<li><a href="https://skunkworks.africa/careers-placements.html"><img alt="Placements" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/global--partner.svg" />Placements</a></li>
<li><a href="https://skunkworks.africa/careers-jobs.html"><img alt="Jobs" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/calendar.svg" />Jobs</a></li>
<li><a href="https://skunkworks.africa/careers-mentorship.html"><img alt="Mentorship" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/presenter.svg" />Mentorship</a></li>
<li><a href="https://skunkworks.africa/careers-development.html"><img alt="Employee Development" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/development.svg" />Employee Development</a></li>
<li><a href="https://skunkworks.africa/careers-culture.html"><img alt="Our Culture" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/team.svg" />Our Culture</a></li>
<li><a href="https://skunkworks.africa/careers-testimonials.html"><img alt="Employee Testimonials" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/thumbs-up.svg" />Employee Testimonials</a></li>
<li><a href="https://skunkworks.africa/careers-apply.html"><img alt="How to Apply" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/send-alt.svg" />How to Apply</a></li>
</ul>
</li>
</ul>
</nav>
</header><br>

<section class="section">
<section class="section" id="internship">
<h1>Internship Programs</h1>
<div class="welcome-section-content">
<p>Join our internship programs and gain hands-on experience in a dynamic work environment. We offer:</p>
<ul>
<li><strong>Software Development Internships</strong> - Learn coding, development, and software lifecycle management.</li>
<li><strong>Cloud Solutions Internships</strong> - Work on real-world cloud projects under the guidance of experienced professionals.</li>
<!-- More internship programs can be added here -->
</ul>
<h2 class="welcome-heading">Start Your Journey with Us</h2>
<p class="intro-text">Our internship programs provide a hands-on learning experience in various technology and business domains. Gain practical knowledge and skills by working alongside industry experts.</p>
<p class="body-text">Whether you’re a student or a recent graduate, our internships are designed to bridge the gap between academic theory and real-world practice. Join us and be part of innovative projects that make a difference.</p>
<p class="contact-text">Interested? Contact us to learn more about available internship opportunities.</p>
<button class="cta-button">Explore Internships</button>
</div>
</section>

<footer>
<!-- Footer content as above -->
<p>© 2024 Skunkworks. All rights reserved.</p>
<p><a href="https://blog.skunkworks.africa/" target="_blank">Visit our blog</a></p>
</footer>

<!-- JavaScript files as above -->
<!-- Individual JavaScript Files -->
<script src="./js/formHandler.js"></script>
<script src="./js/partnerSearchFilter.js"></script>
<script src="./js/mobileDropdown.js"></script>
<script src="./js/main.js"></script>

<script>
// JavaScript for mobile dropdown functionality
document.addEventListener('DOMContentLoaded', function () {
var dropdowns = document.querySelectorAll('nav ul li');
dropdowns.forEach(function (dropdown) {
dropdown.addEventListener('click', function (event) {
if (window.innerWidth <= 768) {
var submenu = this.querySelector('ul');
if (submenu) {
event.preventDefault();
submenu.style.display = submenu.style.display === 'block' ? 'none' : 'block';
}
}
});
});
});

// JavaScript for partner search filter
function filterPartners() {
var input = document.getElementById('partnerSearch');
var filter = input.value.toLowerCase();
var nodes = document.getElementsByClassName('partner-item');

for (i = 0; i < nodes.length; i++) {
if (nodes[i].innerText.toLowerCase().includes(filter)) {
nodes[i].style.display = "block";
} else {
nodes[i].style.display = "none";
}
}
}
</script>
</body>

</html>

0 comments on commit 4fa5949

Please sign in to comment.