{"id":20,"date":"2025-11-29T12:02:36","date_gmt":"2025-11-29T12:02:36","guid":{"rendered":"https:\/\/portfolio5492.live-website.com\/?page_id=20"},"modified":"2026-04-07T08:10:29","modified_gmt":"2026-04-07T08:10:29","slug":"contact","status":"publish","type":"page","link":"https:\/\/noubissikenmogne.com\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Contactez-moi - Hero Section<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .contact-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 .contact-content {\n position: relative;\n z-index: 10;\n text-align: center;\n color: #ffffff;\n padding: 20px;\n }\n\n .contact-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 .contact-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 .contact-hero-container { height: 300px; }\n .contact-title { font-size: 2rem; }\n .contact-subtitle { font-size: 1rem; }\n .glow-1, .glow-2 { width: 200px; height: 200px; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"contact-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=\"contact-content\">\n <div class=\"contact-title\">Contactez-moi<\/div>\n <div class=\"contact-subtitle\">N'h\u00e9sitez pas \u00e0 me contacter pour discuter de vos projets, opportunit\u00e9s de stage ou collaborations.<\/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-73361af e-flex e-con-boxed e-con e-parent\" data-id=\"73361af\" 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-28cc286 elementor-widget elementor-widget-html\" data-id=\"28cc286\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n .contact-container {\n display: flex;\n flex-wrap: wrap;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n max-width: 1000px;\n margin: auto;\n gap: 40px;\n padding: 40px;\n background-color: #ffffff;\n }\n\n .contact-info {\n flex: 1;\n min-width: 300px;\n }\n\n \/* Le grand titre en bleu soutenu *\/\n .contact-info h2 {\n color: #1a73e8; \n font-size: 32px;\n font-weight: bold;\n text-transform: uppercase;\n margin-bottom: 40px;\n letter-spacing: 1px;\n }\n\n .info-group {\n margin-bottom: 30px;\n }\n\n \/* Les intitul\u00e9s (Adresse, Email, etc.) en bleu plus clair *\/\n .info-group h3 {\n color: #3498db; \n font-size: 18px;\n margin-bottom: 8px;\n font-weight: 600;\n }\n\n \/* Le texte des coordonn\u00e9es en gris\/noir *\/\n .info-group p {\n color: #666;\n font-size: 15px;\n margin: 0;\n }\n\n .contact-form-card {\n flex: 1.2;\n min-width: 350px;\n background: #fff;\n padding: 35px;\n border-radius: 10px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n border: 1px solid #f0f0f0;\n }\n\n .form-group {\n margin-bottom: 20px;\n }\n\n .form-group label {\n display: block;\n font-weight: bold;\n margin-bottom: 8px;\n font-size: 15px;\n color: #333;\n }\n\n .form-group label span {\n color: #e74c3c;\n margin-left: 3px;\n }\n\n .form-group input, .form-group textarea {\n width: 100%;\n padding: 12px;\n border: 1px solid #ccc;\n border-radius: 5px;\n box-sizing: border-box;\n font-size: 15px;\n outline: none;\n }\n\n .form-group input:focus, .form-group textarea:focus {\n border-color: #1a73e8;\n }\n\n .form-group textarea {\n height: 150px;\n resize: vertical;\n }\n\n .btn-submit {\n background-color: #1a73e8;\n color: white;\n border: none;\n padding: 12px 30px;\n border-radius: 6px;\n cursor: pointer;\n font-weight: bold;\n font-size: 14px;\n text-transform: uppercase;\n transition: background 0.3s ease;\n }\n\n .btn-submit:hover {\n background-color: #1557b0;\n }\n<\/style>\n\n<div class=\"contact-container\">\n <div class=\"contact-info\">\n <h2>COORDONNEES<\/h2>\n \n <div class=\"info-group\">\n <h3>Adresse<\/h3>\n <p>5 square de Camargue 91300 Massy<\/p>\n <\/div>\n\n <div class=\"info-group\">\n <h3>Email<\/h3>\n <p>noubissikenmogne@gmail.com<\/p>\n <\/div>\n\n <div class=\"info-group\">\n <h3>Telephone<\/h3>\n <p>+33 06 95 16 50 47<\/p>\n <\/div>\n <\/div>\n\n <div class=\"contact-form-card\">\n <form action=\"https:\/\/formspree.io\/f\/mykbopna\" method=\"POST\">\n <div class=\"form-group\">\n <label>Nom <span>*<\/span><\/label>\n <input type=\"text\" name=\"nom\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label>E-mail <span>*<\/span><\/label>\n <input type=\"email\" name=\"email\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label>Objet <span>*<\/span><\/label>\n <input type=\"text\" name=\"objet\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label>Message<\/label>\n <textarea name=\"message\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"btn-submit\">ENVOYER<\/button>\n <\/form>\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b58426d e-flex e-con-boxed e-con e-parent\" data-id=\"b58426d\" 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-7f441e2 elementor-widget elementor-widget-google_maps\" data-id=\"7f441e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=ile%20de%20france&t=m&z=10&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"ile de france\"\n\t\t\t\t\taria-label=\"ile de france\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\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>Contactez-moi – Hero Section Contactez-moi N’h\u00e9sitez pas \u00e0 me contacter pour discuter de vos projets, opportunit\u00e9s de stage ou collaborations. COORDONNEES Adresse 5 square de Camargue 91300 Massy Email noubissikenmogne@gmail.com Telephone +33 06 95 16 50 47 Nom * E-mail * Objet * Message ENVOYER<\/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-20","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/pages\/20","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=20"}],"version-history":[{"count":34,"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":487,"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions\/487"}],"wp:attachment":[{"href":"https:\/\/noubissikenmogne.com\/index.php\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}