ewen/ewengadonnaud.xyz
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity
ewengadonnaud.xyz/services.html
ewen 4eab9a56a7 refactor(services): remove individual services and pricing sections 
- Remove all individual consumer services and pricing grid
- Update meta description and keywords to focus on professional services only

refactor(portfolio): split projects into academic and personal sections

- Add academic section for Paul Louis Courier (IMDEO + Mille-Nuits contexts)
- Add IMDEO and Mille-Nuits cards with logos and descriptions
- Keep existing Isotope filters and projects untouched
- Update tags to 'Atelier Professionnel'
- Clean up duplicate imdeo.png asset
2026-05-12 20:58:47 +02:00

262 lines
12 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Mes Services</title>
<meta name="description"
content="Découvrez mes prestations en administration réseau, gestion de parc informatique et cybersécurité pour professionnels. Étudiant en BTS SIO SISR, je propose des solutions adaptées à vos besoins techniques.">
<meta name="keywords"
content="réseau, administration système, Linux, Cisco, GLPI, virtualisation, sauvegarde, cybersécurité, Tours, BTS SIO SISR">
<!-- 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:wght@300;400;500;700&family=Poppins:wght@300;400;500;600;700&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">
<!-- Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body class="services-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">À 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" class="active">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">
<!-- Services Section -->
<section id="services" class="services section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Mes Services</h2>
<p>
Étudiant en BTS SIO option SISR et auto-entrepreneur, je propose des prestations techniques pour les
professionnels.
</p>
</div><!-- End Section Title -->
<!-- Services Professionnels -->
<div class="container mb-5" data-aos="fade-up" data-aos-delay="50">
<div class="text-center mb-4">
<h3 class="section-subtitle">Services Professionnels</h3>
<p class="section-subtitle">Infrastructure, DevOps et administration réseau pour entreprises</p>
</div>
<div class="row justify-content-center g-5">
<!-- Service Pro 1 : Configuration réseau -->
<div class="col-md-6" data-aos="fade-right" data-aos-delay="100">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-router"></i>
</div>
<div class="service-content">
<h4>Configuration de réseaux locaux</h4>
<p>
Installation et configuration de switchs, routeurs, VLANs et protocoles de routage (OSPF, DHCP).
Optimisation de la connectivité et de la sécurité de votre infrastructure réseau avec équipements
Cisco.
</p>
<a href="contact.html" class="service-link">
<span>Me contacter</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
<!-- Service Pro 2 : Administration système Linux -->
<div class="col-md-6" data-aos="fade-left" data-aos-delay="100">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-hdd-network"></i>
</div>
<div class="service-content">
<h4>Administration système Linux</h4>
<p>
Gestion de serveurs Linux (Debian), configuration des utilisateurs, des permissions et des services.
Administration pour garantir disponibilité, performance et sécurité de vos serveurs.
</p>
<a href="contact.html" class="service-link">
<span>Me contacter</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
<!-- Service Pro 3 : Conteneurisation Docker -->
<div class="col-md-6" data-aos="fade-right" data-aos-delay="200">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-box-seam"></i>
</div>
<div class="service-content">
<h4>Conteneurisation avec Docker</h4>
<p>
Déploiement d'applications conteneurisées avec Docker. Création d'images personnalisées, gestion de
containers et optimisation des environnements de développement et production.
</p>
<a href="contact.html" class="service-link">
<span>Me contacter</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
<!-- Service Pro 4 : Infrastructure Cloud AWS -->
<div class="col-md-6" data-aos="fade-left" data-aos-delay="200">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-cloud-upload"></i>
</div>
<div class="service-content">
<h4>Infrastructure Cloud AWS</h4>
<p>
Déploiement et configuration d'infrastructures sur AWS : instances EC2, stockage S3, bases de données
RDS, réseaux VPC.
Migration et optimisation de vos applications vers le cloud.
</p>
<a href="contact.html" class="service-link">
<span>Me contacter</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
<!-- Service Pro 5 : Sécurisation des accès réseau -->
<div class="col-md-6" data-aos="fade-right" data-aos-delay="300">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-shield-lock"></i>
</div>
<div class="service-content">
<h4>Sécurisation des accès réseau</h4>
<p>
Configuration de pare-feu (iptables, UFW), mise en place de VPN, et application des bonnes pratiques
de sécurité réseau.
Protection de votre infrastructure contre les intrusions et accès non autorisés.
</p>
<a href="contact.html" class="service-link">
<span>Me contacter</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
<!-- Service Pro 6 : Automatisation de tâches -->
<div class="col-md-6" data-aos="fade-left" data-aos-delay="300">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-code-slash"></i>
</div>
<div class="service-content">
<h4>Automatisation de tâches</h4>
<p>
Développement de scripts (Bash, Python) pour automatiser des tâches répétitives : sauvegardes,
inventaire, déploiement de configurations réseau, etc.
Gagnez du temps et réduisez les erreurs humaines !
</p>
<a href="contact.html" class="service-link">
<span>Me contacter</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
</div>
</div><!-- End Services Professionnels -->
</section><!-- /Services Section -->
</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">
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>
Reference in a new issue View git blame Copy permalink