{"id":20,"date":"2025-11-29T12:02:36","date_gmt":"2025-11-29T12:02:36","guid":{"rendered":"https:\/\/liamidisaobaneportfolio.ovh\/?page_id=20"},"modified":"2025-12-06T01:33:28","modified_gmt":"2025-12-06T01:33:28","slug":"contact","status":"publish","type":"page","link":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t
\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 Contact | Liamidi Saobane<\/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 font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n }\r\n \r\n body {\r\n background: linear-gradient(135deg, #FFD700 0%, #FFC107 100%);\r\n min-height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n }\r\n \r\n .contact-wrapper {\r\n width: 100%;\r\n max-width: 1000px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n background: white;\r\n border-radius: 25px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n \/* Informations personnelles *\/\r\n .personal-info {\r\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n color: white;\r\n padding: 50px 40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n \r\n .personal-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n \r\n .avatar {\r\n width: 120px;\r\n height: 120px;\r\n margin: 0 auto 25px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n border: 4px solid #FFD700;\r\n background: linear-gradient(135deg, #FFD700 0%, #FFA000 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .avatar i {\r\n font-size: 3.5rem;\r\n color: #1a1a1a;\r\n }\r\n \r\n .personal-header h1 {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n margin-bottom: 10px;\r\n background: linear-gradient(90deg, #FFD700, #FFA000);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n \r\n .personal-header h2 {\r\n font-size: 1.2rem;\r\n font-weight: 400;\r\n opacity: 0.9;\r\n margin-bottom: 5px;\r\n }\r\n \r\n .personal-header p {\r\n font-size: 1rem;\r\n opacity: 0.8;\r\n margin-top: 15px;\r\n }\r\n \r\n .contact-details {\r\n margin-top: 40px;\r\n }\r\n \r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 20px;\r\n background: rgba(255, 255, 255, 0.08);\r\n border-radius: 15px;\r\n margin-bottom: 20px;\r\n transition: all 0.3s;\r\n border-left: 3px solid transparent;\r\n }\r\n \r\n .contact-item:hover {\r\n background: rgba(255, 255, 255, 0.12);\r\n border-left-color: #FFD700;\r\n transform: translateX(5px);\r\n }\r\n \r\n .contact-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, #FFD700 0%, #FFA000 100%);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n \r\n .contact-icon i {\r\n font-size: 1.3rem;\r\n color: #1a1a1a;\r\n }\r\n \r\n .contact-content h3 {\r\n font-size: 1.1rem;\r\n margin-bottom: 5px;\r\n font-weight: 600;\r\n }\r\n \r\n .contact-content a {\r\n color: #FFD700;\r\n text-decoration: none;\r\n font-size: 0.95rem;\r\n word-break: break-all;\r\n transition: color 0.3s;\r\n }\r\n \r\n .contact-content a:hover {\r\n color: #FFA000;\r\n text-decoration: underline;\r\n }\r\n \r\n .social-links {\r\n display: flex;\r\n gap: 15px;\r\n margin-top: 30px;\r\n justify-content: center;\r\n }\r\n \r\n .social-btn {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 12px 25px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 12px;\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n border: 1px solid rgba(255, 215, 0, 0.3);\r\n }\r\n \r\n .social-btn:hover {\r\n background: #FFD700;\r\n color: #1a1a1a;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(255, 215, 0, 0.3);\r\n }\r\n \r\n .social-btn i {\r\n font-size: 1.2rem;\r\n }\r\n \r\n \/* Formulaire *\/\r\n .contact-form {\r\n padding: 50px 40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n \r\n .form-header {\r\n margin-bottom: 40px;\r\n }\r\n \r\n .form-header h2 {\r\n font-size: 2.2rem;\r\n color: #1a1a1a;\r\n margin-bottom: 15px;\r\n font-weight: 800;\r\n }\r\n \r\n .form-header p {\r\n color: #666;\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n }\r\n \r\n .form-group {\r\n margin-bottom: 25px;\r\n }\r\n \r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n \r\n .form-label {\r\n display: block;\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n color: #333;\r\n font-size: 0.95rem;\r\n }\r\n \r\n .form-label span {\r\n color: #e53e3e;\r\n }\r\n \r\n .form-input {\r\n width: 100%;\r\n padding: 16px 20px;\r\n border: 2px solid #e2e8f0;\r\n border-radius: 12px;\r\n font-size: 1rem;\r\n transition: all 0.3s;\r\n background: #f8fafc;\r\n color: #333;\r\n }\r\n \r\n .form-input:focus {\r\n outline: none;\r\n border-color: #FFD700;\r\n background: white;\r\n box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2);\r\n }\r\n \r\n .form-input::placeholder {\r\n color: #94a3b8;\r\n }\r\n \r\n textarea.form-input {\r\n min-height: 150px;\r\n resize: vertical;\r\n font-family: inherit;\r\n }\r\n \r\n .select-wrapper {\r\n position: relative;\r\n }\r\n \r\n .select-wrapper::after {\r\n content: '\\f078';\r\n font-family: 'Font Awesome 6 Free';\r\n font-weight: 900;\r\n position: absolute;\r\n right: 20px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: #666;\r\n pointer-events: none;\r\n }\r\n \r\n select.form-input {\r\n appearance: none;\r\n cursor: pointer;\r\n padding-right: 50px;\r\n }\r\n \r\n .submit-btn {\r\n background: linear-gradient(135deg, #FFD700 0%, #FFA000 100%);\r\n color: #1a1a1a;\r\n border: none;\r\n padding: 18px 40px;\r\n border-radius: 12px;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: 10px;\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n \r\n .submit-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 30px rgba(255, 168, 0, 0.3);\r\n }\r\n \r\n .submit-btn:active {\r\n transform: translateY(-1px);\r\n }\r\n \r\n .status-message {\r\n padding: 15px;\r\n border-radius: 10px;\r\n margin-top: 20px;\r\n font-weight: 600;\r\n display: none;\r\n }\r\n \r\n .success {\r\n background: #d1fae5;\r\n color: #065f46;\r\n border: 1px solid #a7f3d0;\r\n }\r\n \r\n .error {\r\n background: #fee2e2;\r\n color: #991b1b;\r\n border: 1px solid #fecaca;\r\n }\r\n \r\n .input-error {\r\n border-color: #f56565;\r\n animation: shake 0.5s;\r\n }\r\n \r\n @keyframes shake {\r\n 0%, 100% { transform: translateX(0); }\r\n 25% { transform: translateX(-5px); }\r\n 75% { transform: translateX(5px); }\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 900px) {\r\n .contact-wrapper {\r\n grid-template-columns: 1fr;\r\n max-width: 600px;\r\n }\r\n \r\n .personal-info, .contact-form {\r\n padding: 40px 30px;\r\n }\r\n \r\n .social-btn {\r\n padding: 10px 20px;\r\n font-size: 0.9rem;\r\n }\r\n }\r\n \r\n @media (max-width: 576px) {\r\n .form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .personal-header h1 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .form-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .avatar {\r\n width: 100px;\r\n height: 100px;\r\n }\r\n \r\n .avatar i {\r\n font-size: 2.8rem;\r\n }\r\n \r\n .social-btn {\r\n flex-direction: column;\r\n padding: 15px;\r\n gap: 8px;\r\n }\r\n \r\n .social-btn span {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"contact-wrapper\">\r\n <!-- Informations personnelles -->\r\n <div class=\"personal-info\">\r\n <div>\r\n <div class=\"personal-header\">\r\n <div class=\"avatar\">\r\n <i class=\"fas fa-user-graduate\"><\/i>\r\n <\/div>\r\n <h1>Liamidi Saobane<\/h1>\r\n <h2>\u00c9tudiant BTS SIO - D\u00e9veloppeur<\/h2>\r\n <p>Sp\u00e9cialis\u00e9 en d\u00e9veloppement web et solutions informatiques<\/p>\r\n <\/div>\r\n \r\n <div class=\"contact-details\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact-content\">\r\n <h3>Email<\/h3>\r\n <a href=\"mailto:liamidisao@gmail.com\">liamidisao@gmail.com<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fab fa-linkedin\"><\/i>\r\n <\/div>\r\n <div class=\"contact-content\">\r\n <h3>LinkedIn<\/h3>\r\n <a href=\"https:\/\/www.linkedin.com\/in\/saobane-liamidi-56994a285\" target=\"_blank\">linkedin.com\/in\/saobane-liamidi<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fab fa-github\"><\/i>\r\n <\/div>\r\n <div class=\"contact-content\">\r\n <h3>GitHub<\/h3>\r\n <a href=\"#\" target=\"_blank\" id=\"github-link\">github.com\/[votre-username]<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/www.linkedin.com\/in\/saobane-liamidi-56994a285\" target=\"_blank\" class=\"social-btn\">\r\n <i class=\"fab fa-linkedin-in\"><\/i>\r\n <span>LinkedIn<\/span>\r\n <\/a>\r\n <a href=\"#\" target=\"_blank\" class=\"social-btn\" id=\"github-btn\">\r\n <i class=\"fab fa-github\"><\/i>\r\n <span>GitHub<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Formulaire de contact -->\r\n <div class=\"contact-form\">\r\n <div class=\"form-header\">\r\n <h2>Contactez-moi<\/h2>\r\n <p>N'h\u00e9sitez pas \u00e0 me contacter pour discuter de vos projets, opportunit\u00e9s de stage ou collaborations.<\/p>\r\n <\/div>\r\n \r\n <form id=\"contactForm\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"firstName\">Pr\u00e9nom <span>*<\/span><\/label>\r\n <input type=\"text\" id=\"firstName\" class=\"form-input\" placeholder=\"Votre pr\u00e9nom\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"lastName\">Nom <span>*<\/span><\/label>\r\n <input type=\"text\" id=\"lastName\" class=\"form-input\" placeholder=\"Votre nom\" required>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"email\">Email <span>*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-input\" placeholder=\"votre@email.com\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"subject\">Sujet <span>*<\/span><\/label>\r\n <div class=\"select-wrapper\">\r\n <select id=\"subject\" class=\"form-input\" required>\r\n <option value=\"\" disabled selected>S\u00e9lectionnez un sujet<\/option>\r\n <option value=\"stage\">Proposition de stage<\/option>\r\n <option value=\"emploi\">Offre d'emploi<\/option>\r\n <option value=\"projet\">Proposition de projet<\/option>\r\n <option value=\"collaboration\">Collaboration<\/option>\r\n <option value=\"information\">Demande d'information<\/option>\r\n <option value=\"autre\">Autre<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"message\">Message <span>*<\/span><\/label>\r\n <textarea id=\"message\" class=\"form-input\" placeholder=\"D\u00e9crivez votre projet, votre demande ou votre question...\" required><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"submit-btn\">\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n Envoyer le message\r\n <\/button>\r\n \r\n <div id=\"statusMessage\" class=\"status-message\"><\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Message pour GitHub (\u00e0 remplacer par votre vrai lien)\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const githubLink = document.getElementById('github-link');\r\n const githubBtn = document.getElementById('github-btn');\r\n \r\n githubLink.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n alert('Veuillez ajouter votre lien GitHub dans le code.\\nRemplacer \"#\" par votre URL GitHub.');\r\n });\r\n \r\n githubBtn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n alert('Veuillez ajouter votre lien GitHub dans le code.\\nRemplacer \"#\" par votre URL GitHub.');\r\n });\r\n });\r\n \r\n \/\/ Gestion du formulaire\r\n document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ R\u00e9cup\u00e9ration des valeurs\r\n const firstName = document.getElementById('firstName').value.trim();\r\n const lastName = document.getElementById('lastName').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const subject = document.getElementById('subject').value;\r\n const message = document.getElementById('message').value.trim();\r\n \r\n \/\/ Validation\r\n let isValid = true;\r\n const statusMessage = document.getElementById('statusMessage');\r\n \r\n \/\/ R\u00e9initialiser les erreurs\r\n document.querySelectorAll('.form-input').forEach(input => {\r\n input.classList.remove('input-error');\r\n });\r\n statusMessage.style.display = 'none';\r\n \r\n \/\/ Validation des champs obligatoires\r\n if (!firstName) {\r\n document.getElementById('firstName').classList.add('input-error');\r\n isValid = false;\r\n }\r\n \r\n if (!lastName) {\r\n document.getElementById('lastName').classList.add('input-error');\r\n isValid = false;\r\n }\r\n \r\n if (!email || !validateEmail(email)) {\r\n document.getElementById('email').classList.add('input-error');\r\n isValid = false;\r\n }\r\n \r\n if (!subject) {\r\n document.getElementById('subject').classList.add('input-error');\r\n isValid = false;\r\n }\r\n \r\n if (!message) {\r\n document.getElementById('message').classList.add('input-error');\r\n isValid = false;\r\n }\r\n \r\n if (!isValid) {\r\n statusMessage.textContent = 'Veuillez remplir correctement tous les champs obligatoires.';\r\n statusMessage.className = 'status-message error';\r\n statusMessage.style.display = 'block';\r\n return;\r\n }\r\n \r\n \/\/ Simulation d'envoi (\u00e0 remplacer par votre backend)\r\n const submitBtn = document.querySelector('.submit-btn');\r\n const originalText = submitBtn.innerHTML;\r\n \r\n \/\/ Animation d'envoi\r\n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Envoi en cours...';\r\n submitBtn.disabled = true;\r\n \r\n \/\/ Simulation d'un d\u00e9lai d'envoi\r\n setTimeout(() => {\r\n \/\/ Afficher le message de succ\u00e8s\r\n statusMessage.textContent = 'Message envoy\u00e9 avec succ\u00e8s ! Je vous r\u00e9pondrai dans les plus brefs d\u00e9lais.';\r\n statusMessage.className = 'status-message success';\r\n statusMessage.style.display = 'block';\r\n \r\n \/\/ R\u00e9initialiser le formulaire\r\n document.getElementById('contactForm').reset();\r\n \r\n \/\/ R\u00e9initialiser le bouton\r\n submitBtn.innerHTML = originalText;\r\n submitBtn.disabled = false;\r\n \r\n \/\/ Faire d\u00e9filer jusqu'au message de succ\u00e8s\r\n statusMessage.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n \r\n \/\/ Masquer le message apr\u00e8s 5 secondes\r\n setTimeout(() => {\r\n statusMessage.style.display = 'none';\r\n }, 5000);\r\n \r\n }, 2000);\r\n });\r\n \r\n \/\/ Fonction de validation d'email\r\n function validateEmail(email) {\r\n const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n return re.test(email);\r\n }\r\n \r\n \/\/ Supprimer l'erreur lorsqu'on commence \u00e0 taper\r\n document.querySelectorAll('.form-input').forEach(input => {\r\n input.addEventListener('input', function() {\r\n this.classList.remove('input-error');\r\n });\r\n \r\n input.addEventListener('focus', function() {\r\n this.style.borderColor = '#FFD700';\r\n });\r\n \r\n input.addEventListener('blur', function() {\r\n this.style.borderColor = '';\r\n });\r\n });\r\n \r\n \/\/ Animation au chargement\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const contactWrapper = document.querySelector('.contact-wrapper');\r\n contactWrapper.style.opacity = '0';\r\n contactWrapper.style.transform = 'translateY(20px)';\r\n \r\n setTimeout(() => {\r\n contactWrapper.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n contactWrapper.style.opacity = '1';\r\n contactWrapper.style.transform = 'translateY(0)';\r\n }, 100);\r\n \r\n \/\/ Animation pour les \u00e9l\u00e9ments de contact\r\n const contactItems = document.querySelectorAll('.contact-item');\r\n contactItems.forEach((item, index) => {\r\n item.style.opacity = '0';\r\n item.style.transform = 'translateX(-20px)';\r\n \r\n setTimeout(() => {\r\n item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n item.style.opacity = '1';\r\n item.style.transform = 'translateX(0)';\r\n }, 300 + (index * 150));\r\n });\r\n \r\n \/\/ Animation pour le formulaire\r\n const formGroups = document.querySelectorAll('.form-group');\r\n formGroups.forEach((group, index) => {\r\n group.style.opacity = '0';\r\n group.style.transform = 'translateY(20px)';\r\n \r\n setTimeout(() => {\r\n group.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n group.style.opacity = '1';\r\n group.style.transform = 'translateY(0)';\r\n }, 500 + (index * 100));\r\n });\r\n });\r\n <\/script>\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<div class=\"elementor-element elementor-element-019d6dc e-flex e-con-boxed e-con e-parent\" data-id=\"019d6dc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Contact | Liamidi Saobane Liamidi Saobane \u00c9tudiant BTS SIO – D\u00e9veloppeur Sp\u00e9cialis\u00e9 en d\u00e9veloppement web et solutions informatiques Email liamidisao@gmail.com LinkedIn linkedin.com\/in\/saobane-liamidi GitHub github.com\/[votre-username] LinkedIn GitHub Contactez-moi N’h\u00e9sitez pas \u00e0 me contacter pour discuter de vos projets, opportunit\u00e9s de stage ou collaborations. Pr\u00e9nom * Nom * Email * Sujet * S\u00e9lectionnez un sujetProposition de stageOffre […]<\/p>\n","protected":false},"author":1,"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:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":7,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":205,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions\/205"}],"wp:attachment":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}