{"id":618,"date":"2023-05-22T07:24:18","date_gmt":"2023-05-22T07:24:18","guid":{"rendered":"https:\/\/oasysdigitalarts.com\/mby\/?page_id=618"},"modified":"2023-07-18T06:45:24","modified_gmt":"2023-07-18T06:45:24","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/oasysdigitalarts.com\/mby\/portfolio\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"618\" class=\"elementor elementor-618\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60f555b4 e-con-full e-flex e-con e-parent\" data-id=\"60f555b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-499c4b1b e-flex e-con-boxed e-con e-parent\" data-id=\"499c4b1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-ha-element-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/oasysdigitalarts.com\\\/mby\\\/commercialprojects\\\/&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-2865f984 e-con-full e-flex e-con e-parent\" data-id=\"2865f984\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72b2dabf animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"72b2dabf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Commercial<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14dd3cb8 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"14dd3cb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Interior Design<\/h2>\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-46d974d e-flex e-con-boxed e-con e-parent\" data-id=\"46d974d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-ha-element-link=\"{&quot;url&quot;:&quot;https:\\\/\\\/oasysdigitalarts.com\\\/mby\\\/residencialprojects\\\/&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;}\" style=\"cursor: pointer\" class=\"elementor-element elementor-element-3c4d49a7 e-con-full e-flex e-con e-parent\" data-id=\"3c4d49a7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c6f68a9 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2c6f68a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Residential<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4765175c animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4765175c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Interior Design<\/h2>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ad4d73 e-con-full e-flex e-con e-parent\" data-id=\"6ad4d73\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0d612c9 e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"0d612c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:100}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff07cb5 elementor-hidden-desktop elementor-widget elementor-widget-spacer\" data-id=\"ff07cb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-037ffed elementor-widget elementor-widget-text-editor\" data-id=\"037ffed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>At MBY Interiors, we strive to craft environments that are both intrinsically beautiful and faultlessly functional, whether it&#8217;s for residential or commercial projects. With life always at the forefront of our minds, we blend aesthetics and practicality to create spaces that truly enhance your lifestyle or elevate your business. From residential homes to commercial spaces, we pay meticulous attention to every detail, ensuring that each element serves a purpose and adds value to your daily life or business operations. Trust us to bring your vision to life, where beauty and functionality seamlessly coexist.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-654e76d elementor-widget elementor-widget-heading\" data-id=\"654e76d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\"we strive to craft environments which are both intrinsically beautiful and faultlessly functional. Life, top of mind.\"<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-906bbde elementor-widget elementor-widget-text-editor\" data-id=\"906bbde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u2013<span class=\"mary-name\"> Mary<\/span><\/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-3607fb94 e-flex e-con-boxed e-con e-parent\" data-id=\"3607fb94\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dfbe11d elementor-widget elementor-widget-html\" data-id=\"4dfbe11d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style type=\"text\/css\">\r\nhtml, body {\r\n    scroll-behavior: smooth;\r\n}\r\n.p-2 {\r\n\tposition: relative;\r\n\t\t        padding: 0.5rem!important;\r\n}\r\n\r\n.calltoaction {\r\n    position: fixed;\r\n    right: 10px;\r\n    bottom: 4px;\r\n    z-index: 1;\r\n    visibility: hidden;\r\n    opacity: 0;\r\n}\r\n\r\n\r\n.footer-backtotop {\r\n\t bottom: 82px;\r\n    position: fixed;\r\n\/*     visibility: hidden; *\/\r\n    z-index: 9;\r\n     transition: all 2s; \r\n}\r\n\r\n.backtotop-wrapper {\r\n    width: 50px;\r\n    height: 50px;\r\n\/*     border: 1px solid black; *\/\r\n    background-color: #f7f7f7;\r\n    text-align: center;\r\n}\r\n\r\n.backtotop-wrapper-up {\r\n    font-size: 1.5rem;\r\n    line-height: 50px;\r\n    text-align: center;\r\n    color: grey;\r\n}\r\n.backtotop-wrapper i {\r\n    line-height: 50px;\r\n}\r\n\r\n.calltoaction .box {\r\n    width: 50px;\r\n    height: 160px;\r\n    background-color: #f7f7f7;\r\n    color: #4d4d4d;\r\n    padding-bottom: 10px;\r\n    font-family: 'Helvetica Neue', Helvetica, sans-serif;\r\n    font-weight: 100;\r\n}\r\n\r\n.calltoaction .boxTitleText {\r\n    width: 100%;\r\n    text-align: center;\r\n}\r\n.calltoaction .boxTitleText  img {\r\n    width: 100%;\r\n}\r\n\r\n.calltoaction .boxTitleBody {\r\n    -webkit-transform: rotate(90deg) translate(20%, 34%);\r\n    -ms-transform: rotate(90deg) translate(20%, 34%);\r\n    transform: rotate(90deg) translate(20%, 34%);\r\n    height: 43%;\r\n    white-space: nowrap;\r\n    font-size: 0.8rem;\r\n    font-family: 'Helvetica Neue', Arial, sans-serif;\r\n}\r\n\r\nbody, html {\r\n\twidth: 100vw;\r\n\theight: 200vh;\r\n}\r\n}\r\n\t\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"calltoaction\" status=\"off\">\r\n        <div class=\"p-2\">\r\n            \r\n                <div class=\"footer-backtotop\">\r\n                    <div class=\"backtotop-wrapper\">\r\n                        <i class=\"fas fa-arrow-up backtotop-wrapper-up\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <a href=\"\/mby\/contact\/\">\r\n            <div class=\"box\">\r\n                <p class=\"boxTitleText\">\r\n                    <img decoding=\"async\" src=\"https:\/\/oasysdigitalarts.com\/mby\/wp-content\/uploads\/2023\/06\/m_9.png\"\/>\r\n                <\/p>\r\n                <div class=\"boxTitleBody\">\r\n                    Contact Us\r\n                <\/div>\r\n            <\/div>\r\n            <\/a>\r\n        <\/div>\r\n<\/div>\r\n\r\n<!-- <div style=\"height: 200vh; width: 100vw;\"><\/div> -->\r\n\r\n\r\n<script type=\"text\/javascript\">\r\n\t  var scrollReveal = function() {\r\n        \tvar x = $(this).scrollTop()\r\n        \tvar win_height = $(window).height() * 0.25\r\n \t        if (x < win_height) {\r\n            \tgsap.to(\".footer-backtotop\", { \"bottom\": \"110px\", duration: 0.2 })\r\n\r\n        \t}\r\n\r\n        \tif (x > win_height ) {\r\n\r\n            \tgsap.to(\".footer-backtotop\", { \"bottom\": \"175px\", duration: 0.2 })\r\n\t\t\t}\r\n\/\/ \t\t\tconsole.log(win_height)\r\n\r\n    }\r\n\r\n    \/\/ $(window).on(\"scroll\", scrollReveal)\r\n\r\n        $('.footer-backtotop').on(\"click\", function() {\r\n        $('html, body').animate({\r\n            scrollTop: $(\"#mby__back__to__top\").offset().top -70\r\n        }, 1);\r\n \r\n        return false;\r\n    })\r\n    \r\n    \r\n\r\n    var scrollReveal1 = function() {\r\n        var x = $(this).scrollTop()\r\n        var win_height = $(document).height() - 1000\r\n\r\n\r\n\r\n        var isVisible1 = $(\".calltoaction\").css(\"visibility\");\r\n        var isVisible2 = $(\".social\").css(\"visibility\");\r\n \r\n\r\n        \/\/ if (desktop) {\r\n        if (x < win_height*0.25 || x > win_height*0.75) {\r\n\r\n            gsap.to(\".social\", { autoAlpha: 0, duration: 0.5 })\r\n            gsap.to(\".footer-backtotop\", { \"bottom\": \"82px\", duration: 0.2 })\r\n            if(x> win_height * 0.75){\r\n                gsap.to(\".box\", { autoAlpha: 0, duration: 0.5 })\r\n                \r\n            } else {\r\n                gsap.to(\".calltoaction\", { autoAlpha: 0, duration: 0.5 })\r\n\r\n            }\r\n\r\n\r\n\r\n        }\r\n\r\n        if (x > win_height*0.25 && x < win_height*0.75) {\r\n\r\n         gsap.to(\".social\", { autoAlpha: 1, duration: 0.5 })\r\n            gsap.to(\".calltoaction\", { autoAlpha: 1, duration: 0.5 })   \r\n            gsap.to(\".footer-backtotop\", { \"bottom\": \"175px\", duration: 0.2 })\r\n            gsap.to(\".box\", { autoAlpha: 1, duration: 1 })\r\n\r\n\r\n\r\n        }\r\n\r\n\r\n\r\n\r\n\r\n    }\r\n\r\n    $(window).on(\"scroll\", scrollReveal1)\r\n<\/script>\r\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-4a94e0fb e-flex e-con-boxed e-con e-parent\" data-id=\"4a94e0fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-241141b6 elementor-widget elementor-widget-html\" data-id=\"241141b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/use.fontawesome.com\/releases\/v5.15.1\/css\/all.css\" integrity=\"sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY\/Y4HV4d3Gp2irVfcrp\" crossorigin=\"anonymous\">\r\n<style type=\"text\/css\">\r\n    .social {\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: 45px;\r\n        align-items: center;\r\n        padding-top: 35px;\r\n        background-color: #231f20;\r\n        border-radius: 3px;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 1%;\r\n        transform: translateY(-50%);\r\n        visibility: hidden;\r\n        opacity: 0;\r\n        z-index: 999;\r\n        padding-top: 50px;\r\n        font-family: 'Helvetica Neue', Arial, sans-serif;\r\n    }\r\n    \r\n    .social .text {\r\n        transform: rotate(90deg);\r\n        white-space: nowrap;\r\n        color: #fdfbf7;\r\n    }\r\n    \r\n    .social-line {\r\n        width: 2px;\r\n        height: 100px;\r\n        background-color: #fdfbf7;\r\n        margin-top: 30px;\r\n    }\r\n    \r\n    .p-2 {\r\n        position: relative;\r\n        padding: 0.5rem!important;\r\n        text-align: center;\r\n    }\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"social\">\r\n    <p class=\"text\">FOLLOW &nbsp;US<\/p>\r\n    <div class=\"social-line\"><\/div>\r\n    <div class=\"social-media-icons\">\r\n        <div class=\"p-2\">\r\n            <a href=\"https:\/\/www.instagram.com\/mbyinteriors\/\" target=\"_blank\">\r\n                <i class=\"fab fa-instagram\" style=\"font-size: 30px; color: #fdfbf7\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"p-2\">\r\n            <a href=\"https:\/\/www.threads.net\/@mbyinteriors\" target=\"_blank\">\r\n               <svg width=\"100%\"  viewBox=\"0 0 166 192\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M128.537 88.9883C127.71 88.5919 126.87 88.2104 126.019 87.8451C124.537 60.5382 109.616 44.905 84.5619 44.745C84.4484 44.7443 84.3355 44.7443 84.222 44.7443C69.2364 44.7443 56.7731 51.1409 49.102 62.7807L62.881 72.2328C68.6116 63.5383 77.6052 61.6848 84.2286 61.6848C84.3051 61.6848 84.3819 61.6848 84.4576 61.6855C92.707 61.7381 98.932 64.1366 102.961 68.814C105.893 72.2193 107.854 76.925 108.825 82.8638C101.511 81.6207 93.601 81.2385 85.145 81.7233C61.3247 83.0954 46.0111 96.9879 47.0396 116.292C47.5615 126.084 52.4397 134.508 60.775 140.011C67.8224 144.663 76.899 146.938 86.3323 146.423C98.79 145.74 108.563 140.987 115.381 132.296C120.559 125.696 123.834 117.143 125.28 106.366C131.217 109.949 135.617 114.664 138.047 120.332C142.179 129.967 142.42 145.8 129.501 158.708C118.182 170.016 104.576 174.908 84.0135 175.059C61.2042 174.89 43.9538 167.575 32.7381 153.317C22.2355 139.966 16.8077 120.682 16.6052 96C16.8077 71.3178 22.2355 52.0336 32.7381 38.6827C43.9538 24.4249 61.2039 17.11 84.0132 16.9405C106.988 17.1113 124.539 24.4614 136.184 38.788C141.894 45.8136 146.199 54.6488 149.037 64.9503L165.184 60.6422C161.744 47.9622 156.331 37.0357 148.965 27.974C134.036 9.60668 112.202 0.195148 84.0695 0H83.9569C55.8816 0.19447 34.2921 9.6418 19.7883 28.0793C6.8819 44.4864 0.2244 67.3157 0.000699997 95.9325L0 96L0.000699997 96.0675C0.2244 124.684 6.8819 147.514 19.7883 163.921C34.2921 182.358 55.8816 191.806 83.9569 192H84.0695C109.03 191.827 126.624 185.292 141.118 170.811C160.081 151.866 159.51 128.119 153.26 113.541C148.776 103.087 140.227 94.5962 128.537 88.9883ZM85.4405 129.507C75.0005 130.095 64.1544 125.409 63.6196 115.372C63.2232 107.93 68.9158 99.626 86.0812 98.6368C88.047 98.5234 89.976 98.468 91.871 98.468C98.106 98.468 103.939 99.0737 109.242 100.233C107.264 124.935 95.662 128.946 85.4405 129.507Z\" fill=\"#FDFBF7\"\/>\r\n<\/svg>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"p-2\">\r\n            <a href=\"https:\/\/www.facebook.com\/mbyinteriors\" target=\"_blank\">\r\n                <i class=\"fab fa-facebook\" style=\"font-size: 30px; color: #fdfbf7\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"p-2\">\r\n            <a href=\"https:\/\/www.pinterest.ca\/MBYiNteriors\/_saved\/\" target=\"_blank\">\r\n                <i class=\"fab fa-pinterest\" style=\"font-size: 30px; color: #fdfbf7\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\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>Commercial Interior Design Residential Interior Design At MBY Interiors, we strive to craft environments that are both intrinsically beautiful and faultlessly functional, whether it&#8217;s for residential or commercial projects. With life always at the forefront of our minds, we blend aesthetics and practicality to create spaces that truly enhance your lifestyle or elevate your business. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-618","page","type-page","status-publish","hentry","wpbf-post"],"_links":{"self":[{"href":"https:\/\/oasysdigitalarts.com\/mby\/wp-json\/wp\/v2\/pages\/618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oasysdigitalarts.com\/mby\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oasysdigitalarts.com\/mby\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oasysdigitalarts.com\/mby\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oasysdigitalarts.com\/mby\/wp-json\/wp\/v2\/comments?post=618"}],"version-history":[{"count":89,"href":"https:\/\/oasysdigitalarts.com\/mby\/wp-json\/wp\/v2\/pages\/618\/revisions"}],"predecessor-version":[{"id":3689,"href":"https:\/\/oasysdigitalarts.com\/mby\/wp-json\/wp\/v2\/pages\/618\/revisions\/3689"}],"wp:attachment":[{"href":"https:\/\/oasysdigitalarts.com\/mby\/wp-json\/wp\/v2\/media?parent=618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}