Skip to content

Commit

Permalink
Update index.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 Jul 23, 2024
1 parent fa25fd5 commit 40667b6
Showing 1 changed file with 177 additions and 3 deletions.
180 changes: 177 additions & 3 deletions ibm/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,22 @@
<title>Skunkworks EdTech IBM Course Catalog</title>
<link rel="stylesheet" href="https://unpkg.com/carbon-components/css/carbon-components.min.css">
<link rel="stylesheet" href="https://unpkg.com/carbon-components-react/css/carbon-components-react.min.css">
<link rel="stylesheet" href="path/to/ibm-theme.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@carbon/charts/styles.css">
<link rel="shortcut icon" href="https://www.ibm.com/favicon.ico" type="image/x-icon">
<style>
/* Reset and base styles */
* {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
box-sizing: border-box;
padding: 0;
border: 0;
margin: 0;
font: inherit;
vertical-align: baseline;
}

/* General Styles */
body {
font-family: 'IBM Plex Sans', Arial, sans-serif;
line-height: 1.6;
Expand Down Expand Up @@ -182,15 +195,176 @@
margin-left: 250px;
padding: 20px;
}

/* Header styling */
header {
background-color: #000;
color: #fff;
padding: 10px 0;
text-align: center;
}
nav ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
nav ul li {
margin: 0 15px;
position: relative;
}
nav ul li a {
color: #fff;
text-decoration: none;
display: block;
padding: 10px;
}
nav ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #333;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 1000;
}
nav ul li:hover ul {
display: block;
}
nav ul li ul li a {
padding: 10px 15px;
}

/* Course Container styling */
.course-container {
text-align: center;
margin: 50px auto;
width: 80%;
max-width: 800px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
background: #f9f9f9;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Title styling with animation */
.course-title {
color: #000;
font-size: 2.625rem;
font-weight: 300;
line-height: 1.199;
letter-spacing: 0;
animation: fadeIn 2s ease-in-out;
}

/* Course info styling */
.course-info {
font-size: 1.25rem;
margin-top: 20px;
color: #333;
}

/* Additional paragraph styling */
p {
margin-top: 10px;
font-size: 1rem;
color: #555;
}

/* Keyframe for fade-in animation */
@keyframes fadeIn {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
</style>
</head>
<body>
<div id="root"></div>
<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="#"><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="#contact"><img alt="Contact" class="icon" src="https://raw.githubusercontent.com/skunkworksza/Media/0b53a76fb034583714f1660a8f0dfe6c405928b6/carbon/bluepages.svg"/>Contact</a></li>
</ul>
</nav>
</header>

<div class="course-container">
<h1 class="course-title">Advanced Data Security Techniques</h1>
<p class="course-info"><strong>Course Code:</strong> ADS101<br><strong>Duration:</strong> 6 Weeks</p>
<p><strong>Date:</strong> 23 July 2024<br><strong>Author:</strong> Raydo Matthee</p>
</div>

<div class="section">
<h2>Introduction</h2>
<p>Welcome to the DevOps Zero2Hero course by Skunkworks. This course is designed to provide comprehensive training on DevOps practices and methodologies.</p>
</div>

<div class="section">
<h2>Company Overview</h2>
<p>Skunkworks is a leading provider of IT solutions and services, specializing in managed cloud services, IT training, and development. Our mission is to empower businesses by providing innovative technology solutions and comprehensive training programs.</p>
</div>

<div class="section">
<h2>Our Services</h2>
<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"/>Hardware and Software 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 Services</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>
</div>

<div class="section">
<h2>Training and Skills Development</h2>
<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>
</div>

<footer>
<p>&copy; 2024 Skunkworks. All rights reserved.</p>
</footer>

<script src="https://unpkg.com/carbon-components/scripts/carbon-components.min.js"></script>
<script src="https://unpkg.com/carbon-components-react/umd/carbon-components-react.development.js"></script>
<script src="https://unpkg.com/react/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>
<script src="path/to/ibm.jsx"></script>
</body>
</html>

0 comments on commit 40667b6

Please sign in to comment.