{"id":3672,"date":"2024-04-11T14:18:55","date_gmt":"2024-04-11T12:18:55","guid":{"rendered":"https:\/\/webdesignerbordeaux.fr\/?page_id=3672"},"modified":"2024-04-11T15:37:05","modified_gmt":"2024-04-11T13:37:05","slug":"plan-du-site","status":"publish","type":"page","link":"https:\/\/webdesignerbordeaux.fr\/en\/plan-du-site\/","title":{"rendered":"PLAN DU SITE"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3672\" class=\"elementor elementor-3672\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ecdc6af light-section inherit-header-color elementor-default-width content-max-width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"ecdc6af\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-205909f\" data-id=\"205909f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-90d0e0b mdw-gradient elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"90d0e0b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">plan du site<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-133e47f elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"133e47f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Organisation des pages.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07c768d elementor-widget elementor-widget-html\" data-id=\"07c768d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 80vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n.mdw-gradient{\r\n    --gradient-color-1: #0042D7;\r\n    --gradient-color-2: #FF5800;\r\n    --gradient-color-3: #FF5800;\r\n    --gradient-color-4: #FF5800;\r\n    --gradient-color-5: #FF0064;\r\n}\r\n\r\n\/* Tablet Device *\/\r\n\r\n@media (max-width: 1024px){\r\n.mdw-card-portfolio{\r\n    --image-height: 77vh;\r\n    --image-width: 62vh;\r\n    --maximum-move: 65vh;\r\n    --maximum-rotate: 6deg;\r\n}\r\n}\r\n\r\n\r\n\/* Mobile Device *\/\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio{\r\n    --image-height: 450px;\r\n    --image-width: 375px;\r\n    --maximum-move: 350px;\r\n    --maximum-rotate: 3deg;\r\n}\r\n}\r\n\r\nhtml,\r\nbody{\r\n    overflow-x: hidden;\r\n}\r\n.elementor-edit-area .animated {\r\n    animation-fill-mode: forwards!important;\r\n}\r\n.mdw-card-portfolio >  .elementor-container,\r\n.mdw-card-portfolio >  .elementor-container > .elementor-column,\r\n.mdw-card-portfolio >  .elementor-container > .elementor-column > .elementor-widget-wrap{\r\n    position: static !important;\r\n}\r\n.mdw-card-portfolio-image-left,\r\n.mdw-card-portfolio-image-right{\r\n    will-change: transform;\r\n}\r\n.mdw-card-portfolio-image-left img,\r\n.mdw-card-portfolio-image-right img{\r\n    width: var(--image-width);\r\n    height: var(--image-height);\r\n    object-fit: cover;\r\n}\r\n\r\n\r\n\/* CSS code for gradient background *\/\r\n\r\n.mdw-gradient .elementor-widget-container{\r\n    background: var(--gradient-color-1,#fff);\r\n    background: linear-gradient(90deg, var(--gradient-color-1,#fff) 0%, var(--gradient-color-2,#fff) 25%, var(--gradient-color-3,#fff) 50%, var(--gradient-color-4,#fff) 75%, var(--gradient-color-5,#fff) 100%);\r\n}\r\n.mdw-gradient.elementor-widget-heading .elementor-widget-container{\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* CSS code for bottom email box *\/\r\n\r\n.mdw-email-box .elementor-widget-container{\r\n    cursor: pointer;\r\n}\r\n.mdw-email-box .elementor-heading-title{\r\n    transition: all 0.2s ease-in-out;\r\n    word-break: break-all;\r\n    text-align: center;\r\n}\r\n.mdw-email-box .elementor-widget-container:hover .elementor-heading-title{\r\n    transform: scale(0.98);\r\n}\r\n.mdw-email-copy{\r\n    height: var(--min-height,22px);\r\n    overflow: hidden !important;\r\n}\r\n.mdw-email-copy .e-con-inner{\r\n    height: auto;\r\n}\r\n.mdw-email-copy .elementor-widget{\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n.mdw-email-copy.copy .elementor-widget{\r\n    transform: translateY(-100%);\r\n}\r\n.mdw-email-copy.copied .elementor-widget{\r\n    transform: translateY(-200%);\r\n}\r\n\r\n\r\n\/* CSS code for improving entrance animation *\/\r\n\r\n.fadeInUp {\r\n    animation: mdwFadeInUp 1s ease-in-out forwards !important;\r\n}\r\n.fadeIn {\r\n    animation: fadeIn 1.3s ease-in-out 0.5s forwards !important;\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes mdwFadeInUp{\r\n0%{\r\n    transform: translateY(50px);\r\n    opacity: 0;\r\n    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);\r\n}\r\n100%{\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);\r\n}\r\n}\r\n\r\n\r\n@media (max-width: 767px){\r\n.mdw-card-portfolio-image-left{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(-30px) rotate(-1deg) !important;\r\n}\r\n.mdw-card-portfolio-image-right{\r\n    transition: all 0.6s ease-in-out;\r\n    transform: translateX(30px) rotate(1deg) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-left{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(-1*var(--maximum-move))) rotate(calc(-1*var(--maximum-rotate))) !important;\r\n}\r\n.mdw-card-portfolio.passed .mdw-card-portfolio-image-right{\r\n    transition: all 0.8s ease-in-out;\r\n    transform: translateX(calc(1*var(--maximum-move))) rotate(calc(1*var(--maximum-rotate))) !important;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script>\r\nvar $ = jQuery\r\n\r\n$(window).on('load scroll resize', function(){\r\n\r\n$('.mdw-card-portfolio').each(function(){\r\n    var $this = $(this),\r\n    sectionHeight = $this.outerHeight(),\r\n    windowHeight = $(window).height(),\r\n    scrollValue = $(window).scrollTop() - $this.offset().top + windowHeight,\r\n    bottomPassValue = $(window).scrollTop() - $this.offset().top - sectionHeight,\r\n    easeSpeed = 3,\r\n    easeValue\r\n    \r\n    if( $(window).width() > 767 ){\r\n        \r\n        if(scrollValue < 0 || bottomPassValue > 0) return\r\n        \r\n        easeValue = 1 - 1\/Math.pow(2, scrollValue*easeSpeed\/sectionHeight)\r\n        \r\n        $this.find('.mdw-card-portfolio-image-left').css('transform', 'translateX(calc(' + (-1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (-1*easeValue) + '*var(--maximum-rotate)))')\r\n        $this.find('.mdw-card-portfolio-image-right').css('transform', 'translateX(calc(' + (1*easeValue) + '* var(--maximum-move))) rotate(calc(' + (1*easeValue) + '*var(--maximum-rotate)))')\r\n    }else{\r\n        $this.removeClass('passed')\r\n        if( scrollValue - windowHeight*1\/2 > 0 ) $this.addClass('passed')\r\n    }\r\n    \r\n})\r\n})\r\n\r\n$(document).ready(function(){\r\n    \r\n$('.mdw-email-box .elementor-widget-container').hover(function(){\r\n    $('.mdw-email-copy').addClass('copy')\r\n}, function(){\r\n    $('.mdw-email-copy').removeClass('copy copied')\r\n})\r\n\r\n$('.mdw-email-box .elementor-widget-container').on('click', function(){\r\n    navigator.clipboard.writeText($('.mdw-email-box').text())\r\n    $('.mdw-email-copy').addClass('copied')\r\n})\r\n})\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-9dfa951 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"9dfa951\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-67aa627 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"67aa627\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f0a5aa elementor-widget elementor-widget-heading\" data-id=\"3f0a5aa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Informations sur moi<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8df71d1 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"8df71d1\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webdesignerbordeaux.fr\/en\/cv\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">CV<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webdesignerbordeaux.fr\/en\/portfolio-maxanne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">PORTFOLIO<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webdesignerbordeaux.fr\/en\/portfolio-maxanne\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">RECHERCHE D'ALTERNANCE<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ac8e49 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"1ac8e49\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07e886f elementor-widget elementor-widget-heading\" data-id=\"07e886f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">LES SERVICES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fedfe1 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4fedfe1\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webdesignerbordeaux.fr\/en\/services-creation-site-web\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">SERVICES<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjMxMTEiLCJ0b2dnbGUiOmZhbHNlfQ==\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">TARIFS SITE VITRINE<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjMxMTciLCJ0b2dnbGUiOmZhbHNlfQ==\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">TARIFS SITE E-COMMERCE<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41d30fd e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"41d30fd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-458403e elementor-widget elementor-widget-heading\" data-id=\"458403e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">AUTRES INFORMATIONS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ea0d80 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4ea0d80\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webdesignerbordeaux.fr\/en\/mentions-legales\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">MENTIONS L\u00c9GALES<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d1ac6c e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"2d1ac6c\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0aced2 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b0aced2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78ca008 elementor-widget elementor-widget-spacer\" data-id=\"78ca008\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>","protected":false},"excerpt":{"rendered":"<p>plan du site Organisation des pages. Informations sur moi CV PORTFOLIO RECHERCHE D&#8217;ALTERNANCE LES SERVICES SERVICES TARIFS SITE VITRINE TARIFS SITE E-COMMERCE AUTRES INFORMATIONS MENTIONS L\u00c9GALES<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3672","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/pages\/3672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/comments?post=3672"}],"version-history":[{"count":10,"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/pages\/3672\/revisions"}],"predecessor-version":[{"id":3683,"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/pages\/3672\/revisions\/3683"}],"wp:attachment":[{"href":"https:\/\/webdesignerbordeaux.fr\/en\/wp-json\/wp\/v2\/media?parent=3672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}