{"id":5036,"date":"2025-01-30T16:52:07","date_gmt":"2025-01-30T16:52:07","guid":{"rendered":"https:\/\/3at.ma\/?page_id=5036"},"modified":"2025-01-30T17:01:31","modified_gmt":"2025-01-30T17:01:31","slug":"hotel-ibis-2","status":"publish","type":"page","link":"https:\/\/3at.ma\/index.php\/en\/hotel-ibis-2\/","title":{"rendered":"Hotel IBIS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5036\" class=\"elementor elementor-5036\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca61d6d e-con-full e-flex e-con e-parent\" data-id=\"ca61d6d\" 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-8c5a57b e-flex e-con-boxed e-con e-parent\" data-id=\"8c5a57b\" 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-cd36b3b elementor-widget elementor-widget-heading\" data-id=\"cd36b3b\" 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\">Hotel IBIS <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1644188 elementor-widget elementor-widget-text-editor\" data-id=\"1644188\" 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>Another reference in hospitality. Another URBAN LANDMARK for the city of Mohammadia. Clean volumetric composition and use of minimalist materials. Pleased to collaborate with Accor.<\/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-07999b1 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"07999b1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ce61e3b e-con-full e-flex e-con e-child\" data-id=\"ce61e3b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00d9033 elementor-widget elementor-widget-text-editor\" data-id=\"00d9033\" 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\u00a0<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-5a56472 e-con-full e-flex e-con e-child\" data-id=\"5a56472\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87e5cf3 elementor-widget elementor-widget-text-editor\" data-id=\"87e5cf3\" 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 \/>2014 &#8211; 2015 <br \/>Hotel <br \/>25,000,000 MAD\u00a0<br \/>including tax Accor <br \/>Group Delivered<\/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-35a587b e-grid elementor-hidden-desktop elementor-hidden-tablet e-con-boxed e-con e-parent\" data-id=\"35a587b\" 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-38c8637 elementor-widget elementor-widget-text-editor\" data-id=\"38c8637\" 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\u00a0<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-8380e3e elementor-widget elementor-widget-text-editor\" data-id=\"8380e3e\" 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 \/>2014 &#8211; 2015 <br \/>Hotel <br \/>25,000,000 MAD\u00a0<br \/>including tax Accor <br \/>Group Delivered<\/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-37469d5 e-flex e-con-boxed e-con e-parent\" data-id=\"37469d5\" 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-f9bd566 elementor-widget elementor-widget-image\" data-id=\"f9bd566\" 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=\"1707\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-4-scaled.jpg\" class=\"attachment-full size-full wp-image-3305\" alt=\"\" srcset=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-4-scaled.jpg 2560w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-4-300x200.jpg 300w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-4-1024x683.jpg 1024w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-4-768x512.jpg 768w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-4-1536x1024.jpg 1536w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-4-2048x1365.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-feadaff e-flex e-con-boxed e-con e-parent\" data-id=\"feadaff\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-84e8930 e-con-full e-flex e-con e-child\" data-id=\"84e8930\" 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-9aa275c e-con-full e-flex e-con e-child\" data-id=\"9aa275c\" 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-97100b1 e-flex e-con-boxed e-con e-parent\" data-id=\"97100b1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2a93e44 e-con-full e-flex e-con e-child\" data-id=\"2a93e44\" 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-98b0d64 e-con-full e-flex e-con e-child\" data-id=\"98b0d64\" 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-eedcd52 e-con-full e-flex e-con e-child\" data-id=\"eedcd52\" 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-5dbc3c8 e-flex e-con-boxed e-con e-parent\" data-id=\"5dbc3c8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9c3981a e-con-full e-flex e-con e-child\" data-id=\"9c3981a\" 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-2f620dd e-con-full e-flex e-con e-child\" data-id=\"2f620dd\" 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-5e4069d e-con-full e-flex e-con e-child\" data-id=\"5e4069d\" 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-0087721 e-con-full e-flex e-con e-parent\" data-id=\"0087721\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-482fff9 elementor-widget elementor-widget-shortcode\" data-id=\"482fff9\" 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\/08\/3AT-ibis-3-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-2-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/ibis-hotel.png\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/IMG_7396-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/IMG_7386-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-6-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-5-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-4-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-3-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/3AT-ibis-2-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/ibis-hotel.png\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/IMG_7396-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>Hotel IBIS Another reference in hospitality. Another URBAN LANDMARK for the city of Mohammadia. Clean volumetric composition and use of minimalist materials. Pleased to collaborate with Accor. LocationYearProgram\u00a0Construction cost Project managementStatus Mohamm\u00e9dia &#8211; MOROCCO 2014 &#8211; 2015 Hotel 25,000,000 MAD\u00a0including tax Accor Group Delivered LocationYearProgram\u00a0Construction cost Project managementStatus Mohamm\u00e9dia2014 &#8211; 2015 Hotel 25,000,000 MAD\u00a0including tax [&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-5036","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/5036","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=5036"}],"version-history":[{"count":8,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/5036\/revisions"}],"predecessor-version":[{"id":5044,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/5036\/revisions\/5044"}],"wp:attachment":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/media?parent=5036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}