{"id":42,"date":"2023-07-16T09:05:23","date_gmt":"2023-07-16T09:05:23","guid":{"rendered":"https:\/\/canaltuntas.com.tr\/?page_id=42"},"modified":"2024-10-21T12:51:58","modified_gmt":"2024-10-21T12:51:58","slug":"hakkimda","status":"publish","type":"page","link":"https:\/\/canaltuntas.com.tr\/index.php\/hakkimda\/","title":{"rendered":"Test"},"content":{"rendered":"\n<p class=\"has-text-align-justify has-base-color has-text-color has-source-serif-pro-font-family\" style=\"font-style:normal;font-weight:400;line-height:1.5\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n\t\t\n\n\t\t\n        \/* Floating button styles *\/\n\t\t\n        .floating-button-left\n\t\t{\n\t\t\tposition: fixed;\n            bottom: 20px;\n            left: 20px;\n\t\t\tdisplay: flex;\n            width: 160px;\n\t\t\theight: 30px;\n            font-size: 20px;\n            font-weight: bold;\n            color: white;\n            background: linear-gradient(to right, #DC3A70, #FECE5B);\n            border: none;\n            border-radius: 5px;\n            text-align: center;\n            text-decoration: none;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n            overflow: hidden;\n\t\t\tz-index: 1002;\n        }\n\n\t\t\n\t\t\/* Circular Button L*\/\n\t\t.floating-button-2-left\n\t\t{\n\t\t\tposition: fixed;\n\t\t\tbottom: 25px;\n\t\t\tleft: 20px;\n\t\t\tdisplay: flex;\n\t\t\twidth: 160px;\n\t\t\theight: 160px;\n\t\t\tborder: 4px solid;\n\t\t\tborder-color: #FF7A60;\n\t\t\tborder-radius: 50%;\n\t\t\tz-index: 1001\n\t\t}\n\t\t.background-image-left {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border-radius: 100%;\n            background-size: contain;\n            background-position: center;\n            z-index: -1; \/* Ensures the background is behind the button content *\/\n        }\n\t\t\n\t\t\/* Button Video Customization *\/\n\t\t.floating-button-2-left video \n\t\t{\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n\t\t\tborder-radius:100%;\n            object-fit: cover;\n            z-index: 1000; \/* Send video to background *\/\n       }\n\t\t.video-mobile-left \n\t\t\t{\n    \t\t\twidth: 100%;\n    \t\t\theight: 100%;\n    \t\t\tobject-fit: cover;\n    \t\t\tborder-radius: 50%;\n\t\t\t}\n\n\t\t .close-button-left {\n            position: absolute;\n            top: 0px;\n            right: 0px;\n            background-color: white;\n            color: #FF7A60;\n            border: 1px solid;\n\t\t\tborder-color: #FF7A60;\n            border-radius: 50%;\n            width: 25px;\n            height: 25px;\n            display: fixed;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n            font-size: 17px;\n            z-index: 1003; \/* Make sure the close button is on top of the video *\/\n        }\n\t\t\/* Mobile *\/\n\t\t@media (max-width: 768px) \n\t\t{\n\t\t\t.floating-button-2-left\n\t\t\t{\n\t\t\t\twidth: 90px;\n                height: 90px;\n\t\t\t\tbackground-size: cover;\n        \t\tbackground-position: center;\n\t\t\t}\n\n\t\t\t.floating-button-left\n\t\t\t{\n\t\t\t\t\/*padding: 5px 30px;*\/\n\t\t\t\twidth: 90px;\n                height: 20px;\n                font-size: 12px;\n\t\t\t}\n\t\t\t.video-mobile-left\n\t\t\t{\n            \tposition: absolute;\n           \t \ttop: 0;\n            \tleft: 0;\n            \twidth: 100%;\n            \theight: 100%;\n\t\t\t\tborder-radius:100%;\n            \tobject-fit: cover;\n            \tz-index: -1; \/* Send video to background *\/\n        \t}\n\t\t\t.background-image-left \n\t\t\t{\n            \tposition: absolute;\n            \ttop: 0;\n            \tleft: 0;\n            \twidth: 100%;\n            \theight: 100%;\n            \tborder-radius: 100%;\n            \tbackground-size: cover;\n            \tbackground-position: center;\n            \tz-index: -1; \/* Ensures the background is behind the button content *\/\n        \t}\n\t\t\t.closed-button-left\n\t\t\t{\n\t\t\t\twidth: 7px;\n                height: 7px;\n                font-size: 5px;\n\t\t\t}\n\t\t\t.popup-content .left-column video \n\t\t\t{\n    \t\t\twidth: 100%;\n    \t\t\theight: 100%;\n    \t\t\tobject-fit: cover; \/* Videonun tam s\u0131\u011fmas\u0131n\u0131 sa\u011flar *\/   \t\n        \t}\n\t\t}\n\t\t\n\n        \/* Pop-up container styles *\/\n        .popup-container {\n            display: none;\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 80%;\n            max-width: 900px;\n\t\t\tmax-height: 650px;\n            height: 80%;\n            background-color: white;\n            border: 2px solid #ccc;\n            border-radius: 10px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            z-index: 1000;\n            overflow: auto;\n        }\n\n        \/* Overlay styles *\/\n        .overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.5);\n            z-index: 999;\n        }\n\n        \/* Two-column layout styles *\/\n        .popup-content {\n            display: flex;\n            flex-direction: row;\n            height: 100%;\n        }\n\n        .popup-content .left-column,\n        .popup-content .right-column {\n            width: 50%;\n            padding: 20px;\n            color: white;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            font-size: 24px;\n            overflow: auto;\n        }\n\n        .popup-content .left-column {\n           \/* background-image: url('https:\/\/floori.io\/wp-content\/uploads\/2024\/06\/In-home-sales-presentation.webp');*\/\n            background-size: cover;\n            background-position: center;\n        }\n\t\t.popup-content .left-column video \n\t\t{\n    \t\twidth: 100%;\n    \t\theight: 100%;\n    \t\tobject-fit: cover; \/* Videonun tam s\u0131\u011fmas\u0131n\u0131 sa\u011flar *\/   \t\n        }\n\n        .popup-content .right-column {\n            background-color: #f9f9f9;\n        }\n\n        \/* Responsive design *\/\n        @media (max-width: 768px) {\n            .popup-content {\n                flex-direction: column;\n            }\n\n            .popup-content .left-column,\n            .popup-content .right-column {\n                width: 100%;\n\t\t\t\tmin-height:250px;\n            }\n        }\n    <\/style>\n    <script>\n        function showPopUp() {\n            document.querySelector('.popup-container').style.display = 'block';\n            document.querySelector('.overlay').style.display = 'block';\n\t\t\tdocument.querySelector('.floating-button-2-left').style.display = 'none';\n\t\t\tdocument.querySelector('.floating-button-left').style.display = 'none';\n        }\n\n        function hidePopUp() {\n            document.querySelector('.popup-container').style.display = 'none';\n            document.querySelector('.overlay').style.display = 'none';\n\t\t\tdocument.querySelector('.floating-button-2-left').style.display = 'block';\n\t\t\tdocument.querySelector('.floating-button-left').style.display = 'block';\n        }\n\t\tfunction hideButton(event) {\n\t\t\tevent.stopPropagation();\n            document.querySelector('.floating-button-2-left').style.display = 'none';\n\t\t\tdocument.querySelector('.floating-button-left').style.display = 'none';\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n            var button = document.createElement('button');\n            button.className = 'floating-button-left';\n            button.onclick = showPopUp;\n\t\t\tbutton.innerHTML = 'TRY IT NOW';\n\n\t\t\tdocument.body.appendChild(button);\n\t\t\t\n\t\t\t\/* Adding video inside circular button (floating-button-2-left) *\/\n\t\t\tvar button = document.createElement('button');\n            button.className = 'floating-button-2-left';\n            button.onclick = showPopUp;\n\t\t\tvar video = document.createElement('video');\n            video.src = 'https:\/\/floori.io\/wp-content\/uploads\/2024\/07\/flooriwalls.mp4'; \/* circular video url *\/\n            video.autoplay = true;\n            video.loop = true;\n            video.muted = true;\n\t\t\tvideo.playsinline = true;\n \t\t\tvideo.disablePictureInPicture = true; \n    \t\tvideo.controlsList = \"nodownload nofullscreen noremoteplayback\";\n            button.appendChild(video);\n\t\t\t\n\t\t\tvar mobileVideo = document.createElement('video');\n    \t\tmobileVideo.className = 'video-mobile-left';\n    \t\tmobileVideo.src = 'https:\/\/floori.io\/wp-content\/uploads\/2024\/07\/wallsvidmobile.mp4'; \/* circular video url for mobile *\/\n    \t\tmobileVideo.autoplay = true;\n    \t\tmobileVideo.loop = true;\n    \t\tmobileVideo.muted = true;\n    \t\tmobileVideo.playsinline = true; \n    \t\tbutton.appendChild(mobileVideo);\n\t\t\t\n            document.body.appendChild(button);\n\t\t\t\n\t\t\tvar closeButton = document.createElement('button');\n            closeButton.className = 'close-button-left';\n            closeButton.innerHTML = '\u00d7'; \/\/ HTML entity for 'x'\n            closeButton.onclick = hideButton;\n            button.appendChild(closeButton);\n\t\t\t\n            document.body.appendChild(button);\n\n            var overlay = document.createElement('div');\n            overlay.className = 'overlay';\n            overlay.onclick = hidePopUp;\n            document.body.appendChild(overlay);\n\t\t\t\n\t\t\tvar bgDiv = document.createElement('div');\n            bgDiv.className = 'background-image';\n            bgDiv.style.backgroundImage = 'url(\"https:\/\/floori.io\/wp-content\/uploads\/2024\/07\/wallsphotors-1.png\")'; \/* cicrular background image *\/\n            button.appendChild(bgDiv);\n\t\t\t\n            var popupContainer = document.createElement('div');\n            popupContainer.className = 'popup-container';\n\t\t\t\n            popupContainer.innerHTML = `\n                <div class=\"popup-content\">\n                    <div class=\"left-column\">\n \t\t\t\t\t<video src=\"https:\/\/floori.io\/wp-content\/uploads\/2024\/07\/flooriwalls.mp4\" autoplay disablePictureInPicture loop playsinline muted> \n\t\t\t\t\t<\/video>\n        \t\t\t <\/div>\n                    <div class=\"right-column\">\n<iframe\n  src=\"https:\/\/api.leadconnectorhq.com\/widget\/form\/W85aAtCaD4PKWHAml3d7\"\n  style=\"width:100%;height:100%;border:none;border-radius:3px\"\n  id=\"inline-W85aAtCaD4PKWHAml3d7\" \n  data-layout=\"{'id':'INLINE'}\"\n  data-trigger-type=\"alwaysShow\"\n  data-trigger-value=\"\"\n  data-activation-type=\"alwaysActivated\"\n  data-activation-value=\"\"\n  data-deactivation-type=\"neverDeactivate\"\n  data-deactivation-value=\"\"\n  data-form-name=\"floori-popup\"\n  data-height=\"543\"\n  data-layout-iframe-id=\"inline-W85aAtCaD4PKWHAml3d7\"\n  data-form-id=\"W85aAtCaD4PKWHAml3d7\"\n  title=\"floori-popup\"\n      >\n<\/iframe>\n\n                    <\/div>\n                <\/div>\n            `;\n            document.body.appendChild(popupContainer);\n\/\/ Only for mobile devices\n    if (window.matchMedia(\"(max-width: 768px)\").matches) {\n        setInterval(function() {\n            mobileVideo.currentTime = 0;\n        }, 4000);\n    }\n        });\n    <\/script>\n\t<script src=\"https:\/\/link.msgsndr.com\/js\/form_embed.js\"><\/script>\n<\/head>\n<body>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/canaltuntas.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canaltuntas.com.tr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/canaltuntas.com.tr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/canaltuntas.com.tr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/canaltuntas.com.tr\/index.php\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":13,"href":"https:\/\/canaltuntas.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":256,"href":"https:\/\/canaltuntas.com.tr\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions\/256"}],"wp:attachment":[{"href":"https:\/\/canaltuntas.com.tr\/index.php\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}