{"id":23,"date":"2024-03-04T19:29:36","date_gmt":"2024-03-04T19:29:36","guid":{"rendered":"https:\/\/zizya.com\/?page_id=23"},"modified":"2024-03-04T19:32:09","modified_gmt":"2024-03-04T19:32:09","slug":"code","status":"publish","type":"page","link":"https:\/\/zizya.com\/?page_id=23","title":{"rendered":"code"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div id=\"image_cropper_modal\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center;\">\n    <form id=\"image_cropper_form\" style=\"background: white; padding: 20px; border-radius: 8px;\">\n        <label for=\"image_file\">Upload Image:<\/label>\n        <input type=\"file\" id=\"image_file\" accept=\"image\/*\" required style=\"margin-bottom: 10px;\">\n\n        <label for=\"aspect_ratio\">Aspect Ratio:<\/label>\n        <input type=\"text\" id=\"aspect_ratio\" value=\"1\" readonly style=\"margin-bottom: 10px;\">\n\n        <label for=\"width\">Width:<\/label>\n        <input type=\"text\" id=\"width\" value=\"300\" style=\"margin-bottom: 10px;\">\n\n        <label for=\"height\">Height:<\/label>\n        <input type=\"text\" id=\"height\" value=\"300\" style=\"margin-bottom: 10px;\">\n\n        <button type=\"button\" id=\"save_cropped_image\" style=\"background: #4CAF50; color: white; padding: 10px; border: none; border-radius: 4px; cursor: pointer;\">Save Cropped Image<\/button>\n    <\/form>\n\n    <img decoding=\"async\" src=\"\" id=\"cropper_image\" style=\"max-width: 100%; max-height: 80vh;\">\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        var inputFile = document.getElementById('image_file');\n        var cropperImage = document.getElementById('cropper_image');\n        var cropperModal = document.getElementById('image_cropper_modal');\n        var cropper;\n\n        inputFile.addEventListener('change', function () {\n            var file = this.files[0];\n\n            \/\/ Check if a file is selected\n            if (file) {\n                var reader = new FileReader();\n\n                reader.onload = function (e) {\n                    \/\/ Show a simple cropping UI using Cropper.js\n                    cropperModal.style.display = 'flex';\n                    cropperImage.src = e.target.result;\n\n                    cropper = new Cropper(cropperImage, {\n                        aspectRatio: 1, \/\/ Set your desired aspect ratio\n                        crop: function (event) {\n                            \/\/ Handle crop event if needed\n                        }\n                    });\n                };\n\n                reader.readAsDataURL(file);\n            }\n        });\n\n        document.getElementById('save_cropped_image').addEventListener('click', function () {\n            \/\/ Get the cropped data\n            var croppedData = cropper.getData();\n\n            \/\/ Trigger download link\n            var downloadLink = document.createElement('a');\n            downloadLink.href = cropperImage.src;\n            downloadLink.download = 'cropped_image.jpg';\n            downloadLink.click();\n            downloadLink.remove();\n\n            \/\/ Close the modal\n            cropperModal.style.display = 'none';\n        });\n    });\n<\/script>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-layout-1 wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">A commitment to innovation and sustainability<\/h1>\n\n\n\n<div style=\"height:1.25rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\">\u00c9tudes is a pioneering firm that seamlessly merges creativity and functionality to redefine architectural excellence.<\/p>\n\n\n\n<div style=\"height:1.25rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">About us<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-full is-style-rounded\"><img decoding=\"async\" src=\"https:\/\/zizya.com\/wp-content\/themes\/twentytwentyfour\/assets\/images\/building-exterior.webp\" alt=\"Building exterior in Toronto, Canada\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-layout-3 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-text-align-center is-style-asterisk\">A passion for creating spaces<\/h2>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-1\"><\/div>\n\n\n\n<p class=\"has-text-align-center\">Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers.<\/p>\n<\/div>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-layout-1 wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Renovation and restoration<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Experience the fusion of imagination and expertise with \u00c9tudes Architectural Solutions.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-layout-2 wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Continuous Support<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Experience the fusion of imagination and expertise with \u00c9tudes Architectural Solutions.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-layout-3 wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size\" style=\"font-style:normal;font-weight:600\">App Access<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Experience the fusion of imagination and expertise with \u00c9tudes Architectural Solutions.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-layout-4 wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Consulting<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Experience the fusion of imagination and expertise with \u00c9tudes Architectural Solutions.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-layout-5 wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Project Management<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Experience the fusion of imagination and expertise with \u00c9tudes Architectural Solutions.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-layout-6 wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-left is-style-asterisk has-body-font-family has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Architectural Solutions<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Experience the fusion of imagination and expertise with \u00c9tudes Architectural Solutions.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group alignwide is-layout-constrained wp-container-core-group-layout-6 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-layout-5 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-text-align-center is-style-asterisk\">An array of resources<\/h2>\n\n\n\n<p class=\"has-text-align-center is-layout-flow wp-block-paragraph-is-layout-flow\">Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers.<\/p>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<h3 class=\"wp-block-heading is-style-asterisk\">\u00c9tudes Architect App<\/h3>\n\n\n\n<ul style=\"line-height:1.75\" class=\"is-style-checkmark-list\">\n<li>Collaborate with fellow architects.<\/li>\n\n\n\n<li>Showcase your projects.<\/li>\n\n\n\n<li>Experience the world of architecture.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-large is-style-rounded\"><img decoding=\"async\" src=\"https:\/\/zizya.com\/wp-content\/themes\/twentytwentyfour\/assets\/images\/tourist-and-building.webp\" alt=\"Tourist taking photo of a building\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--40)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-large is-style-rounded\"><img decoding=\"async\" src=\"https:\/\/zizya.com\/wp-content\/themes\/twentytwentyfour\/assets\/images\/windows.webp\" alt=\"Windows of a building in Nuremberg, Germany\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<h3 class=\"wp-block-heading is-style-asterisk\">\u00c9tudes Newsletter<\/h3>\n\n\n\n<ul style=\"line-height:1.75\" class=\"is-style-checkmark-list\">\n<li>A world of thought-provoking articles.<\/li>\n\n\n\n<li>Case studies that celebrate architecture.<\/li>\n\n\n\n<li>Exclusive access to design insights.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center has-base-color has-text-color has-heading-font-family has-x-large-font-size\" style=\"line-height:1.2\">\n\t\t\t<em>\u201c\u00c9tudes has saved us thousands of hours of work and has unlocked insights we never thought possible.\u201d<\/em>\n\t\t<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-layout-8 wp-block-group-is-layout-flex\">\n\n\n<p class=\"has-text-align-center\" style=\"margin-top:var(--wp--preset--spacing--10);margin-bottom:0\">Annie Steiner<\/p>\n\n\n\n<p class=\"has-text-align-center has-contrast-3-color has-text-color has-small-font-size\" style=\"font-style:normal;font-weight:300\">CEO, Greenprint<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading alignwide has-x-large-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--40);line-height:1\">Watch, Read, Listen<\/h2>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow\">\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<div class=\"wp-block-query-no-results\">\n\n<p>No posts were found.<\/p>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group alignwide has-base-2-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-radius:16px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)\">\n<div style=\"height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">Join 900+ subscribers<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Stay in the loop with everything you need to know.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-layout-2 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Sign up<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Upload Image: Aspect Ratio: Width: Height: Save Cropped Image A commitment to innovation and sustainability \u00c9tudes is a pioneering firm [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"_links":{"self":[{"href":"https:\/\/zizya.com\/index.php?rest_route=\/wp\/v2\/pages\/23"}],"collection":[{"href":"https:\/\/zizya.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zizya.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zizya.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zizya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=23"}],"version-history":[{"count":1,"href":"https:\/\/zizya.com\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/zizya.com\/index.php?rest_route=\/wp\/v2\/pages\/23\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/zizya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}