{"id":14,"date":"2025-11-29T12:00:13","date_gmt":"2025-11-29T12:00:13","guid":{"rendered":"https:\/\/portfolio5492.live-website.com\/?page_id=14"},"modified":"2026-05-24T09:58:23","modified_gmt":"2026-05-24T09:58:23","slug":"tableau-de-competences","status":"publish","type":"page","link":"https:\/\/noubissikenmogne.com\/index.php\/tableau-de-competences\/","title":{"rendered":"Tableau de comp\u00e9tences"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d201c71 e-con-full e-flex e-con e-parent\" data-id=\"d201c71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1703d28 elementor-widget elementor-widget-html\" data-id=\"1703d28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Tableau de Comp\u00e9tences - Hero Section<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .competences-hero-container {\n            position: relative;\n            width: 100%;\n            height: 400px;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #0a0e27;\n        }\n\n        .background-animation {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, #0a0e27 0%, #1a1f4e 50%, #0d47a1 100%);\n            z-index: 1;\n        }\n\n        .grid-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: \n                linear-gradient(rgba(33, 150, 243, 0.1) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(33, 150, 243, 0.1) 1px, transparent 1px);\n            background-size: 50px 50px;\n            animation: gridMove 20s linear infinite;\n            z-index: 2;\n        }\n\n        @keyframes gridMove {\n            0%   { transform: translate(0, 0); }\n            100% { transform: translate(50px, 50px); }\n        }\n\n        .particle {\n            position: absolute;\n            background: rgba(33, 150, 243, 0.6);\n            border-radius: 50%;\n            animation: float 15s infinite;\n            z-index: 2;\n        }\n\n        @keyframes float {\n            0%, 100% {\n                transform: translateY(0) translateX(0);\n                opacity: 0;\n            }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% {\n                transform: translateY(-100vh) translateX(100px);\n                opacity: 0;\n            }\n        }\n\n        .glow-circle {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(60px);\n            z-index: 2;\n        }\n\n        .glow-1 {\n            width: 400px;\n            height: 400px;\n            background: rgba(33, 150, 243, 0.3);\n            top: 20%;\n            left: 10%;\n            animation: pulse 8s ease-in-out infinite;\n        }\n\n        .glow-2 {\n            width: 300px;\n            height: 300px;\n            background: rgba(0, 188, 212, 0.2);\n            bottom: 20%;\n            right: 15%;\n            animation: pulse 6s ease-in-out infinite reverse;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1);   opacity: 0.5; }\n            50%       { transform: scale(1.2); opacity: 0.8; }\n        }\n\n        .competences-content {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            color: #ffffff;\n            padding: 20px;\n        }\n\n        .competences-title {\n            font-size: 3.5rem;\n            font-weight: 700;\n            margin-bottom: 20px;\n            font-family: 'Arial', sans-serif;\n            color: #ffffff;\n            text-shadow: 0 0 20px rgba(33, 150, 243, 0.5);\n        }\n\n        .competences-subtitle {\n            font-size: 1.2rem;\n            font-weight: 300;\n            margin-bottom: 15px;\n            opacity: 1;\n            letter-spacing: 2px;\n            color: #64b5f6;\n        }\n\n        @media (max-width: 768px) {\n            .competences-hero-container { height: 300px; }\n            .competences-title          { font-size: 2rem; }\n            .competences-subtitle       { font-size: 1rem; }\n            .glow-1, .glow-2            { width: 200px; height: 200px; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"competences-hero-container\">\n        <div class=\"background-animation\"><\/div>\n        <div class=\"grid-overlay\"><\/div>\n\n        <div class=\"glow-circle glow-1\"><\/div>\n        <div class=\"glow-circle glow-2\"><\/div>\n\n        <div id=\"particles\"><\/div>\n\n        <div class=\"competences-content\">\n            <div class=\"competences-title\">Tableau de Comp\u00e9tences<\/div>\n            <div class=\"competences-subtitle\">D\u00e9couvrez l'ensemble des comp\u00e9tences cl\u00e9s \u00e0 valider tout au long de votre formation<\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const particlesContainer = document.getElementById('particles');\n        for (let i = 0; i < 30; i++) {\n            const particle = document.createElement('div');\n            particle.className = 'particle';\n            particle.style.width = Math.random() * 5 + 2 + 'px';\n            particle.style.height = particle.style.width;\n            particle.style.left = Math.random() * 100 + '%';\n            particle.style.animationDelay = Math.random() * 15 + 's';\n            particle.style.animationDuration = (Math.random() * 10 + 10) + 's';\n            particlesContainer.appendChild(particle);\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d22a771 e-flex e-con-boxed e-con e-parent\" data-id=\"d22a771\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c404ebb elementor-widget elementor-widget-html\" data-id=\"c404ebb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Tableau de Comp\u00e9tences<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            background: #f5f5f5;\r\n        }\r\n        :root {\r\n            --cyan: #00bcd4;\r\n            --cyan-fonce: #0097a7;\r\n            --blanc: #ffffff;\r\n        }\r\n        .tableau-section {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 10px;\r\n        }\r\n        .image-container {\r\n            background: var(--blanc);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.3s ease;\r\n            line-height: 0;\r\n            margin-bottom: 15px;\r\n        }\r\n        .image-container:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\r\n        }\r\n        .tableau-image {\r\n            width: 100%;\r\n            display: block;\r\n            clip-path: inset(15% 0% 15% 0%);\r\n            margin-top: -15%;\r\n            margin-bottom: -15%;\r\n        }\r\n        .tableau-footer {\r\n            text-align: center;\r\n        }\r\n        .download-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            background: linear-gradient(135deg, var(--cyan) 0%, var(--cyan-fonce) 100%);\r\n            color: var(--blanc);\r\n            padding: 15px 30px;\r\n            border-radius: 30px;\r\n            text-decoration: none;\r\n            font-weight: 700;\r\n            transition: all 0.3s ease;\r\n            font-size: 1.1rem;\r\n            box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3);\r\n        }\r\n        .download-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 25px rgba(0, 188, 212, 0.4);\r\n        }\r\n        .download-btn i {\r\n            font-size: 1.3rem;\r\n        }\r\n        @media (max-width: 768px) {\r\n            .tableau-section {\r\n                padding: 5px;\r\n            }\r\n            .download-btn {\r\n                width: 100%;\r\n                justify-content: center;\r\n                font-size: 1rem;\r\n                padding: 12px 25px;\r\n            }\r\n            .image-container {\r\n                margin-bottom: 10px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"tableau-section\">\r\n    <div class=\"image-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/noubissikenmogne.com\/wp-content\/uploads\/2026\/05\/tableau_synthese_2026_page-0001.jpg\" alt=\"Tableau de synth\u00e8se des r\u00e9alisations professionnelles\" class=\"tableau-image\">\r\n    <\/div>\r\n    <div class=\"tableau-footer\">\r\n        <a href=\"https:\/\/noubissikenmogne.com\/wp-content\/uploads\/2026\/05\/tableau_synthese_2026_page-0001.jpg\" download=\"tableau-competences.png\" class=\"download-btn\">\r\n            <i class=\"fas fa-download\"><\/i>\r\n            T\u00e9l\u00e9charger le tableau\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\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>Tableau de Comp\u00e9tences &#8211; Hero Section Tableau de Comp\u00e9tences D\u00e9couvrez l&rsquo;ensemble des comp\u00e9tences cl\u00e9s \u00e0 valider tout au long de votre formation Tableau de Comp\u00e9tences T\u00e9l\u00e9charger le tableau<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"on","ocean_header_style":"minimal","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"on","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"off","ocean_display_footer_bottom":"off","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":34,"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":549,"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/549"}],"wp:attachment":[{"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}