ewengadonnaud.xyz/about.html
2026-05-12 14:50:49 +02:00

493 lines
27 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>À Propos</title>
<meta name="description"
content="En savoir plus sur Ewen GADONNAUD : mon parcours, mes compétences en informatique (Linux, Cisco, AWS), mes certifications et mes ambitions professionnelles.">
<meta name="keywords"
content="portfolio, administrateur système, gestion de parc informatique, expérience, étudiant, stages, entreprise, cisco, linux, windows, devops">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons.ico/">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons.ico/favicon-16x16.png">
<link rel="manifest" href="assets/img/favicons.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/favicons.ico/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body class="about-page">
<header id="header" class="header d-flex align-items-center light-background sticky-top">
<canvas class="matrix-bg-header" aria-hidden="true"></canvas>
<div class="container position-relative d-flex align-items-center justify-content-between">
<nav id="navmenu" class="navmenu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="about.html" class="active">À propos de moi</a></li>
<li><a href="portfolio.html">Projets</a></li>
<li><a href="formation.html">Formation</a></li>
<li><a href="resume.html">Mon CV</a></li>
<li><a href="services.html">Mes services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav>
<div class="header-social-links">
<a href="https://www.linkedin.com/in/ewen-gadonnaud-b17491283" class="linkedin" target="_blank"
rel="noopener noreferrer" aria-label="LinkedIn"><i class="bi bi-linkedin"></i></a>
<a href="https://github.com/Azuneer" class="github" target="_blank" rel="noopener noreferrer"
aria-label="GitHub"><i class="bi bi-github"></i></a>
</div>
</div>
</header>
<main class="main">
<!-- About Section -->
<section id="about" class="about section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>À Propos</h2>
<p>Depuis mon plus jeune âge, je suis passionné par les nouvelles technologies, surtout par internet et
toutes les micro-sphères qui en découlent. Il m'est paru alors naturel d'orienter ma carrière
académique et professionnelle vers un sujet que j'aime tant, le processus de mise en relation de
tout le monde sur terre grâce à de nouveaux moyens de communication qui florissent chaque jour.</p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<!-- Intro + Photo -->
<div class="row align-items-center justify-content-between gy-5 mb-5">
<div class="col-lg-7" data-aos="fade-right" data-aos-delay="150">
<div class="intro-content">
<span class="eyebrow">Bonjour</span>
<h2 class="headline">Je suis Ewen - étudiant en BTS SIO passionné par le DevOps, les réseaux
et le Cloud</h2>
<p class="lead">
Dans la vie de tous les jours, j'aime mettre en avant mon côté indépendant et ambitieux.
Je considère qu'il est primordial de ne jamais baisser les bras, quelle que soit la
situation.
</p>
<p>
Ce déterminisme et ce sens de l'autonomie sont à la hauteur de mes ambitions (qu'elles
soient professionnelles comme personnelles), et je n'accepterais pas de me voir baisser
les bras, car la vie est un combat de tous les jours.
</p>
<p>
Je pense également qu'il faut savoir être tolérant, tolérant envers les autres, mais
surtout envers soi-même. C'est pour ça qu'il ne faut pas avoir peur de tomber et
d'échouer pour repartir encore plus fort.
</p>
<p>
J'aime être souriant dans la vie de tous les jours, même quand la vie me met à
l'épreuve. Je sais qu'avant tout, le positif attire le positif, et les gens redonnent
généralement la pareille.
</p>
<div class="cta-group">
<a href="portfolio.html" class="btn-ghost">
Voir mes projets <i class="bi bi-arrow-up-right"></i>
</a>
<a href="assets/img/profile/CV_GADONNAUD_EWEN_2025.pdf" class="link-underline">
Télécharger mon CV <i class="bi bi-download"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-5" data-aos="zoom-in" data-aos-delay="250">
<figure class="profile-figure text-center text-lg-end">
<img src="assets/img/profile/me.webp" alt="Portrait d'Ewen" class="img-fluid profile-photo">
</figure>
</div>
</div>
<!-- End Intro + Photo -->
<!-- Skills Grid -->
<div class="mb-5">
<div class="row g-4">
<div class="col-6 col-md-4 col-lg-3" data-aos="fade-up" data-aos-delay="120">
<div class="skill-item">
<i class="bi bi-hdd-network"></i>
<h3>Réseaux</h3>
<p>Configuration et gestion de réseaux Cisco.</p>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3" data-aos="fade-up" data-aos-delay="180">
<div class="skill-item">
<i class="bi bi-terminal"></i>
<h3>Linux</h3>
<p>Administration système et lignes de commande.</p>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3" data-aos="fade-up" data-aos-delay="240">
<div class="skill-item">
<i class="bi bi-pc-display"></i>
<h3>Virtualisation</h3>
<p>VirtualBox, VMware, Docker, bientôt Proxmox.</p>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3" data-aos="fade-up" data-aos-delay="300">
<div class="skill-item">
<i class="bi bi-cloud"></i>
<h3>Cloud AWS</h3>
<p>EC2, S3, VPC, RDS - Certification AWS CPE.</p>
</div>
</div>
</div>
</div>
<!-- End Skills Grid -->
<!-- Journey Timeline -->
<div class="mb-5">
<div class="row g-4">
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="120">
<article class="timeline-item">
<span class="dot"></span>
<time>2025</time>
<h4>BTS SIO - 1ère année</h4>
<p>Lycée Paul-Louis Courier, Tours</p>
</article>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="140">
<article class="timeline-item">
<span class="dot"></span>
<time>2025</time>
<h4>Certification Cisco</h4>
<p>Notions de bases des réseaux informatiques</p>
</article>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="180">
<article class="timeline-item">
<span class="dot"></span>
<time>2025</time>
<h4>Certification AWS CPE</h4>
<p>Cloud Practitioner Essentials - Fondamentaux AWS</p>
</article>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="240">
<article class="timeline-item">
<span class="dot"></span>
<time>2023</time>
<h4>Certification ANSSI</h4>
<p>MOOC Cybersécurité - Fondamentaux de la sécurité</p>
</article>
</div>
</div>
</div>
</div>
<!-- End Journey Timeline -->
<!-- Quote -->
<blockquote class="personal-quote text-center mb-5" data-aos="fade-down" data-aos-delay="200">
<p>"Soyez vous-même, les autres sont déjà pris" - Oscar Wilde</p>
</blockquote>
<!-- End Quote -->
<!-- Fun Facts -->
<div class="row g-3 justify-content-center">
<div class="col-6 col-md-3 col-lg-2" data-aos="zoom-in" data-aos-delay="120">
<div class="fact-pill">
<i class="bi bi-laptop"></i>
<span>Technologies</span>
</div>
</div>
<div class="col-6 col-md-3 col-lg-2" data-aos="zoom-in" data-aos-delay="160">
<div class="fact-pill">
<i class="bi bi-lightbulb"></i>
<span>Innovation</span>
</div>
</div>
<div class="col-6 col-md-3 col-lg-2" data-aos="zoom-in" data-aos-delay="200">
<div class="fact-pill">
<i class="bi bi-trophy"></i>
<span>Ambition</span>
</div>
</div>
<div class="col-6 col-md-3 col-lg-2" data-aos="zoom-in" data-aos-delay="240">
<div class="fact-pill">
<i class="bi bi-emoji-smile"></i>
<span>Positivité</span>
</div>
</div>
</div>
<!-- End Fun Facts -->
</div>
</section><!-- /About Section -->
<!-- Skills Section -->
<section id="skills" class="skills section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Compétences Techniques</h2>
<p>Mes compétences acquises au cours de ma formation en BTS Services Informatiques aux Organisations et
de mes projets personnels</p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row g-4 skills-animation">
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="100">
<div class="skill-box">
<h3>Linux</h3>
<p>Administration système, lignes de commande et scripting</p>
<span class="text-end d-block">85%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="85" aria-valuemin="0"
aria-valuemax="100" aria-label="Linux: 85%"></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="200">
<div class="skill-box">
<h3>Réseaux Cisco</h3>
<p>Configuration routeurs, switchs et protocoles réseau</p>
<span class="text-end d-block">80%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0"
aria-valuemax="100" aria-label="Réseaux Cisco: 80%"></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="300">
<div class="skill-box">
<h3>Docker / Containers</h3>
<p>Conteneurisation et orchestration d'applications</p>
<span class="text-end d-block">70%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0"
aria-valuemax="100" aria-label="Docker / Containers: 70%"></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="400">
<div class="skill-box">
<h3>Cloud AWS</h3>
<p>EC2, S3, VPC, RDS - Infrastructure cloud</p>
<span class="text-end d-block">55%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0"
aria-valuemax="100" aria-label="Cloud AWS: 55%">
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- /Skills Section -->
<!-- Stats Section -->
<section id="stats" class="stats section dark-background">
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row align-items-center">
<div class="col-lg-8">
<div class="row counters">
<div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
<h2><span data-purecounter-start="0" data-purecounter-end="8"
data-purecounter-duration="1" class="purecounter"></span>+</h2>
<p>Projets réalisés</p>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="400">
<h2><span data-purecounter-start="0" data-purecounter-end="5"
data-purecounter-duration="1" class="purecounter"></span></h2>
<p>Certifications</p>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="500">
<h2><span data-purecounter-start="0" data-purecounter-end="100"
data-purecounter-duration="1" class="purecounter"></span>%</h2>
<p>Motivation</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- /Stats Section -->
<!-- &lt;!&ndash; Testimonials Section &ndash;&gt;-->
<!-- <section id="testimonials" class="testimonials section">-->
<!-- &lt;!&ndash; Section Title &ndash;&gt;-->
<!-- <div class="container section-title" data-aos="fade-up">-->
<!-- <h2>Témoignages</h2>-->
<!-- <p>Les retours de mes collaborateurs et formateurs</p>-->
<!-- </div>&lt;!&ndash; End Section Title &ndash;&gt;-->
<!-- <div class="container" data-aos="fade-up" data-aos-delay="100">-->
<!-- <div class="swiper init-swiper">-->
<!-- <script type="application/json" class="swiper-config">-->
<!-- {-->
<!-- "loop": true,-->
<!-- "speed": 600,-->
<!-- "autoplay": {-->
<!-- "delay": 5000-->
<!-- },-->
<!-- "slidesPerView": "auto",-->
<!-- "pagination": {-->
<!-- "el": ".swiper-pagination",-->
<!-- "type": "bullets",-->
<!-- "clickable": true-->
<!-- }-->
<!-- }-->
<!-- </script>-->
<!-- <div class="swiper-wrapper">-->
<!-- <div class="swiper-slide">-->
<!-- <div class="testimonial-item">-->
<!-- <div class="row gy-4 justify-content-center">-->
<!-- <div class="col-lg-6">-->
<!-- <div class="testimonial-content">-->
<!-- <p>-->
<!-- <i class="bi bi-quote quote-icon-left"></i>-->
<!-- <span>Ewen fait preuve d'une grande autonomie et d'un excellent esprit d'équipe. Son sérieux et sa motivation sont remarquables.</span>-->
<!-- <i class="bi bi-quote quote-icon-right"></i>-->
<!-- </p>-->
<!-- <h3>Jean Dupont</h3>-->
<!-- <h4>Formateur BTS SIO</h4>-->
<!-- <div class="stars">-->
<!-- <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-2 text-center">-->
<!-- <img src="assets/img/person/person-m-9.webp" class="img-fluid testimonial-img" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>&lt;!&ndash; End testimonial item &ndash;&gt;-->
<!-- <div class="swiper-slide">-->
<!-- <div class="testimonial-item">-->
<!-- <div class="row gy-4 justify-content-center">-->
<!-- <div class="col-lg-6">-->
<!-- <div class="testimonial-content">-->
<!-- <p>-->
<!-- <i class="bi bi-quote quote-icon-left"></i>-->
<!-- <span>Un étudiant passionné qui n'hésite pas à approfondir ses connaissances par lui-même. Son intérêt pour les technologies est authentique.</span>-->
<!-- <i class="bi bi-quote quote-icon-right"></i>-->
<!-- </p>-->
<!-- <h3>Marie Lambert</h3>-->
<!-- <h4>Responsable Pédagogique</h4>-->
<!-- <div class="stars">-->
<!-- <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-2 text-center">-->
<!-- <img src="assets/img/person/person-f-5.webp" class="img-fluid testimonial-img" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>&lt;!&ndash; End testimonial item &ndash;&gt;-->
<!-- </div>-->
<!-- <div class="swiper-pagination"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </section>&lt;!&ndash; /Testimonials Section &ndash;&gt;-->
</main>
<footer id="footer" class="footer">
<div class="container">
<div class="copyright text-center ">
<p>© <span>Copyright</span> <strong class="px-1 sitename">GADONNAUD Ewen</strong> <span>Tout droits
réservés<br></span></p>
</div>
<div class="social-links d-flex justify-content-center">
<a href="https://www.linkedin.com/in/ewen-gadonnaud-b17491283" aria-label="LinkedIn"><i
class="bi bi-linkedin"></i></a>
<a href="https://github.com/Azuneer" aria-label="GitHub"><i class="bi bi-github"></i></a>
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you've purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
Designé avec <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer>
<!-- Scroll Top -->
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<!-- Preloader -->
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/typed.js/typed.umd.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>