264 lines
12 KiB
HTML
264 lines
12 KiB
HTML
<!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é, dépannage informatique, support technique, 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> |