Skip to content

Commit

Permalink
Update experience.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@burnt-exe
burnt-exe committed Mar 18, 2024
1 parent 9d7ecb5 commit 40ce361
Showing 1 changed file with 76 additions and 52 deletions.
128 changes: 76 additions & 52 deletions experience.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,65 +3,89 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Experience Timeline - Raydo Matthee</title>
<link href="https://cdn.tailwindcss.com" rel="stylesheet">
<style>
/* Timeline styles */
.timeline {
border-left: 2px solid #D1D5DB; /* Light gray border */
position: relative;
padding: 20px 0;
}
.timeline::before {
content: '';
position: absolute;
left: -1px; /* Align with the border */
top: 0;
bottom: 0;
width: 2px; /* Match the border width */
background: #4F46E5; /* Tailwind indigo-500 */
}
.timeline-item {
margin-bottom: 40px;
position: relative;
}
.timeline-item:last-child {
margin-bottom: 0; /* Remove margin for the last item */
}
.timeline-marker {
position: absolute;
background: #4F46E5; /* Tailwind indigo-500 */
border: 3px solid #fff; /* White border */
width: 20px;
height: 20px;
border-radius: 50%;
left: -11px; /* Half the width of the marker with border */
top: 0;
}
.timeline-content {
padding-left: 30px;
padding-top: 5px;
}
</style>
<title>Experience - Raydo Matthee</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<body class="bg-gray-900 text-white font-sans">

<div class="container mx-auto px-4 py-10">
<h2 class="text-4xl font-bold text-center mb-10">My Professional Journey</h2>
<header class="text-center py-10">
<h1 class="text-4xl font-bold">Experience</h1>
<p class="text-xl mt-3">@burnt-exe</p>
</header>

<div class="timeline">
<div class="timeline-item">
<div class="timeline-marker"></div>
<div class="timeline-content">
<time class="text-sm font-normal text-gray-400">Oct 2020 - Present</time>
<h3 class="text-lg font-semibold text-white mt-2">CEO at Skunkworks (Pty) Ltd</h3>
<p class="text-base font-normal text-gray-400 mt-1">Leading top-notch managed cloud services for Microsoft and IBM technologies, overseeing training programs, and managing application development and integration.</p>
<nav class="bg-gray-800 py-3">
<ul class="flex justify-center space-x-4">
<li><a href="index.html" class="hover:text-blue-400">Home</a></li>
<li><a href="about.html" class="hover:text-blue-400">About</a></li>
<li><a href="experience.html" class="text-blue-400">Experience</a></li>
<li><a href="education.html" class="hover:text-blue-400">Education</a></li>
<li><a href="skills.html" class="hover:text-blue-400">Skills</a></li>
<li><a href="contact.html" class="hover:text-blue-400">Contact</a></li>
</ul>
</nav>

<section class="container mx-auto px-4 py-10">
<div class="flex flex-col">
<!-- CEO at Skunkworks (Pty) Ltd -->
<div class="mb-8">
<div class="flex items-center mb-2">
<i class="fas fa-briefcase mr-2"></i>
<h3 class="text-xl font-semibold">CEO at Skunkworks (Pty) Ltd</h3>
</div>
<p class="text-gray-400">Oct 2020 - Present</p>
<p class="mt-2">Leading efforts in managed cloud services, training division, application development and integration.</p>
</div>

<!-- Company Owner at Bluemix (Pty) Ltd -->
<div class="mb-8">
<div class="flex items-center mb-2">
<i class="fas fa-briefcase mr-2"></i>
<h3 class="text-xl font-semibold">Company Owner at Bluemix (Pty) Ltd</h3>
</div>
<p class="text-gray-400">Oct 2018 - Present</p>
<p class="mt-2">Providing IT instructor sourcing and customized training solutions, ensuring customer satisfaction.</p>
</div>

<!-- Co-Founder at Pause Online (Pty) Ltd -->
<div class="mb-8">
<div class="flex items-center mb-2">
<i class="fas fa-briefcase mr-2"></i>
<h3 class="text-xl font-semibold">Co-Founder at Pause Online (Pty) Ltd</h3>
</div>
<p class="text-gray-400">Jan 2014 - Present</p>
<p class="mt-2">Launching and growing a digital marketing agency, focusing on website design and digital marketing strategies.</p>
</div>

<!-- Owner at Aero & General Properties (Pty) Ltd -->
<div class="mb-8">
<div class="flex items-center mb-2">
<i class="fas fa-briefcase mr-2"></i>
<h3 class="text-xl font-semibold">Owner at Aero & General Properties (Pty) Ltd</h3>
</div>
<p class="text-gray-400">Sep 2013 - Present</p>
<p class="mt-2">Managing low income rentals and property development, focusing on customer support and service.</p>
</div>

<!-- Executive Director at O.C Operations Central (Pty) Ltd -->
<div class="mb-8">
<div class="flex items-center mb-2">
<i class="fas fa-briefcase mr-2"></i>
<h3 class="text-xl font-semibold">Executive Director at O.C Operations Central (Pty) Ltd</h3>
</div>
<p class="text-gray-400">Feb 2015 - Sep 2019</p>
<p class="mt-2">Providing strategic advice on security risks and real estate preservation, helping clients avert risks.</p>
</div>

<!-- Repeat for each item in your experience timeline -->

<!-- More experiences can be added here -->

</div>
</div>
</section>

<footer class="text-center py-6 border-t border-gray-800 mt-10">
<p>&copy; 2024 burnt.exe. All rights reserved.</p>
<p>Powered by Skunkworks creativity and innovation.</p>
</footer>

</body>
</html>

0 comments on commit 40ce361

Please sign in to comment.