{"id":1588,"date":"2024-06-10T11:53:53","date_gmt":"2024-06-10T11:53:53","guid":{"rendered":"https:\/\/3at.ma\/?page_id=1588"},"modified":"2024-10-20T17:16:01","modified_gmt":"2024-10-20T17:16:01","slug":"central-parc","status":"publish","type":"page","link":"https:\/\/3at.ma\/index.php\/central-parc\/","title":{"rendered":"CENTRAL PARC"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1588\" class=\"elementor elementor-1588\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e86a0b e-con-full e-flex e-con e-parent\" data-id=\"3e86a0b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-945bc77 e-flex e-con-boxed e-con e-parent\" data-id=\"945bc77\" 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-1ea40fa elementor-widget elementor-widget-heading\" data-id=\"1ea40fa\" 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-default\">CENTRAL PARK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4d561e elementor-widget elementor-widget-text-editor\" data-id=\"e4d561e\" data-element_type=\"widget\" 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><strong>CENTRAL PARK MOHAMMADIA<\/strong> est le fruit d\u2019une d\u00e9marche architecturale aboutissant \u00e0 une ARCHITECTURE OBJET. La ligne conceptuelle qui a \u00e9t\u00e9 propos\u00e9e lors de la construction de ce projet fut la singularit\u00e9 de l\u2019objet architectural, qui s\u2019inscrit d\u2019embl\u00e9e dans le paysage et l\u2019imaginaire de la ville, m\u00eame s\u2019il s\u2019agit comme ici d\u2019un b\u00e2timent \u00abpeu \u00e9lev\u00e9e\u00bb . Les quatre coins de l\u2019objet sont marqu\u00e9s par quatre petites tours.<\/p>\t\t\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<div class=\"elementor-element elementor-element-c7ab6e9 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"c7ab6e9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-41fee19 e-con-full e-flex e-con e-child\" data-id=\"41fee19\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5734c7 elementor-widget elementor-widget-text-editor\" data-id=\"c5734c7\" data-element_type=\"widget\" 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>Localisation<br \/>Ann\u00e9e<br \/>Programme<br \/>Co\u00fbt des travaux\u00a0<br \/>Maitrise d\u2019ouvrage\u00a0<br \/>\u00c9tat<\/p>\t\t\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-a0fcf6a e-con-full e-flex e-con e-child\" data-id=\"a0fcf6a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52d338f elementor-widget elementor-widget-text-editor\" data-id=\"52d338f\" data-element_type=\"widget\" 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>Mohamm\u00e9dia &#8211; MAROC<br \/>2016 &#8211; 2017<br \/>Plateau bureau<br \/>13.000.000 Dh TTC<br \/>Groupe LMFADAL<br \/>R\u00e9alis\u00e9<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-7dc2b20 e-grid elementor-hidden-desktop elementor-hidden-tablet e-con-boxed e-con e-parent\" data-id=\"7dc2b20\" 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-0888c4a elementor-widget elementor-widget-text-editor\" data-id=\"0888c4a\" data-element_type=\"widget\" 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>Localisation<br \/>Ann\u00e9e<br \/>Programme<br \/>Co\u00fbt des travaux\u00a0<br \/>Maitrise d\u2019ouvrage\u00a0<br \/>\u00c9tat<\/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-a111cec elementor-widget elementor-widget-text-editor\" data-id=\"a111cec\" data-element_type=\"widget\" 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>Mohamm\u00e9dia &#8211; MAROC<br \/>2016 &#8211; 2017<br \/>Plateau bureau<br \/>13.000.000 Dh TTC<br \/>Groupe LMFADAL<br \/>R\u00e9alis\u00e9<\/p>\t\t\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<div class=\"elementor-element elementor-element-11c6144 e-flex e-con-boxed e-con e-parent\" data-id=\"11c6144\" 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-5876fce elementor-widget elementor-widget-image\" data-id=\"5876fce\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1960\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-45-2-scaled.jpg\" class=\"attachment-full size-full wp-image-2667\" alt=\"\" srcset=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-45-2-scaled.jpg 2560w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-45-2-300x230.jpg 300w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-45-2-1024x784.jpg 1024w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-45-2-768x588.jpg 768w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-45-2-1536x1176.jpg 1536w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-45-2-2048x1568.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-d57cb87 e-flex e-con-boxed e-con e-parent\" data-id=\"d57cb87\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8ba4db5 e-con-full e-flex e-con e-child\" data-id=\"8ba4db5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de3a450 e-con-full e-flex e-con e-child\" data-id=\"de3a450\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\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-a2d82a9 e-flex e-con-boxed e-con e-parent\" data-id=\"a2d82a9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6c9fb7c e-con-full e-flex e-con e-child\" data-id=\"6c9fb7c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58fea5d e-con-full e-flex e-con e-child\" data-id=\"58fea5d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-348737f e-con-full e-flex e-con e-child\" data-id=\"348737f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\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-66cd3f7 e-flex e-con-boxed e-con e-parent\" data-id=\"66cd3f7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-79ff6b3 e-con-full e-flex e-con e-child\" data-id=\"79ff6b3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81d16d3 e-con-full e-flex e-con e-child\" data-id=\"81d16d3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-635ea53 e-con-full e-flex e-con e-child\" data-id=\"635ea53\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\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-ad1a4d0 e-con-full e-flex e-con e-parent\" data-id=\"ad1a4d0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57d0ab7 elementor-widget elementor-widget-shortcode\" data-id=\"57d0ab7\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"slider-container\" onmousemove=\"handleMouseMove(event)\" onclick=\"handleClick(event)\">\n        <div class=\"slider\">\n            <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-38-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-30-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-72-2-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-51-1-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-50-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-48-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-46-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-45-2-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-44-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-43-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-42-1-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-40-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-39-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-38-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-30-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-72-2-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-51-1-scaled.jpg\" alt=\"Slide Image\"><\/div>        <\/div>\n    <\/div>\n\n    <style>\n        .slider-container {\n            width: 100%;\n            height: 700px; \/* Set the height of the container *\/\n            overflow: hidden;\n            position: relative;\n            display: flex;\n            justify-content: center; \/* Center the slider horizontally *\/\n        }\n\n        .slide {\n            flex: 0 0 70vw; \/* Set the width of each slide to 80vw *\/\n            height: 700px; \/* Set the height of each slide to 700px *\/\n            box-sizing: border-box;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .slider img {\n            width: 100%; \/* Make the image cover the entire width *\/\n            height: 100%; \/* Make the image cover the entire height *\/\n            object-fit: cover; \/* Cover the container without distortion *\/\n\n\t\t\tborder-left: 4px solid white; \/* Add a 4px white border to the left side *\/\n\t\t\tborder-right: 4px solid white; \/* Add a 4px white border to the right side *\/\n\n\t\t\t\n\t\t\topacity: 0.2; \/* Set the opacity of all images to 10% by default *\/\n            transition: opacity 0.5s ease-in-out; \/* Add a transition effect for opacity *\/\n        }\n\n        .slider img.active {\n            opacity: 1; \/* Set the opacity of the active image to 100% *\/\n        }\n\n        .slider {\n            display: flex;\n            height: 700px; \/* Set the height of the slider *\/\n            width: calc(100% + (70vw * 2)); \/* Extend the width to accommodate 3 images *\/\n            transition: transform 0.5s ease-in-out;\n            transform: translateX(calc(-70vw + (100% - 70vw) \/ 2)); \/* Initial position to center the images *\/\n        }\n    <\/style>\n\n    <script>\n        let currentIndex = 2;\n        let isTransitioning = false;\n\n        function handleClick(event) {\n            if (isTransitioning) return;\n            const containerWidth = event.currentTarget.offsetWidth;\n            const clickPosition = event.clientX - event.currentTarget.getBoundingClientRect().left;\n\n            if (clickPosition < containerWidth \/ 2) {\n                showPrevious();\n            } else {\n                showNext();\n            }\n        }\n\n        function showNext() {\n            if (isTransitioning) return;\n            const slider = document.querySelector('.slider');\n            const totalSlides = slider.children.length;\n\n            currentIndex++;\n            slider.style.transition = 'transform 0.5s ease-in-out';\n            slider.style.transform = `translateX(calc(-${currentIndex * 70}vw + (100% - 70vw) \/ 2))`; \/\/ Center the active slide\n            updateOpacity();\n\n            \/\/ Looping logic\n            if (currentIndex >= totalSlides - 2) {\n                isTransitioning = true;\n                setTimeout(() => {\n                    currentIndex = 2;\n                    slider.style.transition = 'none';\n                    slider.style.transform = `translateX(calc(-${currentIndex * 70}vw + (100% - 70vw) \/ 2))`; \/\/ Center the active slide\n                    updateOpacity();\n                    setTimeout(() => {\n                        slider.style.transition = 'transform 0.5s ease-in-out';\n                        isTransitioning = false;\n                    }, 50);\n                }, 500);\n            }\n        }\n\n        function showPrevious() {\n            if (isTransitioning) return;\n            const slider = document.querySelector('.slider');\n            const totalSlides = slider.children.length;\n\n            currentIndex--;\n            slider.style.transition = 'transform 0.5s ease-in-out';\n            slider.style.transform = `translateX(calc(-${currentIndex * 70}vw + (100% - 70vw) \/ 2))`; \/\/ Center the active slide\n            updateOpacity();\n\n            \/\/ Looping logic\n            if (currentIndex < 2) {\n                isTransitioning = true;\n                setTimeout(() => {\n                    currentIndex = totalSlides - 3;\n                    slider.style.transition = 'none';\n                    slider.style.transform = `translateX(calc(-${currentIndex * 70}vw + (100% - 70vw) \/ 2))`; \/\/ Center the active slide\n                    updateOpacity();\n                    setTimeout(() => {\n                        slider.style.transition = 'transform 0.5s ease-in-out';\n                        isTransitioning = false;\n                    }, 50);\n                }, 500);\n            }\n        }\n\n        function handleMouseMove(event) {\n            const containerWidth = event.currentTarget.offsetWidth;\n            const hoverPosition = event.clientX - event.currentTarget.getBoundingClientRect().left;\n\n            if (hoverPosition < containerWidth \/ 2) {\n                event.currentTarget.style.cursor = 'url(https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/Vector-3.png), auto'; \/\/ Change cursor to the left image\n            } else {\n                event.currentTarget.style.cursor = 'url(https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/Vector-2.png), auto'; \/\/ Change cursor to the right image\n            }\n        }\n\n        function updateOpacity() {\n            const slides = document.querySelectorAll('.slide');\n            slides.forEach((slide, index) => {\n                const img = slide.querySelector('img');\n                if (index === currentIndex) {\n                    img.classList.add('active');\n                } else {\n                    img.classList.remove('active');\n                }\n            });\n        }\n\n        document.addEventListener('DOMContentLoaded', () => {\n            \/\/ Manually set initial position and update opacity\n            const slider = document.querySelector('.slider');\n            slider.style.transform = `translateX(calc(-${currentIndex * 70}vw + (100% - 70vw) \/ 2))`; \/\/ Initial position to center the images\n            updateOpacity(); \/\/ Set the opacity of the initial middle image to 100%\n        });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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>CENTRAL PARK CENTRAL PARK MOHAMMADIA est le fruit d\u2019une d\u00e9marche architecturale aboutissant \u00e0 une ARCHITECTURE OBJET. La ligne conceptuelle qui a \u00e9t\u00e9 propos\u00e9e lors de la construction de ce projet fut la singularit\u00e9 de l\u2019objet architectural, qui s\u2019inscrit d\u2019embl\u00e9e dans le paysage et l\u2019imaginaire de la ville, m\u00eame s\u2019il s\u2019agit comme ici d\u2019un b\u00e2timent \u00abpeu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1588","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/1588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/comments?post=1588"}],"version-history":[{"count":49,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/1588\/revisions"}],"predecessor-version":[{"id":4425,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/1588\/revisions\/4425"}],"wp:attachment":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/media?parent=1588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}