220 lines
10 KiB
HTML
220 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Manoël Malaury TOUSSI</title>
|
|
<!-- Link to the favicon -->
|
|
<link rel="icon" href="assets/images/favicon.ico" type="image/x-icon" />
|
|
|
|
<!-- Preconnect for fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
|
|
|
|
<!-- Link to the external CSS file -->
|
|
<link rel="stylesheet" href="assets/css/style.css" />
|
|
<!-- Bootstrap CSS via CDN -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" />
|
|
<!-- Font Awesome for icons -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Hero Section -->
|
|
<section id="hero" class="text-center py-5">
|
|
<div class="container">
|
|
<h1>Hello, I'm Manoël Malaury TOUSSI</h1>
|
|
<p class="lead">
|
|
As a driven <strong>Software/ML Engineer</strong>, I specialize in designing innovative software solutions that harness the power of <strong>AI, Machine Learning, Cloud Computing, MLOps, DevOps</strong>. I focus on building scalable systems, optimizing algorithms, and deploying cloud infrastructures that empower businesses to thrive in the digital age.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section id="about" class="py-5">
|
|
<div class="container about">
|
|
<h2 class="section-title mb-4">About Me</h2>
|
|
<p>
|
|
With a passion for technology and problem-solving, I am a results-oriented software engineer dedicated to delivering cutting-edge solutions. My expertise lies in applying <strong>Artificial Intelligence</strong> and <strong>Machine Learning</strong> to create systems that drive impactful change.
|
|
</p>
|
|
<p>
|
|
I bring deep experience in <strong>MLOps, DevOps</strong>, and <strong>LLMOps</strong>, ensuring seamless AI model deployment, continuous integration, and optimized operations at scale. My goal is to transform complex challenges into innovative solutions that improve efficiency, automate workflows, and accelerate business success.
|
|
</p>
|
|
<p>
|
|
Whether it's architecting robust cloud infrastructures, designing AI-driven systems, or integrating data science solutions, I thrive on pushing boundaries and constantly evolving with new technologies.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Skills Section with Carousel -->
|
|
<section id="skills" class="py-5">
|
|
<div class="container">
|
|
<h2 class="section-title mb-4">Skills</h2>
|
|
<div id="skillsCarousel" class="carousel slide" data-bs-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<!-- Slide 1 - Cloud & Data Technologies -->
|
|
<div class="carousel-item active">
|
|
<div class="d-flex justify-content-center">
|
|
<img src="assets/images/aws.svg" alt="AWS" class="d-block mx-auto" style="max-width: 80px; margin: 10px;" />
|
|
<img src="assets/images/gcp.svg" alt="GCP" class="d-block mx-auto" style="max-width: 80px; margin: 10px;" />
|
|
<img src="assets/images/azure-devops.svg" alt="Azure DevOps" class="d-block mx-auto" style="max-width: 80px; margin: 10px;" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 2 - Programming Languages -->
|
|
<div class="carousel-item">
|
|
<div class="d-flex justify-content-center">
|
|
<img src="assets/images/python.svg" alt="Python" class="d-block mx-auto" style="max-width: 80px; margin: 10px;" />
|
|
<img src="assets/images/csharp.svg" alt="C#" class="d-block mx-auto" style="max-width: 80px; margin: 10px;" />
|
|
<img src="assets/images/java.svg" alt="Java" class="d-block mx-auto" style="max-width: 80px; margin: 10px;" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 3 - Cloud & Containerization -->
|
|
<div class="carousel-item">
|
|
<div class="d-flex justify-content-center">
|
|
<img src="assets/images/docker.svg" alt="Docker" class="d-block mx-auto" style="max-width: 80px; margin: 10px;" />
|
|
<img src="assets/images/kubernetes.svg" alt="Kubernetes" class="d-block mx-auto" style="max-width: 80px; margin: 10px;" />
|
|
<img src="assets/images/git.svg" alt="Git" class="d-block mx-auto" style="max-width: 80px; margin: 10px;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Carousel Controls -->
|
|
<button class="carousel-control-prev" type="button" data-bs-target="#skillsCarousel" data-bs-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-bs-target="#skillsCarousel" data-bs-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Next</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section id="certifications" class="py-5 bg-light">
|
|
<div class="container">
|
|
<h2 class="section-title mb-4">Certifications</h2>
|
|
<div class="row">
|
|
<!-- Certification 1 -->
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card">
|
|
<div class="card-body text-center">
|
|
<h5 class="card-title">
|
|
<a href="https://www.credly.com/badges/37250036-dc33-4e9c-83cb-94c79855c216?source=linked_in_profile" target="_blank">AWS Certified Cloud Practitioner</a>
|
|
</h5>
|
|
<p class="card-text">Earned in 2021</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Certification 2 -->
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card">
|
|
<div class="card-body text-center">
|
|
<h5 class="card-title">
|
|
<a href="https://verify.openedg.org/?id=4X0c.YwVQ.vww6" target="_blank">Certified Associate in Python Programming</a>
|
|
</h5>
|
|
<p class="card-text">Earned in 08/2022</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Certification 3 -->
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card">
|
|
<div class="card-body text-center">
|
|
<h5 class="card-title">
|
|
<a href="https://www.scrumstudy.com/certification/verify?type=SFC&number=952122" target="_blank">Scrum Fundamentals Certified (SFC)</a>
|
|
</h5>
|
|
<p class="card-text">Earned in 2022</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- GCP Certificat -->
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card">
|
|
<div class="card-body text-center">
|
|
<h5 class="card-title">
|
|
<a href="https://www.cloudskillsboost.google/public_profiles/c9a3860b-1cd2-4826-9ef2-972c9e79634b/badges/6233282?utm_medium=social&utm_source=linkedin&utm_campaign=ql-social-share" target="_blank">Engineer Data in Google Cloud</a>
|
|
</h5>
|
|
<p class="card-text">Earned in 2023</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card">
|
|
<div class="card-body text-center">
|
|
<h5 class="card-title">
|
|
<a href="https://www.cloudskillsboost.google/public_profiles/c9a3860b-1cd2-4826-9ef2-972c9e79634b/badges/6233011?utm_medium=social&utm_source=linkedin&utm_campaign=ql-social-share" target="_blank">Perform Foundational Data, ML, and AI Tasks in Google Cloud</a>
|
|
</h5>
|
|
<p class="card-text">Earned in 2023</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card">
|
|
<div class="card-body text-center">
|
|
<h5 class="card-title">
|
|
<a href="https://www.cloudskillsboost.google/public_profiles/c9a3860b-1cd2-4826-9ef2-972c9e79634b/badges/5789187?utm_medium=social&utm_source=linkedin&utm_campaign=ql-social-share" target="_blank">Building Resilient Streaming Analytics Systems on Google Cloud</a>
|
|
</h5>
|
|
<p class="card-text">Earned in 2023</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="py-5">
|
|
<div class="container">
|
|
<h2 class="section-title mb-4">Contact Me</h2>
|
|
<form class="contact-form" action="mailto:malaury.toussi@gmail.com" method="post" enctype="text/plain">
|
|
<div class="mb-3">
|
|
<label for="name" class="form-label">Name</label>
|
|
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name" required />
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Email Address</label>
|
|
<input type="email" class="form-control" id="email" name="email" placeholder="Your Email" required />
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="message" class="form-label">Message</label>
|
|
<textarea class="form-control" id="message" name="message" rows="4" placeholder="Your Message" required></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Send Message</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Social Media Links -->
|
|
<section id="social" class="py-4 text-center">
|
|
<div class="container">
|
|
<h3>Find me on Social Media</h3>
|
|
<div class="social-icons">
|
|
<a href="x.com/__TMSquare__" target="_blank"><i class="fab fa-twitter"></i></a>
|
|
<a href="https:/www.linkedin.com/in/manoël-malaury-toussi" target="_blank"><i class="fab fa-linkedin"></i></a>
|
|
<a href="https://github.com/TM-Squared" target="_blank"><i class="fab fa-github"></i></a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="text-center py-3">
|
|
<p>© <span id="year"></span> Gintou - All rights reserved.</p>
|
|
</footer>
|
|
|
|
<!-- Bootstrap JS and custom scripts -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Link to external JavaScript file -->
|
|
<script src="assets/js/scripts.js"></script>
|
|
</body>
|
|
</html>
|