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

603 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>Mes Services</title>
<meta name="description"
content="Découvrez mes prestations en administration réseau, gestion de parc informatique, cybersécurité et services informatiques aux particuliers. É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 ainsi que des services informatiques aux particuliers.
</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 -->
<!-- Divider -->
<hr class="my-5" style="max-width: 80%; margin: 0 auto; opacity: 0.2;">
<!-- Services aux Particuliers -->
<div class="container mt-5" data-aos="fade-up" data-aos-delay="400">
<div class="text-center mb-4">
<h3 class="section-subtitle">Services aux Particuliers</h3>
<p class="section-subtitle">Dépannage, installation et support informatique - Tours et à distance</p>
<div class="badge bg-success text-white px-3 py-2 mt-2">
<i class="bi bi-check-circle me-1"></i> Lancement officiel décembre 2025
</div>
</div>
<div class="row justify-content-center g-5">
<!-- Service Particulier 1 : Dépannage & Support -->
<div class="col-md-6" data-aos="fade-right" data-aos-delay="450">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-tools"></i>
</div>
<div class="service-content">
<h4>Dépannage & Support</h4>
<p>
PC lent, virus, problèmes Windows ou Linux ? Je diagnostique et répare vos problèmes informatiques
rapidement.
Nettoyage, optimisation, désinfection et récupération de données.
</p>
<div class="service-price mt-2">
<span class="badge bg-primary">À partir de 30€/h</span>
</div>
<a href="contact.html" class="service-link">
<span>Prendre rendez-vous</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
<!-- Service Particulier 2 : Installation & Configuration -->
<div class="col-md-6" data-aos="fade-left" data-aos-delay="450">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-gear"></i>
</div>
<div class="service-content">
<h4>Installation & Configuration</h4>
<p>
Installation de logiciels, configuration de votre box internet, imprimante, périphériques.
Transfert de données vers un nouveau PC. Tout pour démarrer sereinement avec votre matériel.
</p>
<div class="service-price mt-2">
<span class="badge bg-primary">À partir de 35€/h</span>
</div>
<a href="contact.html" class="service-link">
<span>Prendre rendez-vous</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
<!-- Service Particulier 3 : Remise à neuf PC avec Linux -->
<div class="col-md-6" data-aos="fade-right" data-aos-delay="500">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-recycle"></i>
</div>
<div class="service-content">
<h4>Remise à neuf avec Linux</h4>
<p>
Votre vieux PC rame ? Je lui donne une seconde vie avec Linux (Mint, Ubuntu) et un SSD.
Plus rapide qu'un PC neuf, pour une fraction du prix. Écologique et économique !
</p>
<div class="service-price mt-2">
<span class="badge bg-primary">Forfait 100€</span>
<span class="badge bg-secondary ms-1">SSD inclus en option</span>
</div>
<a href="contact.html" class="service-link">
<span>Prendre rendez-vous</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
<!-- Service Particulier 4 : Support à distance -->
<div class="col-md-6" data-aos="fade-left" data-aos-delay="500">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-display"></i>
</div>
<div class="service-content">
<h4>Support à distance</h4>
<p>
Intervention rapide depuis chez vous, partout en France. Connexion sécurisée pour résoudre vos
problèmes sans déplacement.
Idéal pour dépannage rapide et configuration logicielle.
</p>
<div class="service-price mt-2">
<span class="badge bg-primary">25€/h</span>
<span class="badge bg-success ms-1">Partout en France</span>
</div>
<a href="contact.html" class="service-link">
<span>Prendre rendez-vous</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
<!-- Service Particulier 5 : Réseau domestique -->
<div class="col-md-6" data-aos="fade-right" data-aos-delay="550">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-wifi"></i>
</div>
<div class="service-content">
<h4>Réseau domestique</h4>
<p>
Optimisation de votre WiFi, configuration de points d'accès, sécurisation de votre réseau domestique.
Amélioration de la couverture et de la performance pour toute la maison.
</p>
<div class="service-price mt-2">
<span class="badge bg-primary">40€/h + déplacement</span>
</div>
<a href="contact.html" class="service-link">
<span>Prendre rendez-vous</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
<!-- Service Particulier 6 : Formation & Conseil -->
<div class="col-md-6" data-aos="fade-left" data-aos-delay="550">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-book"></i>
</div>
<div class="service-content">
<h4>Formation & Conseil</h4>
<p>
Apprenez à utiliser votre ordinateur, vos logiciels ou à mieux protéger vos données.
Formation personnalisée adaptée à votre niveau, explications claires et patientes.
</p>
<div class="service-price mt-2">
<span class="badge bg-primary">30€/h</span>
</div>
<a href="contact.html" class="service-link">
<span>Prendre rendez-vous</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div><!-- End Service Item -->
</div>
<!-- Zone d'intervention -->
<div class="row mt-5 justify-content-center" data-aos="fade-up" data-aos-delay="600">
<div class="col-lg-10">
<div class="service-item d-flex flex-column align-items-center text-center">
<div class="service-icon mb-3" style="margin-right: 0;">
<i class="bi bi-geo-alt"></i>
</div>
<div class="service-content">
<h4>Zone d'intervention</h4>
<p class="mb-1"><strong>À distance :</strong> Partout en France</p>
<p class="mb-1"><strong>Sur place :</strong> Tours centre et Tours Nord (+ 10€ de déplacement)</p>
<p class="mb-0"><strong>Premier diagnostic :</strong> Gratuit (30 min). Au-delà, facturation au taux
horaire du service concerné, par tranche de 15 minutes entamées.</p>
</div>
</div>
</div>
</div>
</div><!-- End Services aux Particuliers -->
<!-- Grille Tarifaire Détaillée -->
<div class="container mt-5" data-aos="fade-up" data-aos-delay="600">
<div class="text-center mb-4">
<h3 class="section-subtitle" id="tarifs-particuliers"><i class="bi bi-tags-fill me-2"></i>Grille Tarifaire
Détaillée (Particuliers)</h3>
<p class="section-subtitle">Facturation au temps passé ou au forfait, selon la prestation. Tarifs nets (TVA
non applicable, art. 293 B du CGI).</p>
</div>
<!-- 1. Services Horaires -->
<h4 class="mt-5 mb-4 text-center">1. Services Horaires (Facturation à la Tranche)</h4>
<p class="text-center mb-4" style="color: rgba(255, 255, 255, 0.6);">Facturation minimale de 30 minutes. Au-delà
de la première heure, décompte par tranche de 15 minutes.</p>
<div class="row justify-content-center g-4">
<!-- Card 1: Support à distance -->
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-headset"></i>
</div>
<div class="service-content">
<h4>Support à distance</h4>
<div class="mb-3">
<span class="badge bg-primary fs-6">25,00 €/h</span>
</div>
<ul class="list-unstyled small">
<li class="mb-2"><i class="bi bi-clock me-2 text-accent"></i><strong>Tranche Min (30 min):</strong>
12,50 €</li>
<li><i class="bi bi-hourglass-split me-2 text-accent"></i><strong>Tranche Sup (15 min):</strong> 6,25
</li>
</ul>
</div>
</div>
</div>
<!-- Card 2: Sur site (Dépannage / Formation) -->
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-geo-alt-fill"></i>
</div>
<div class="service-content">
<h4>Sur site (Dépannage / Formation)</h4>
<div class="mb-3">
<span class="badge bg-primary fs-6">30,00 €/h</span>
</div>
<ul class="list-unstyled small">
<li class="mb-2"><i class="bi bi-clock me-2 text-accent"></i><strong>Tranche Min (30 min):</strong>
15,00 €</li>
<li><i class="bi bi-hourglass-split me-2 text-accent"></i><strong>Tranche Sup (15 min):</strong> 7,50
</li>
</ul>
</div>
</div>
</div>
<!-- Card 3: Sur site (Installation / Réseau) -->
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-router-fill"></i>
</div>
<div class="service-content">
<h4>Sur site (Installation / Réseau)</h4>
<div class="mb-3">
<span class="badge bg-primary fs-6">35 - 40 €/h *</span>
</div>
<ul class="list-unstyled small">
<li class="mb-2"><i class="bi bi-clock me-2 text-accent"></i><strong>Tranche Min (30 min):</strong>
17,50 - 20€</li>
<li><i class="bi bi-hourglass-split me-2 text-accent"></i><strong>Tranche Sup (15 min):</strong> 8,75
- 10€</li>
</ul>
</div>
</div>
</div>
</div>
<p class="text-center small mt-3" style="color: rgba(255, 255, 255, 0.6);">* Le taux horaire exact est précisé
lors du devis après le diagnostic initial (gratuit).</p>
<!-- 2. Forfaits et Frais Fixes -->
<h4 class="mt-5 mb-4 text-center">2. Forfaits et Frais Fixes</h4>
<div class="row justify-content-center g-4">
<!-- Card 1: Frais de Déplacement -->
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="400">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-car-front-fill"></i>
</div>
<div class="service-content">
<h4>Frais de Déplacement</h4>
<div class="mb-3">
<span class="badge bg-secondary fs-6">10,00 €</span>
</div>
<p class="small">
Forfait unique appliqué par intervention sur site (Tours centre et Nord), quel que soit le temps
passé.
</p>
</div>
</div>
</div>
<!-- Card 2: Remise à neuf PC Linux -->
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="500">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-ubuntu"></i>
</div>
<div class="service-content">
<h4>Remise à neuf PC avec Linux</h4>
<div class="mb-3">
<span class="badge bg-success fs-6">100,00 €</span>
</div>
<p class="small">
Installation complète de Linux (Mint/Ubuntu), optimisation et configuration initiale. (Hors coût
éventuel du matériel SSD).
</p>
</div>
</div>
</div>
<!-- Card 3: Diagnostic Initial -->
<div class="col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="600">
<div class="service-item">
<div class="service-icon">
<i class="bi bi-activity"></i>
</div>
<div class="service-content">
<h4>Diagnostic Initial (30 min)</h4>
<div class="mb-3">
<span class="badge bg-info text-dark fs-6">Gratuit</span>
</div>
<p class="small">
30 minutes offertes pour évaluer la panne ou le besoin avant toute prestation facturable.
</p>
</div>
</div>
</div>
</div>
<div class="row justify-content-center mt-5">
<div class="col-lg-8">
<div class="service-item d-flex align-items-center" style="padding: 1.5rem;">
<div class="service-icon" style="width: 50px; height: 50px; font-size: 1.5rem; margin-right: 1rem;">
<i class="bi bi-shield-check"></i>
</div>
<div class="service-content">
<h5 class="mb-1">Engagement de Transparence</h5>
<p class="mb-0 small">Un devis détaillé est systématiquement présenté avant toute intervention de longue
durée ou l'achat de matériel.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Fin Grille Tarifaire Détaillée -->
</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>