{"id":2493,"date":"2025-03-03T16:15:23","date_gmt":"2025-03-03T16:15:23","guid":{"rendered":"https:\/\/injadesign.com\/?page_id=2493"},"modified":"2025-04-06T14:46:41","modified_gmt":"2025-04-06T14:46:41","slug":"nos-realisations","status":"publish","type":"page","link":"https:\/\/injadesign.com\/en\/nos-realisations\/","title":{"rendered":"Our Projects"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2493\" class=\"elementor elementor-2493\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b06be7d e-con-full e-flex e-con e-parent\" data-id=\"b06be7d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ce6b71 elementor-widget elementor-widget-html\" data-id=\"3ce6b71\" 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  .gallery {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px; \/* Reduced gap between rows *\/\r\n  }\r\n\r\n  .row {\r\n    display: flex;\r\n    gap: 10px; \/* Reduced gap between items in a row *\/\r\n    width: 100%;\r\n    justify-content: center; \/* Center items horizontally *\/\r\n  }\r\n\r\n  .gallery-item {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 10px;\r\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n    flex: 1;\r\n    height: 500px; \/* Fixed height for consistency *\/\r\n    max-width: 100%; \/* Prevent overflow on mobile *\/\r\n  }\r\n\r\n  .gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .gallery-item:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .overlay {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);\r\n    padding: 20px 15px 15px;\r\n    color: white;\r\n    text-align: center;\r\n  }\r\n\r\n  .overlay h3 {\r\n    font-size: 1.2rem;\r\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);\r\n    margin: 0; \/* Remove default margin from h3 *\/\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .row {\r\n      flex-direction: column;\r\n      gap: 5px; \/* Even smaller gap on mobile between projects *\/\r\n      margin: 0; \/* Remove any leftover margins *\/\r\n      padding: 0; \/* Ensure no padding interferes *\/\r\n    }\r\n\r\n    .gallery-item {\r\n      height: 400px;\r\n      margin-left: 0; \/* Explicitly remove left margin *\/\r\n      margin-right: 0; \/* Ensure no right margin *\/\r\n      width: 100%; \/* Full width on mobile *\/\r\n      max-width: none; \/* Override any max-width restrictions *\/\r\n    }\r\n\r\n    .gallery {\r\n      gap: 5px; \/* Reduced gap between rows on mobile *\/\r\n      padding: 0; \/* Remove padding that might offset centering *\/\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .gallery-item {\r\n      height: 300px;\r\n    }\r\n\r\n    .overlay h3 {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"gallery\">\r\n  <!-- Row 1 -->\r\n  <div class=\"row\">\r\n    <div class=\"gallery-item\">\r\n      <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-04-05-at-10.54.26-PM.jpeg\" alt=\"Audi\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-04-05-at-10.54.26-PM.jpeg\" alt=\"Audi\" \/><\/noscript>\r\n      <div class=\"overlay\">\r\n        <h3>Audi<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"gallery-item\">\r\n      <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-04-05-at-10.52.26-PM.jpeg\" alt=\"Aigue Marine\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-04-05-at-10.52.26-PM.jpeg\" alt=\"Aigue Marine\" \/><\/noscript>\r\n      <div class=\"overlay\">\r\n        <h3>Aigue Marine<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Row 2 -->\r\n  <div class=\"row\">\r\n    <div class=\"gallery-item\">\r\n      <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/02\/Les-vastes-jardins-des-villas-33-Magnolia._Chaque-jardin-prive-a-ete-concu-pour-offrir-un-espace-exterieur-exceptionnel_-permettant-a-nos-futurs-propr-1-scaled.jpg\" alt=\"33 Magnolia\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/02\/Les-vastes-jardins-des-villas-33-Magnolia._Chaque-jardin-prive-a-ete-concu-pour-offrir-un-espace-exterieur-exceptionnel_-permettant-a-nos-futurs-propr-1-scaled.jpg\" alt=\"33 Magnolia\" \/><\/noscript>\r\n      <div class=\"overlay\">\r\n        <h3>33 Magnolia<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"gallery-item\">\r\n      <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/02\/3446a853-f106-4e2a-bb51-f4e860c78470.jpg\" alt=\"Rafinity\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/02\/3446a853-f106-4e2a-bb51-f4e860c78470.jpg\" alt=\"Rafinity\" \/><\/noscript>\r\n      <div class=\"overlay\">\r\n        <h3>Rafinity<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Row 3 -->\r\n  <div class=\"row\">\r\n    <div class=\"gallery-item\">\r\n      <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/02\/stand-house.jpg\" alt=\"Stand House\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/02\/stand-house.jpg\" alt=\"Stand House\" \/><\/noscript>\r\n      <div class=\"overlay\">\r\n        <h3>Stand House<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"gallery-item\">\r\n      <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/02\/mare-bleu.jpg\" alt=\"Mar\u00e9 Bleu\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/02\/mare-bleu.jpg\" alt=\"Mar\u00e9 Bleu\" \/><\/noscript>\r\n      <div class=\"overlay\">\r\n        <h3>Mar\u00e9 Bleu<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Row 4 -->\r\n  <div class=\"row\">\r\n    <div class=\"gallery-item\">\r\n      <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/02\/Club-Gauthier-1.jpg\" alt=\"Club Gauthier\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/02\/Club-Gauthier-1.jpg\" alt=\"Club Gauthier\" \/><\/noscript>\r\n      <div class=\"overlay\">\r\n        <h3>Club Gauthier<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"gallery-item\">\r\n      <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-04-05-at-10.54.03-PM.jpeg\" alt=\"Jardin de l'oc\u00e9an 1 & 2\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-04-05-at-10.54.03-PM.jpeg\" alt=\"Jardin de l'oc\u00e9an 1 & 2\" \/><\/noscript>\r\n      <div class=\"overlay\">\r\n        <h3>Jardin de l'oc\u00e9an 1 & 2<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Row 5 -->\r\n  <div class=\"row\">\r\n    <div class=\"gallery-item\">\r\n      <img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-04-05-at-11.07.49-PM.jpeg\" alt=\"Jardin de la palmeraie 3\" \/><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/injadesign.com\/wp-content\/uploads\/2025\/04\/WhatsApp-Image-2025-04-05-at-11.07.49-PM.jpeg\" alt=\"Jardin de la palmeraie 3\" \/><\/noscript>\r\n      <div class=\"overlay\">\r\n        <h3>Jardin de la palmeraie 3<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- Optional: Add a second item here if you have another project, otherwise it will take 50% width -->\r\n    <div class=\"gallery-item\">\r\n      <!-- Placeholder or leave empty; CSS will handle the 50% split -->\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Audi Aigue Marine 33 Magnolia Rafinity Stand House Mar\u00e9 Bleu Club Gauthier Jardin de l&rsquo;oc\u00e9an 1 &#038; 2 Jardin de la palmeraie 3<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2493","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/injadesign.com\/en\/wp-json\/wp\/v2\/pages\/2493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/injadesign.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/injadesign.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/injadesign.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/injadesign.com\/en\/wp-json\/wp\/v2\/comments?post=2493"}],"version-history":[{"count":0,"href":"https:\/\/injadesign.com\/en\/wp-json\/wp\/v2\/pages\/2493\/revisions"}],"wp:attachment":[{"href":"https:\/\/injadesign.com\/en\/wp-json\/wp\/v2\/media?parent=2493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}