changement global, ajout des contextes

This commit is contained in:
ewen 2026-05-12 20:37:53 +02:00
parent 454039bc90
commit 19923cb2a2
8 changed files with 67 additions and 341 deletions

BIN
.DS_Store vendored

Binary file not shown.

BIN
assets/.DS_Store vendored

Binary file not shown.

BIN
assets/img/.DS_Store vendored

Binary file not shown.

BIN
assets/img/imdeo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 235 KiB

BIN
assets/img/millenuits.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 235 KiB

View file

@ -185,6 +185,71 @@
</div> </div>
<!-- End Section Title --> <!-- End Section Title -->
<!-- Projets académiques — Lycée Paul Louis Courier -->
<div class="container mt-5" data-aos="fade-up" data-aos-delay="100">
<div class="text-center mb-5">
<h3 class="section-subtitle"><i class="bi bi-building me-2"></i>Projets académiques — Lycée Paul Louis Courier</h3>
<p class="section-subtitle">Projets réalisés dans le cadre de ma formation au BTS SIO option SISR</p>
</div>
<div class="row gy-4 justify-content-center">
<!-- Contexte IMDEO -->
<div class="col-lg-5 col-md-6 portfolio-item">
<div class="portfolio-card">
<div class="portfolio-img" style="background: #ffffff; min-height: 220px; display: flex; align-items: center; justify-content: center;">
<img src="assets/img/imdeo.png" alt="Logo IMDEO" style="max-height: 180px; max-width: 80%; object-fit: contain;">
<div class="portfolio-overlay">
<a href="#" class="portfolio-details-link" title="Voir le contexte IMDEO"><i class="bi bi-link"></i></a>
</div>
</div>
<div class="portfolio-info">
<h4>Contexte IMDEO</h4>
<p>Conception et déploiement d'une infrastructure réseau complète pour IMDEO (Groupe Hervé) : routage inter-VLAN, services réseaux, administration de serveurs Debian et durcissement de la sécurité système.</p>
<div class="portfolio-tags">
<span>Atelier Professionnel</span>
<span>Réseaux</span>
<span>Debian</span>
</div>
</div>
</div>
</div>
<!-- Contexte Mille-Nuits -->
<div class="col-lg-5 col-md-6 portfolio-item">
<div class="portfolio-card">
<div class="portfolio-img" style="background: #ffffff; min-height: 220px; display: flex; align-items: center; justify-content: center;">
<img src="assets/img/millenuits.png" alt="Logo Mille-Nuits" style="max-height: 180px; max-width: 80%; object-fit: contain;">
<div class="portfolio-overlay">
<a href="https://azuneer.github.io/millenuits-docs/sp3mission2/" target="_blank" rel="noopener noreferrer" class="portfolio-details-link" title="Voir la documentation MKDocs"><i class="bi bi-link"></i></a>
</div>
</div>
<div class="portfolio-info">
<h4>Contexte Mille-Nuits</h4>
<p>Refonte complète de l'infrastructure informatique de Millenuits : segmentation réseau (VLAN), déploiement automatisé, centralisation des services (AD/DHCP) et mise en place d'une DMZ Docker pour les développeurs.</p>
<div class="portfolio-tags">
<span>Atelier Professionnel</span>
<span>VLAN</span>
<span>Docker</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Séparateur -->
<div class="container my-5">
<div class="d-flex align-items-center justify-content-center gap-3">
<hr style="flex: 1; max-width: 200px; opacity: 0.2; border-top: 1px solid currentColor;">
<i class="bi bi-collection" style="color: var(--accent-color); font-size: 1.5rem;"></i>
<hr style="flex: 1; max-width: 200px; opacity: 0.2; border-top: 1px solid currentColor;">
</div>
<div class="text-center mt-3">
<h2 class="section-subtitle" style="font-size: 1.75rem;">Tous mes autres projets</h2>
</div>
</div>
<!-- Section Isotope : Autres projets -->
<div class="container" data-aos="fade-up" data-aos-delay="100"> <div class="container" data-aos="fade-up" data-aos-delay="100">
<div <div
class="isotope-layout" class="isotope-layout"

View file

@ -6,7 +6,7 @@
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Mes Services</title> <title>Mes Services</title>
<meta name="description" <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."> 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" <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"> content="réseau, administration système, Linux, Cisco, GLPI, virtualisation, sauvegarde, cybersécurité, dépannage informatique, support technique, Tours, BTS SIO SISR">
<!-- Favicons --> <!-- Favicons -->
@ -74,7 +74,7 @@
<h2>Mes Services</h2> <h2>Mes Services</h2>
<p> <p>
Étudiant en BTS SIO option SISR et auto-entrepreneur, je propose des prestations techniques pour les Étudiant en BTS SIO option SISR et auto-entrepreneur, je propose des prestations techniques pour les
professionnels ainsi que des services informatiques aux particuliers. professionnels.
</p> </p>
</div><!-- End Section Title --> </div><!-- End Section Title -->
@ -214,346 +214,7 @@
</div> </div>
</div><!-- End Services Professionnels --> </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 --> </section><!-- /Services Section -->