Mes Certifications<\/title>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n *{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n }\r\n\r\n body{\r\n font-family:'Poppins',sans-serif;\r\n background:#f5f7fa;\r\n color:#1e1e1e;\r\n }\r\n\r\n \/* NAVBAR *\/\r\n\r\n nav.navbar{\r\n position:fixed;\r\n top:0;\r\n left:50%;\r\n transform:translateX(-50%);\r\n background:rgba(0,0,0,0.65);\r\n backdrop-filter:blur(12px);\r\n z-index:1000;\r\n padding:10px 20px;\r\n border-radius:0 0 18px 18px;\r\n width:100%;\r\n max-width:1100px;\r\n }\r\n\r\n .navbar .menu-desktop{\r\n display:flex;\r\n justify-content:center;\r\n flex-wrap:wrap;\r\n list-style:none;\r\n }\r\n\r\n .navbar li{\r\n position:relative;\r\n }\r\n\r\n .navbar a{\r\n color:white;\r\n text-decoration:none;\r\n margin:0 10px;\r\n font-weight:600;\r\n display:block;\r\n padding:10px 12px;\r\n transition:0.3s;\r\n }\r\n\r\n .navbar a:hover{\r\n color:#60A5FA;\r\n }\r\n\r\n .navbar li ul{\r\n display:none;\r\n position:absolute;\r\n top:100%;\r\n left:0;\r\n background:white;\r\n min-width:200px;\r\n border-radius:12px;\r\n overflow:hidden;\r\n box-shadow:0 10px 25px rgba(0,0,0,0.1);\r\n }\r\n\r\n .navbar li ul li a{\r\n color:#111827;\r\n padding:12px 16px;\r\n margin:0;\r\n }\r\n\r\n .navbar li ul li a:hover{\r\n background:#f3f4f6;\r\n }\r\n\r\n .navbar li:hover > ul{\r\n display:block;\r\n }\r\n\r\n .spacer{\r\n height:100px;\r\n }\r\n\r\n \/* SECTION *\/\r\n\r\n .cert-section{\r\n padding:60px 20px;\r\n max-width:1300px;\r\n margin:auto;\r\n text-align:center;\r\n }\r\n\r\n .cert-section h1{\r\n font-size:48px;\r\n color:#1E3A8A;\r\n margin-bottom:20px;\r\n }\r\n\r\n .cert-section p{\r\n color:#4B5563;\r\n font-size:18px;\r\n margin-bottom:40px;\r\n }\r\n\r\n \/* BUTTONS *\/\r\n\r\n .cert-buttons{\r\n margin-bottom:50px;\r\n }\r\n\r\n .cert-buttons button{\r\n border:none;\r\n padding:12px 22px;\r\n margin:5px;\r\n border-radius:999px;\r\n background:#1E3A8A;\r\n color:white;\r\n cursor:pointer;\r\n font-weight:500;\r\n transition:0.3s;\r\n font-family:'Poppins',sans-serif;\r\n }\r\n\r\n .cert-buttons button:hover,\r\n .cert-buttons button.active{\r\n background:#3B82F6;\r\n transform:translateY(-2px);\r\n }\r\n\r\n \/* CARDS *\/\r\n\r\n .cert-cards{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:30px;\r\n justify-content:center;\r\n }\r\n\r\n .cert-card{\r\n background:white;\r\n width:320px;\r\n padding:30px;\r\n border-radius:20px;\r\n text-align:left;\r\n box-shadow:0 8px 20px rgba(0,0,0,0.08);\r\n transition:0.3s;\r\n display:none;\r\n\r\n opacity:0;\r\n transform:translateY(15px);\r\n animation:fadeUp 0.4s ease forwards;\r\n }\r\n\r\n .cert-card:hover{\r\n transform:translateY(-8px);\r\n box-shadow:0 12px 25px rgba(0,0,0,0.12);\r\n }\r\n\r\n @keyframes fadeUp{\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n }\r\n\r\n .cert-card img{\r\n width:60px;\r\n height:60px;\r\n object-fit:contain;\r\n margin-bottom:18px;\r\n background:#f3f4f6;\r\n padding:10px;\r\n border-radius:14px;\r\n }\r\n\r\n .cert-card h3{\r\n color:#1E3A8A;\r\n font-size:21px;\r\n margin-bottom:12px;\r\n min-height:58px;\r\n }\r\n\r\n .cert-card p{\r\n font-size:15px;\r\n color:#4B5563;\r\n margin-bottom:20px;\r\n min-height:90px;\r\n }\r\n\r\n .cert-card a{\r\n display:block;\r\n width:100%;\r\n text-align:center;\r\n text-decoration:none;\r\n background:#1E40AF;\r\n color:white;\r\n padding:12px;\r\n border-radius:10px;\r\n transition:0.3s;\r\n font-weight:500;\r\n }\r\n\r\n .cert-card a:hover{\r\n background:#3B82F6;\r\n }\r\n\r\n .badge-new{\r\n display:inline-block;\r\n background:#10B981;\r\n color:white;\r\n padding:4px 10px;\r\n border-radius:999px;\r\n font-size:11px;\r\n font-weight:600;\r\n margin-bottom:10px;\r\n }\r\n\r\n .badge-encours{\r\n display:inline-block;\r\n background:#F59E0B;\r\n color:white;\r\n padding:4px 10px;\r\n border-radius:999px;\r\n font-size:11px;\r\n font-weight:600;\r\n margin-bottom:10px;\r\n }\r\n\r\n @media(max-width:768px){\r\n .cert-card{\r\n width:100%;\r\n }\r\n\r\n .cert-section h1{\r\n font-size:38px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav class=\"navbar\">\r\n <ul class=\"menu-desktop\">\r\n <li><a href=\"\/\">Accueil<\/a><\/li>\r\n <li><a href=\"\/index.php\/ap\/\">AP<\/a><\/li>\r\n <li><a href=\"\/index.php\/activites\/\">Activit\u00e9s<\/a><\/li>\r\n <li><a href=\"\/index.php\/projets\/\">Projets<\/a><\/li>\r\n\r\n <li>\r\n <a href=\"\/index.php\/stages\/stages\/\">Stages \u25bc<\/a>\r\n <ul>\r\n <li><a href=\"\/index.php\/stages\/1ere-annee\/\">Stage 1\u00e8re ann\u00e9e<\/a><\/li>\r\n <li><a href=\"\/index.php\/stages\/2eme-annee\/\">Stage 2\u00e8me ann\u00e9e<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n\r\n <li><a href=\"\/index.php\/veille\/\">Veille<\/a><\/li>\r\n <li><a href=\"\/index.php\/cv\/\">CV<\/a><\/li>\r\n <li><a href=\"\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <li><a href=\"\/index.php\/competences\/\">Comp\u00e9tences<\/a><\/li>\r\n <li><a href=\"\/index.php\/certifications\/\">Certifications<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<div class=\"spacer\"><\/div>\r\n\r\n<section class=\"cert-section\">\r\n\r\n <h1>Mes Certifications<\/h1>\r\n\r\n <p>\r\n Retrouvez ici l\u2019ensemble de mes certifications Cisco, cybers\u00e9curit\u00e9\r\n et r\u00e9seau obtenues durant mon BTS SIO SISR.\r\n <\/p>\r\n\r\n <div class=\"cert-buttons\">\r\n <button onclick=\"showCert('all')\" class=\"active\">Toutes<\/button>\r\n <button onclick=\"showCert('ccna')\">CCNA<\/button>\r\n <button onclick=\"showCert('cyberops')\">CyberOps<\/button>\r\n <button onclick=\"showCert('cisco')\">Cisco<\/button>\r\n <button onclick=\"showCert('modules')\">Modules Cisco<\/button>\r\n <button onclick=\"showCert('github')\">GitHub<\/button>\r\n <button onclick=\"showCert('linkedin')\">LinkedIn<\/button>\r\n <\/div>\r\n\r\n <div class=\"cert-cards\">\r\n\r\n \r\n\r\n <div class=\"cert-card ccna\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <span class=\"badge-new\">\u2713 Certifi\u00e9<\/span>\r\n\r\n <h3>CCNA v7 - Introduction to Networks<\/h3>\r\n\r\n <p>\r\n Formation Cisco CCNA v7 r\u00e9alis\u00e9e durant le BTS SIO SISR\r\n au Lyc\u00e9e Saint-Exup\u00e9ry.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/03\/Network_Addressing_and_Basic_Troubleshooting_certificate_nathan-vitter9-gmail-com_6c8f8ee4-d2cc-42ef-a8e4-c4fb585360e4.pdf\" target=\"_blank\">\r\n Voir le certificat\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"cert-card cyberops\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <span class=\"badge-new\">\u2713 Certifi\u00e9<\/span>\r\n\r\n <h3>CyberOps Associate<\/h3>\r\n\r\n <p>\r\n Formation Cisco orient\u00e9e SOC, cybers\u00e9curit\u00e9,\r\n analyse des menaces et s\u00e9curit\u00e9 r\u00e9seau.\r\n <\/p>\r\n\r\n <a href=https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/CyberOps_Associate_certificate_nathan-vitter9-gmail-com_2a19c278-fe83-4953-a1db-3da0f787c910.pdf\" target=\"_blank\">\r\n Voir le certificat\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"cert-card cisco\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <span class=\"badge-new\">\u2713 Certifi\u00e9<\/span>\r\n\r\n <h3>Introduction \u00e0 la Cybers\u00e9curit\u00e9<\/h3>\r\n\r\n <p>\r\n Cisco Networking Academy<br>\r\n Certificat obtenu le 13 janvier 2025.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/03\/certificate_nathan-vitter9-gmail-com_8ba6f7e5-7711-47b9-b1b8-1ef3edbf3fb1.pdf\" target=\"_blank\">\r\n Voir le certificat\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card cisco\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <span class=\"badge-new\">\u2713 Certifi\u00e9<\/span>\r\n\r\n <h3>Introduction \u00e0 l'IoT<\/h3>\r\n\r\n <p>\r\n Cisco Networking Academy<br>\r\n Transformation digitale et objets connect\u00e9s.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/03\/certificate_nathan-vitter9-gmail-com_2bf7484e-c780-4cbe-90ce-464f9a48a80a.pdf\" target=\"_blank\">\r\n Voir le certificat\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card cisco\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <span class=\"badge-new\">\u2713 Certifi\u00e9<\/span>\r\n\r\n <h3>Adressage r\u00e9seau et d\u00e9pannage<\/h3>\r\n\r\n <p>\r\n Cisco Networking Academy<br>\r\n Bases du d\u00e9pannage r\u00e9seau et adressage IP.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/03\/Network_Addressing_and_Basic_Troubleshooting_certificate_nathan-vitter9-gmail-com_6c8f8ee4-d2cc-42ef-a8e4-c4fb585360e4.pdf\" target=\"_blank\">\r\n Voir le certificat\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"cert-card modules\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <h3>Switching, Routing and Wireless Essentials<\/h3>\r\n\r\n <p>\r\n VLAN, STP, EtherChannel, configuration Wi-Fi\r\n et routage interm\u00e9diaire.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le badge<\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card modules\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <h3>Enterprise Networking, Security and Automation<\/h3>\r\n\r\n <p>\r\n S\u00e9curit\u00e9 r\u00e9seau avanc\u00e9e, automatisation\r\n et routage entreprise.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le badge<\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card modules\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <h3>Endpoint Security<\/h3>\r\n\r\n <p>\r\n S\u00e9curisation des postes utilisateurs\r\n et protection des syst\u00e8mes.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le badge<\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card modules\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <h3>Network Defense<\/h3>\r\n\r\n <p>\r\n Protection des infrastructures r\u00e9seau\r\n et cybers\u00e9curit\u00e9 Cisco.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le badge<\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card modules\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <h3>Network Support and Security<\/h3>\r\n\r\n <p>\r\n Assistance technique et s\u00e9curisation\r\n des \u00e9quipements r\u00e9seau.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le badge<\/a>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"cert-card github\">\r\n <img decoding=\"async\" src=\"https:\/\/github.githubassets.com\/images\/modules\/logos_page\/GitHub-Mark.png\">\r\n\r\n <h3>GitHub Foundations<\/h3>\r\n\r\n <p>\r\n Gestion de d\u00e9p\u00f4ts GitHub,\r\n collaboration et versionning Git.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le certificat<\/a>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"cert-card linkedin\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/ca\/LinkedIn_logo_initials.png\">\r\n\r\n <h3>Gestion de Projet<\/h3>\r\n\r\n <p>\r\n M\u00e9thodes agiles, gestion d\u2019\u00e9quipe\r\n et organisation de projet.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le certificat<\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card linkedin\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/ca\/LinkedIn_logo_initials.png\">\r\n\r\n <h3>Excel Avanc\u00e9<\/h3>\r\n\r\n <p>\r\n Fonctions avanc\u00e9es Excel,\r\n tableaux et analyse de donn\u00e9es.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le certificat<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n function showCert(cat){\r\n\r\n const cards = document.querySelectorAll('.cert-card');\r\n const buttons = document.querySelectorAll('.cert-buttons button');\r\n\r\n cards.forEach(card => {\r\n\r\n if(cat === 'all'){\r\n card.style.display = 'block';\r\n }else{\r\n card.style.display =\r\n card.classList.contains(cat)\r\n ? 'block'\r\n : 'none';\r\n }\r\n\r\n });\r\n\r\n buttons.forEach(btn => {\r\n btn.classList.remove('active');\r\n });\r\n\r\n document\r\n .querySelector(`.cert-buttons button[onclick=\"showCert('${cat}')\"]`)\r\n .classList.add('active');\r\n }\r\n\r\n showCert('all');\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mes Certifications Accueil AP Activit\u00e9s Projets Stages \u25bc Stage 1\u00e8re ann\u00e9e Stage 2\u00e8me ann\u00e9e Veille CV Contact Comp\u00e9tences Certifications Mes […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/comments?post=247"}],"version-history":[{"count":36,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/247\/revisions"}],"predecessor-version":[{"id":864,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/247\/revisions\/864"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Mes Certifications<\/title>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n *{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n }\r\n\r\n body{\r\n font-family:'Poppins',sans-serif;\r\n background:#f5f7fa;\r\n color:#1e1e1e;\r\n }\r\n\r\n \/* NAVBAR *\/\r\n\r\n nav.navbar{\r\n position:fixed;\r\n top:0;\r\n left:50%;\r\n transform:translateX(-50%);\r\n background:rgba(0,0,0,0.65);\r\n backdrop-filter:blur(12px);\r\n z-index:1000;\r\n padding:10px 20px;\r\n border-radius:0 0 18px 18px;\r\n width:100%;\r\n max-width:1100px;\r\n }\r\n\r\n .navbar .menu-desktop{\r\n display:flex;\r\n justify-content:center;\r\n flex-wrap:wrap;\r\n list-style:none;\r\n }\r\n\r\n .navbar li{\r\n position:relative;\r\n }\r\n\r\n .navbar a{\r\n color:white;\r\n text-decoration:none;\r\n margin:0 10px;\r\n font-weight:600;\r\n display:block;\r\n padding:10px 12px;\r\n transition:0.3s;\r\n }\r\n\r\n .navbar a:hover{\r\n color:#60A5FA;\r\n }\r\n\r\n .navbar li ul{\r\n display:none;\r\n position:absolute;\r\n top:100%;\r\n left:0;\r\n background:white;\r\n min-width:200px;\r\n border-radius:12px;\r\n overflow:hidden;\r\n box-shadow:0 10px 25px rgba(0,0,0,0.1);\r\n }\r\n\r\n .navbar li ul li a{\r\n color:#111827;\r\n padding:12px 16px;\r\n margin:0;\r\n }\r\n\r\n .navbar li ul li a:hover{\r\n background:#f3f4f6;\r\n }\r\n\r\n .navbar li:hover > ul{\r\n display:block;\r\n }\r\n\r\n .spacer{\r\n height:100px;\r\n }\r\n\r\n \/* SECTION *\/\r\n\r\n .cert-section{\r\n padding:60px 20px;\r\n max-width:1300px;\r\n margin:auto;\r\n text-align:center;\r\n }\r\n\r\n .cert-section h1{\r\n font-size:48px;\r\n color:#1E3A8A;\r\n margin-bottom:20px;\r\n }\r\n\r\n .cert-section p{\r\n color:#4B5563;\r\n font-size:18px;\r\n margin-bottom:40px;\r\n }\r\n\r\n \/* BUTTONS *\/\r\n\r\n .cert-buttons{\r\n margin-bottom:50px;\r\n }\r\n\r\n .cert-buttons button{\r\n border:none;\r\n padding:12px 22px;\r\n margin:5px;\r\n border-radius:999px;\r\n background:#1E3A8A;\r\n color:white;\r\n cursor:pointer;\r\n font-weight:500;\r\n transition:0.3s;\r\n font-family:'Poppins',sans-serif;\r\n }\r\n\r\n .cert-buttons button:hover,\r\n .cert-buttons button.active{\r\n background:#3B82F6;\r\n transform:translateY(-2px);\r\n }\r\n\r\n \/* CARDS *\/\r\n\r\n .cert-cards{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:30px;\r\n justify-content:center;\r\n }\r\n\r\n .cert-card{\r\n background:white;\r\n width:320px;\r\n padding:30px;\r\n border-radius:20px;\r\n text-align:left;\r\n box-shadow:0 8px 20px rgba(0,0,0,0.08);\r\n transition:0.3s;\r\n display:none;\r\n\r\n opacity:0;\r\n transform:translateY(15px);\r\n animation:fadeUp 0.4s ease forwards;\r\n }\r\n\r\n .cert-card:hover{\r\n transform:translateY(-8px);\r\n box-shadow:0 12px 25px rgba(0,0,0,0.12);\r\n }\r\n\r\n @keyframes fadeUp{\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n }\r\n\r\n .cert-card img{\r\n width:60px;\r\n height:60px;\r\n object-fit:contain;\r\n margin-bottom:18px;\r\n background:#f3f4f6;\r\n padding:10px;\r\n border-radius:14px;\r\n }\r\n\r\n .cert-card h3{\r\n color:#1E3A8A;\r\n font-size:21px;\r\n margin-bottom:12px;\r\n min-height:58px;\r\n }\r\n\r\n .cert-card p{\r\n font-size:15px;\r\n color:#4B5563;\r\n margin-bottom:20px;\r\n min-height:90px;\r\n }\r\n\r\n .cert-card a{\r\n display:block;\r\n width:100%;\r\n text-align:center;\r\n text-decoration:none;\r\n background:#1E40AF;\r\n color:white;\r\n padding:12px;\r\n border-radius:10px;\r\n transition:0.3s;\r\n font-weight:500;\r\n }\r\n\r\n .cert-card a:hover{\r\n background:#3B82F6;\r\n }\r\n\r\n .badge-new{\r\n display:inline-block;\r\n background:#10B981;\r\n color:white;\r\n padding:4px 10px;\r\n border-radius:999px;\r\n font-size:11px;\r\n font-weight:600;\r\n margin-bottom:10px;\r\n }\r\n\r\n .badge-encours{\r\n display:inline-block;\r\n background:#F59E0B;\r\n color:white;\r\n padding:4px 10px;\r\n border-radius:999px;\r\n font-size:11px;\r\n font-weight:600;\r\n margin-bottom:10px;\r\n }\r\n\r\n @media(max-width:768px){\r\n .cert-card{\r\n width:100%;\r\n }\r\n\r\n .cert-section h1{\r\n font-size:38px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<nav class=\"navbar\">\r\n <ul class=\"menu-desktop\">\r\n <li><a href=\"\/\">Accueil<\/a><\/li>\r\n <li><a href=\"\/index.php\/ap\/\">AP<\/a><\/li>\r\n <li><a href=\"\/index.php\/activites\/\">Activit\u00e9s<\/a><\/li>\r\n <li><a href=\"\/index.php\/projets\/\">Projets<\/a><\/li>\r\n\r\n <li>\r\n <a href=\"\/index.php\/stages\/stages\/\">Stages \u25bc<\/a>\r\n <ul>\r\n <li><a href=\"\/index.php\/stages\/1ere-annee\/\">Stage 1\u00e8re ann\u00e9e<\/a><\/li>\r\n <li><a href=\"\/index.php\/stages\/2eme-annee\/\">Stage 2\u00e8me ann\u00e9e<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n\r\n <li><a href=\"\/index.php\/veille\/\">Veille<\/a><\/li>\r\n <li><a href=\"\/index.php\/cv\/\">CV<\/a><\/li>\r\n <li><a href=\"\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <li><a href=\"\/index.php\/competences\/\">Comp\u00e9tences<\/a><\/li>\r\n <li><a href=\"\/index.php\/certifications\/\">Certifications<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<div class=\"spacer\"><\/div>\r\n\r\n<section class=\"cert-section\">\r\n\r\n <h1>Mes Certifications<\/h1>\r\n\r\n <p>\r\n Retrouvez ici l\u2019ensemble de mes certifications Cisco, cybers\u00e9curit\u00e9\r\n et r\u00e9seau obtenues durant mon BTS SIO SISR.\r\n <\/p>\r\n\r\n <div class=\"cert-buttons\">\r\n <button onclick=\"showCert('all')\" class=\"active\">Toutes<\/button>\r\n <button onclick=\"showCert('ccna')\">CCNA<\/button>\r\n <button onclick=\"showCert('cyberops')\">CyberOps<\/button>\r\n <button onclick=\"showCert('cisco')\">Cisco<\/button>\r\n <button onclick=\"showCert('modules')\">Modules Cisco<\/button>\r\n <button onclick=\"showCert('github')\">GitHub<\/button>\r\n <button onclick=\"showCert('linkedin')\">LinkedIn<\/button>\r\n <\/div>\r\n\r\n <div class=\"cert-cards\">\r\n\r\n \r\n\r\n <div class=\"cert-card ccna\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <span class=\"badge-new\">\u2713 Certifi\u00e9<\/span>\r\n\r\n <h3>CCNA v7 - Introduction to Networks<\/h3>\r\n\r\n <p>\r\n Formation Cisco CCNA v7 r\u00e9alis\u00e9e durant le BTS SIO SISR\r\n au Lyc\u00e9e Saint-Exup\u00e9ry.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/03\/Network_Addressing_and_Basic_Troubleshooting_certificate_nathan-vitter9-gmail-com_6c8f8ee4-d2cc-42ef-a8e4-c4fb585360e4.pdf\" target=\"_blank\">\r\n Voir le certificat\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"cert-card cyberops\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <span class=\"badge-new\">\u2713 Certifi\u00e9<\/span>\r\n\r\n <h3>CyberOps Associate<\/h3>\r\n\r\n <p>\r\n Formation Cisco orient\u00e9e SOC, cybers\u00e9curit\u00e9,\r\n analyse des menaces et s\u00e9curit\u00e9 r\u00e9seau.\r\n <\/p>\r\n\r\n <a href=https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/CyberOps_Associate_certificate_nathan-vitter9-gmail-com_2a19c278-fe83-4953-a1db-3da0f787c910.pdf\" target=\"_blank\">\r\n Voir le certificat\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"cert-card cisco\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <span class=\"badge-new\">\u2713 Certifi\u00e9<\/span>\r\n\r\n <h3>Introduction \u00e0 la Cybers\u00e9curit\u00e9<\/h3>\r\n\r\n <p>\r\n Cisco Networking Academy<br>\r\n Certificat obtenu le 13 janvier 2025.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/03\/certificate_nathan-vitter9-gmail-com_8ba6f7e5-7711-47b9-b1b8-1ef3edbf3fb1.pdf\" target=\"_blank\">\r\n Voir le certificat\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card cisco\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <span class=\"badge-new\">\u2713 Certifi\u00e9<\/span>\r\n\r\n <h3>Introduction \u00e0 l'IoT<\/h3>\r\n\r\n <p>\r\n Cisco Networking Academy<br>\r\n Transformation digitale et objets connect\u00e9s.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/03\/certificate_nathan-vitter9-gmail-com_2bf7484e-c780-4cbe-90ce-464f9a48a80a.pdf\" target=\"_blank\">\r\n Voir le certificat\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card cisco\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <span class=\"badge-new\">\u2713 Certifi\u00e9<\/span>\r\n\r\n <h3>Adressage r\u00e9seau et d\u00e9pannage<\/h3>\r\n\r\n <p>\r\n Cisco Networking Academy<br>\r\n Bases du d\u00e9pannage r\u00e9seau et adressage IP.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/03\/Network_Addressing_and_Basic_Troubleshooting_certificate_nathan-vitter9-gmail-com_6c8f8ee4-d2cc-42ef-a8e4-c4fb585360e4.pdf\" target=\"_blank\">\r\n Voir le certificat\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"cert-card modules\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <h3>Switching, Routing and Wireless Essentials<\/h3>\r\n\r\n <p>\r\n VLAN, STP, EtherChannel, configuration Wi-Fi\r\n et routage interm\u00e9diaire.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le badge<\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card modules\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <h3>Enterprise Networking, Security and Automation<\/h3>\r\n\r\n <p>\r\n S\u00e9curit\u00e9 r\u00e9seau avanc\u00e9e, automatisation\r\n et routage entreprise.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le badge<\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card modules\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <h3>Endpoint Security<\/h3>\r\n\r\n <p>\r\n S\u00e9curisation des postes utilisateurs\r\n et protection des syst\u00e8mes.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le badge<\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card modules\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <h3>Network Defense<\/h3>\r\n\r\n <p>\r\n Protection des infrastructures r\u00e9seau\r\n et cybers\u00e9curit\u00e9 Cisco.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le badge<\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card modules\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Cisco_logo.svg\">\r\n\r\n <h3>Network Support and Security<\/h3>\r\n\r\n <p>\r\n Assistance technique et s\u00e9curisation\r\n des \u00e9quipements r\u00e9seau.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le badge<\/a>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"cert-card github\">\r\n <img decoding=\"async\" src=\"https:\/\/github.githubassets.com\/images\/modules\/logos_page\/GitHub-Mark.png\">\r\n\r\n <h3>GitHub Foundations<\/h3>\r\n\r\n <p>\r\n Gestion de d\u00e9p\u00f4ts GitHub,\r\n collaboration et versionning Git.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le certificat<\/a>\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"cert-card linkedin\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/ca\/LinkedIn_logo_initials.png\">\r\n\r\n <h3>Gestion de Projet<\/h3>\r\n\r\n <p>\r\n M\u00e9thodes agiles, gestion d\u2019\u00e9quipe\r\n et organisation de projet.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le certificat<\/a>\r\n <\/div>\r\n\r\n <div class=\"cert-card linkedin\">\r\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/ca\/LinkedIn_logo_initials.png\">\r\n\r\n <h3>Excel Avanc\u00e9<\/h3>\r\n\r\n <p>\r\n Fonctions avanc\u00e9es Excel,\r\n tableaux et analyse de donn\u00e9es.\r\n <\/p>\r\n\r\n <a href=\"#\">Voir le certificat<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n function showCert(cat){\r\n\r\n const cards = document.querySelectorAll('.cert-card');\r\n const buttons = document.querySelectorAll('.cert-buttons button');\r\n\r\n cards.forEach(card => {\r\n\r\n if(cat === 'all'){\r\n card.style.display = 'block';\r\n }else{\r\n card.style.display =\r\n card.classList.contains(cat)\r\n ? 'block'\r\n : 'none';\r\n }\r\n\r\n });\r\n\r\n buttons.forEach(btn => {\r\n btn.classList.remove('active');\r\n });\r\n\r\n document\r\n .querySelector(`.cert-buttons button[onclick=\"showCert('${cat}')\"]`)\r\n .classList.add('active');\r\n }\r\n\r\n showCert('all');\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mes Certifications Accueil AP Activit\u00e9s Projets Stages \u25bc Stage 1\u00e8re ann\u00e9e Stage 2\u00e8me ann\u00e9e Veille CV Contact Comp\u00e9tences Certifications Mes […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/comments?post=247"}],"version-history":[{"count":36,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/247\/revisions"}],"predecessor-version":[{"id":864,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/247\/revisions\/864"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}