{"id":4968,"date":"2025-01-30T14:51:33","date_gmt":"2025-01-30T14:51:33","guid":{"rendered":"https:\/\/3at.ma\/?page_id=4968"},"modified":"2025-01-30T14:55:07","modified_gmt":"2025-01-30T14:55:07","slug":"central-park","status":"publish","type":"page","link":"https:\/\/3at.ma\/index.php\/en\/central-park\/","title":{"rendered":"CENTRAL PARK"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4968\" class=\"elementor elementor-4968\">\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>CENTRAL PARK MOHAMMADIA is the result of an architectural approach leading to an OBJECT ARCHITECTURE. The conceptual line proposed during the construction of this project was the uniqueness of the architectural object, which immediately integrates into the landscape and the city&rsquo;s imagination, even though, as in this case, it is a \u00ab\u00a0low-rise\u00a0\u00bb building. The four corners of the object are marked by four small towers.<\/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>Location <br \/>Year <br \/>Program <br \/>Construction cost <br \/>Project management <br \/>Status<\/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; MOROCCO <br \/>2016 &#8211; 2017 <br \/>business offices<br \/>13,000,000 MAD (including taxes) <br \/>Groupe LMFADAL <br \/>Completed<\/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>Location <br \/>Year <br \/>Program <br \/>Construction cost <br \/>Project management <br \/>Status<\/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<br \/>2016 &#8211; 2017 <br \/>business offices<br \/>13,000,000 MAD<br \/>Groupe LMFADAL <br \/>Completed<\/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 is the result of an architectural approach leading to an OBJECT ARCHITECTURE. The conceptual line proposed during the construction of this project was the uniqueness of the architectural object, which immediately integrates into the landscape and the city&rsquo;s imagination, even though, as in this case, it is a \u00ab\u00a0low-rise\u00a0\u00bb building. [&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-4968","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/4968","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=4968"}],"version-history":[{"count":5,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/4968\/revisions"}],"predecessor-version":[{"id":4973,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/4968\/revisions\/4973"}],"wp:attachment":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/media?parent=4968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}