{"id":1321,"date":"2024-12-15T22:51:35","date_gmt":"2024-12-15T22:51:35","guid":{"rendered":"https:\/\/ettalaliarchitects.com\/?page_id=1321"},"modified":"2024-12-15T23:36:18","modified_gmt":"2024-12-15T23:36:18","slug":"about-us","status":"publish","type":"page","link":"https:\/\/ettalaliarchitects.com\/index.php\/about-us\/","title":{"rendered":"about us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1321\" class=\"elementor elementor-1321\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8db469c e-con-full e-flex e-con e-parent\" data-id=\"8db469c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9d34fe elementor-widget elementor-widget-shortcode\" data-id=\"b9d34fe\" data-element_type=\"widget\" data-e-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\"><style>\n    html, body {\n        margin: 0;\n        padding: 0;\n        overflow: hidden; \/* Prevent scrollbars *\/\n        height: 100%; \/* Ensure the full height is used *\/\n    }\n    .videoContainer {\n        position: fixed; \/* Fixed to cover the full viewport *\/\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100vh; \/* Full height of the viewport *\/\n        z-index: -1; \/* Ensure it's behind the content *\/\n    }\n    .videoBackground {\n        width: 100%;\n        height: 100%;\n        object-fit: cover; \/* Ensure the video covers the full viewport *\/\n    }\n    .sliderTopBar {\n        width: 100%; \/* Ensure full width *\/\n        height: 60px; \/* Adjust height for the top bar *\/\n        background-color: rgba(0, 0, 0, 0); \/* Transparent background *\/\n        display: flex;\n        justify-content: flex-end; \/* Align items to the right *\/\n        align-items: center;\n        position: fixed; \/* Fixed to the top-right corner *\/\n        top: 43px; \/* 25px from the top *\/\n        right: 0; \/* Position at the very right *\/\n        z-index: 1; \/* Keep top bar above the video *\/\n        padding: 0 20px; \/* Add padding for spacing *\/\n    }\n    .sliderTopBar .navLinks {\n        display: flex;\n        justify-content: flex-end; \/* Align the menu to the right *\/\n        gap: 20px;\n        width: auto; \/* Ensure the width adjusts to content *\/\n    }\n    .sliderTopBar .navLinks a,\n    .sliderTopBar .socialIcons a {\n        color: white;\n        text-decoration: none;\n        font-family: Arial, sans-serif;\n        font-size: 14px;\n        transition: color 0.3s;\n        margin-left: 10px; \/* Add spacing between menu items and social icons *\/\n    }\n    .sliderTopBar .navLinks a:hover,\n    .sliderTopBar .socialIcons a:hover {\n        color: #000000; \/* Gold color on hover *\/\n    }\n    .sliderTopBar .socialIcons {\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n        gap: 20px;\n    }\n\n    \/* Volume icon at bottom center *\/\n    .volumeIcon {\n        position: fixed;\n        bottom: 5px;\n        left: 50%;\n        transform: translateX(-50%);\n        font-size: 15px;\n        color: white;\n        cursor: pointer;\n        z-index: 2; \/* Keep it above other elements *\/\n    }\n<\/style>\n\n<!-- Add Font Awesome for social icons -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<div class=\"videoContainer\">\n    <video class=\"videoBackground\" autoplay muted loop id=\"background-video\">\n        <source src=\"https:\/\/ettalaliarchitects.com\/wp-content\/uploads\/2024\/12\/ettalali.mp4\" type=\"video\/mp4\">\n        Your browser does not support the video tag.\n    <\/video>\n<\/div>\n\n<!-- Top Bar -->\n<div class=\"sliderTopBar\">\n    <!-- Navigation Links -->\n    <div class=\"navLinks\">\n        <a href=\"https:\/\/ettalaliarchitects.com\/\">Home<\/a>\n        <a href=\"https:\/\/ettalaliarchitects.com\/index.php\/services\/\">Services<\/a>\n\t\t<a href=\"https:\/\/ettalaliarchitects.com\/index.php\/about-us\/\">About<\/a>\n        <a href=\"#news\">News<\/a>\n        <a href=\"https:\/\/ettalaliarchitects.com\/index.php\/contact\/\">Contact<\/a>\n        <!-- Social Icons -->\n        <a href=\"https:\/\/www.facebook.com\/fatimazahra.ettalali\/?locale=fr_FR\" target=\"_blank\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n\t\t<a href=\"https:\/\/wa.me\/+212661795900\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n        <a href=\"https:\/\/www.linkedin.com\/in\/fatim-zohra-ettalali-10408a105\/?trk=public_profile_browsemap&originalSubdomain=ma\" target=\"_blank\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n        <a href=\"https:\/\/www.instagram.com\/ettalali_architects\/\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i><\/a>\n    <\/div>\n<\/div>\n\n<!-- Volume Icon -->\n<div class=\"volumeIcon\" id=\"volume-icon\">\n    <i class=\"fas fa-volume-up\"><\/i>\n<\/div>\n\n<script>\n    \/\/ Set the video sound to active by default\n    const video = document.getElementById('background-video');\n    video.muted = false;  \/\/ Ensure the sound is on\n\n    \/\/ Toggle mute on click of volume icon\n    const volumeIcon = document.getElementById('volume-icon');\n    volumeIcon.addEventListener('click', function() {\n        if (video.muted) {\n            video.muted = false;\n            volumeIcon.innerHTML = '<i class=\"fas fa-volume-up\"><\/i>'; \/\/ Show volume on\n        } else {\n            video.muted = true;\n            volumeIcon.innerHTML = '<i class=\"fas fa-volume-mute\"><\/i>'; \/\/ Show volume off\n        }\n    });\n<\/script>\n\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1321","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/ettalaliarchitects.com\/index.php\/wp-json\/wp\/v2\/pages\/1321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ettalaliarchitects.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ettalaliarchitects.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ettalaliarchitects.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ettalaliarchitects.com\/index.php\/wp-json\/wp\/v2\/comments?post=1321"}],"version-history":[{"count":22,"href":"https:\/\/ettalaliarchitects.com\/index.php\/wp-json\/wp\/v2\/pages\/1321\/revisions"}],"predecessor-version":[{"id":1347,"href":"https:\/\/ettalaliarchitects.com\/index.php\/wp-json\/wp\/v2\/pages\/1321\/revisions\/1347"}],"wp:attachment":[{"href":"https:\/\/ettalaliarchitects.com\/index.php\/wp-json\/wp\/v2\/media?parent=1321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}