{"id":28,"date":"2024-12-27T11:29:12","date_gmt":"2024-12-27T10:29:12","guid":{"rendered":"http:\/\/portefolioromangravier.fr\/?page_id=28"},"modified":"2025-12-01T22:50:36","modified_gmt":"2025-12-01T21:50:36","slug":"mes-competences","status":"publish","type":"page","link":"https:\/\/portefolioromangravier.fr\/?page_id=28","title":{"rendered":"Mes comp\u00e9tences"},"content":{"rendered":"\n<div class=\"wp-block-group\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n    \n    <!-- Ajout de styles personnalis\u00e9s pour l'interactivit\u00e9 (effet hover) et pour la hauteur uniforme -->\n    \n    <style>\n        \/* Style de base pour les cartes *\/\n        .skill-card {\n            border: none;\n            border-radius: 12px;\n            background-color: #ffffff;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            \n            \/* Styles pour l'interactivit\u00e9 *\/\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            \n            \/* Cl\u00e9 pour la hauteur uniforme: display: flex et flex-direction: column *\/\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n        }\n\n        \/* Effet au survol (Interactivit\u00e9) *\/\n        .skill-card:hover {\n            transform: translateY(-5px); \/* Soul\u00e8ve la carte l\u00e9g\u00e8rement *\/\n            box-shadow: 0 10px 35px rgba(0, 86, 179, 0.3); \/* Ombre plus marqu\u00e9e, teint\u00e9e de bleu *\/\n        }\n\n        \/* Conteneur de contenu pour garantir que le corps prend l'espace restant *\/\n        .skill-content {\n            flex-grow: 1; \/* Permet au contenu de s'\u00e9tendre et de prendre toute la hauteur restante *\/\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start; \/* Aligne le contenu en haut *\/\n        }\n\n        \/* Style pour les titres de carte (soulign\u00e9 par le bleu du th\u00e8me) *\/\n        .skill-title {\n            color: #0056b3;\n            border-bottom: 3px solid #0056b3;\n            padding-bottom: 10px;\n            margin-bottom: 25px;\n        }\n\n        \/* Style pour les ic\u00f4nes de liste *\/\n        .skill-list {\n            padding-left: 0;\n            list-style: none;\n            margin-top: auto; \/* Pousse la liste vers le bas si la carte est plus grande (mais ici flex-grow g\u00e8re la hauteur) *\/\n        }\n        .skill-list li::before {\n            content: \"\u2705\";\n            margin-right: 10px;\n            font-size: 1.1em;\n            color: #0056b3;\n        }\n    <\/style>\n    \n\n    \n    <div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n    \n\n    \n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-bd0aba32 wp-block-columns-is-layout-flex\">\n        \n        <!-- Bloc Carte 1 : Syst\u00e8mes -->\n        \n        <div class=\"wp-block-column skill-card is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:30px;padding-right:25px;padding-bottom:30px;padding-left:25px;\">\n            \n            <!-- T\u00eate de carte -->\n            \n            <h3 class=\"wp-block-heading has-text-align-center skill-title\" style=\"font-size:24px;font-style:normal;font-weight:700\">\ud83d\udcbb Syst\u00e8mes &#038; Virtualisation<\/h3>\n            \n            \n            <!-- Corps de carte (Contenu flexible) -->\n            \n            <div class=\"wp-block-group skill-content\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n                \n                <ul class=\"skill-list wp-block-list\" style=\"font-size:17px\">\n                    \n                    <li>Installation &#038; Config. <strong>Windows<\/strong><\/li>\n                    \n                    \n                    <li>Scripts &#038; Auto. <strong>PowerShell<\/strong><\/li>\n                    \n                    \n                    <li>Gestion environnement utilisateur<\/li>\n                    \n                <\/ul>\n                \n            <\/div><\/div>\n            \n\n        <\/div>\n        \n\n        <!-- Bloc Carte 2 : R\u00e9seaux -->\n        \n        <div class=\"wp-block-column skill-card is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:30px;padding-right:25px;padding-bottom:30px;padding-left:25px;\">\n            \n            <!-- T\u00eate de carte -->\n            \n            <h3 class=\"wp-block-heading has-text-align-center skill-title\" style=\"font-size:24px;font-style:normal;font-weight:700\">\ud83c\udf10 Syst\u00e8mes &#038; R\u00e9seaux<\/h3>\n            \n\n            <!-- Corps de carte (Contenu flexible) -->\n            \n            <div class=\"wp-block-group skill-content\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n                \n                <ul class=\"skill-list wp-block-list\" style=\"font-size:17px\">\n                    \n                    <li>Configuration de <strong>Switch<\/strong><\/li>\n                    \n                    \n                    <li>Admin. Serveurs &#038; Syst\u00e8mes<\/li>\n                    \n                    \n                    <li>S\u00e9curit\u00e9 : Logs &#038; Surveillance<\/li>\n                    \n                <\/ul>\n                \n            <\/div><\/div>\n            \n            \n        <\/div>\n        \n\n        <!-- Bloc Carte 3 : Support -->\n        \n        <div class=\"wp-block-column skill-card is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:30px;padding-right:25px;padding-bottom:30px;padding-left:25px;\">\n            \n            <!-- T\u00eate de carte -->\n            \n            <h3 class=\"wp-block-heading has-text-align-center skill-title\" style=\"font-size:24px;font-style:normal;font-weight:700\">\ud83d\udee0\ufe0f Support &#038; Gestion IT<\/h3>\n            \n\n            <!-- Corps de carte (Contenu flexible) -->\n            \n            <div class=\"wp-block-group skill-content\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n                \n                <ul class=\"skill-list wp-block-list\" style=\"font-size:17px\">\n                    \n                    <li>Gestion tickets d&rsquo;incidents<\/li>\n                    \n                    \n                    <li>Support technique utilisateurs<\/li>\n                    \n                    \n                    <li>Maintenance Mat\u00e9riel\/Logiciel<\/li>\n                    \n                <\/ul>\n                \n            <\/div><\/div>\n            \n\n        <\/div>\n        \n\n    <\/div>\n    \n\n    \n    <div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n    \n\n    <!-- Bloc Atouts Personnels avec style carte -->\n    \n    <div class=\"wp-block-group skill-card\" style=\"padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:30px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-5aa8cc11 wp-block-group-is-layout-constrained\">\n        \n        <p class=\"has-text-align-center has-text-color\" style=\"color:#0056b3;font-style:normal;font-size:18px\"><strong>\u2b50 Atouts Personnels :<\/strong> S\u00e9rieux \u2022 Patient \u2022 Curieux \u2022 Adaptabilit\u00e9 \u2022 Anglais Technique<\/p>\n        \n    <\/div><\/div>\n    \n\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcbb Syst\u00e8mes &#038; Virtualisation \ud83c\udf10 Syst\u00e8mes &#038; R\u00e9seaux \ud83d\udee0\ufe0f Support &#038; Gestion IT \u2b50 Atouts Personnels : S\u00e9rieux \u2022 Patient \u2022 Curieux \u2022 Adaptabilit\u00e9 \u2022 Anglais Technique<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portefolioromangravier.fr\/index.php?rest_route=\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portefolioromangravier.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portefolioromangravier.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portefolioromangravier.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portefolioromangravier.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=28"}],"version-history":[{"count":12,"href":"https:\/\/portefolioromangravier.fr\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":1290,"href":"https:\/\/portefolioromangravier.fr\/index.php?rest_route=\/wp\/v2\/pages\/28\/revisions\/1290"}],"wp:attachment":[{"href":"https:\/\/portefolioromangravier.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}