{"id":161,"date":"2025-06-23T22:39:50","date_gmt":"2025-06-23T22:39:50","guid":{"rendered":"https:\/\/demo.asol-tec.com\/bond\/?page_id=161"},"modified":"2025-06-24T15:20:15","modified_gmt":"2025-06-24T15:20:15","slug":"%d8%a3%d9%84%d9%88%d8%a7%d9%86-%d8%a7%d9%84%d9%83%d9%84%d8%a7%d8%af%d9%8a%d9%86%d8%ac","status":"publish","type":"page","link":"https:\/\/demo.asol-tec.com\/bond\/en\/%d8%a3%d9%84%d9%88%d8%a7%d9%86-%d8%a7%d9%84%d9%83%d9%84%d8%a7%d8%af%d9%8a%d9%86%d8%ac\/","title":{"rendered":"Cladding colors"},"content":{"rendered":"<section  id=\"tewido-block-6a5fa44bc268a\" class=\"uk-section tewido-cladding-filter-block uk-section-default\" ><div class=\"uk-container\">\n        <div class=\"cladding-filter-block uk-overflow-hidden\">\n\n            <!-- Header Section -->\n            <div class=\"cladding-filter-block__header uk-text-center uk-margin-medium-bottom\">\n\n                <!-- Small Title -->\n                \n                <!-- Main Title -->\n                                    <h2 class=\"cladding-filter-block__title uk-margin-small-bottom uk-margin-remove-top hls an\">\n                        Cladding colors                    <\/h2>\n                \n                <!-- Description -->\n                                    <div class=\"cladding-filter-block__description uk-margin-medium-bottom an\">\n                        A diverse collection of modern colors to suit all architectural designs.                    <\/div>\n                \n            <\/div>\n\n            <!-- UIKit Filter Container -->\n            <div uk-filter=\"target: .js-filter-cladding\">\n\n                <!-- Filter Navigation -->\n                                    <div class=\"uk-margin-medium-bottom uk-background-default br-16 uk-padding-small\" uk-sticky=\"offset: 10\">\n                        <ul class=\"uk-subnav uk-subnav-pill uk-flex-center uk-margin-remove-bottom\">\n\n                            <!-- All Filter -->\n                                                            <li class=\"uk-active\" uk-filter-control>\n                                    <a href=\"#\" class=\"an\">All<\/a>\n                                <\/li>\n                            \n                            <!-- Category Filters -->\n                                                                                                <li uk-filter-control=\".cat-12\">\n                                        <a href=\"#\" class=\"an\">\u0623\u0644\u0648\u0627\u0646<\/a>\n                                    <\/li>\n                                                                    <li uk-filter-control=\".cat-5\">\n                                        <a href=\"#\" class=\"an\">Decorative Colors<\/a>\n                                    <\/li>\n                                                                    <li uk-filter-control=\".cat-3\">\n                                        <a href=\"#\" class=\"an\">Glossy Colors<\/a>\n                                    <\/li>\n                                                                    <li uk-filter-control=\".cat-6\">\n                                        <a href=\"#\" class=\"an\">Mirror Colors<\/a>\n                                    <\/li>\n                                                                    <li uk-filter-control=\".cat-4\">\n                                        <a href=\"#\" class=\"an\">Matte Colors<\/a>\n                                    <\/li>\n                                                            \n                        <\/ul>\n                    <\/div>\n\n                \n                <!-- Posts Grid -->\n                                    <ul class=\"js-filter-cladding uk-grid uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-2\" uk-grid uk-lightbox>\n\n                                                    \n                            <li class=\"cat-5 an\">\n                                <div class=\"cladding-block__post-card\">\n\n                                    <!-- Featured Image -->\n                                                                            <div class=\"cladding-block__post-image\">\n                                            <a href=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/3-colores-destacados-STB-W15.webp\" data-caption=\"Mountain oak sense\">\n                                                <img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"485\" src=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/3-colores-destacados-STB-W15.webp\" class=\"uk-width-1-1 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/3-colores-destacados-STB-W15.webp 335w, https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/3-colores-destacados-STB-W15-207x300.webp 207w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/>                                            <\/a>\n                                        <\/div>\n                                    \n\n                                    <!-- Content -->\n                                    <div class=\"cladding-filter-block__content uk-margin-small-top\">\n\n                                        <!-- Title -->\n                                        <h3 class=\"cladding-block__post-title uk-margin-small-bottom\">\n                                            Mountain oak sense                                        <\/h3>\n\n                                        <!-- Excerpt -->\n                                        <div class=\"cladding-filter-block__excerpt uk-text-small uk-text-muted uk-margin-remove-last-child\">\n                                            <p>STB-W50<\/p>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n\n                                                    \n                            <li class=\"cat-3 cat-6 cat-4 an\">\n                                <div class=\"cladding-block__post-card\">\n\n                                    <!-- Featured Image -->\n                                                                            <div class=\"cladding-block__post-image\">\n                                            <a href=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/4-colores-destacados-STB-PC1.webp\" data-caption=\"Palatino sense\">\n                                                <img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"485\" src=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/4-colores-destacados-STB-PC1.webp\" class=\"uk-width-1-1 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/4-colores-destacados-STB-PC1.webp 335w, https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/4-colores-destacados-STB-PC1-207x300.webp 207w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/>                                            <\/a>\n                                        <\/div>\n                                    \n\n                                    <!-- Content -->\n                                    <div class=\"cladding-filter-block__content uk-margin-small-top\">\n\n                                        <!-- Title -->\n                                        <h3 class=\"cladding-block__post-title uk-margin-small-bottom\">\n                                            Palatino sense                                        <\/h3>\n\n                                        <!-- Excerpt -->\n                                        <div class=\"cladding-filter-block__excerpt uk-text-small uk-text-muted uk-margin-remove-last-child\">\n                                            <p>STB-PC1<\/p>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n\n                                                    \n                            <li class=\"cat-3 cat-6 cat-4 an\">\n                                <div class=\"cladding-block__post-card\">\n\n                                    <!-- Featured Image -->\n                                                                            <div class=\"cladding-block__post-image\">\n                                            <a href=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/5-colores-destacados-CT3.webp\" data-caption=\"West corten sense\">\n                                                <img loading=\"lazy\" decoding=\"async\" width=\"336\" height=\"485\" src=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/5-colores-destacados-CT3.webp\" class=\"uk-width-1-1 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/5-colores-destacados-CT3.webp 336w, https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/5-colores-destacados-CT3-208x300.webp 208w\" sizes=\"auto, (max-width: 336px) 100vw, 336px\" \/>                                            <\/a>\n                                        <\/div>\n                                    \n\n                                    <!-- Content -->\n                                    <div class=\"cladding-filter-block__content uk-margin-small-top\">\n\n                                        <!-- Title -->\n                                        <h3 class=\"cladding-block__post-title uk-margin-small-bottom\">\n                                            West corten sense                                        <\/h3>\n\n                                        <!-- Excerpt -->\n                                        <div class=\"cladding-filter-block__excerpt uk-text-small uk-text-muted uk-margin-remove-last-child\">\n                                            <p>STB-CT3<\/p>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n\n                                                    \n                            <li class=\"cat-5 cat-3 an\">\n                                <div class=\"cladding-block__post-card\">\n\n                                    <!-- Featured Image -->\n                                                                            <div class=\"cladding-block__post-image\">\n                                            <a href=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/6-colores-destacados-STB-GR3.webp\" data-caption=\"Gallaecia sense\">\n                                                <img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"485\" src=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/6-colores-destacados-STB-GR3.webp\" class=\"uk-width-1-1 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/6-colores-destacados-STB-GR3.webp 335w, https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/6-colores-destacados-STB-GR3-207x300.webp 207w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/>                                            <\/a>\n                                        <\/div>\n                                    \n\n                                    <!-- Content -->\n                                    <div class=\"cladding-filter-block__content uk-margin-small-top\">\n\n                                        <!-- Title -->\n                                        <h3 class=\"cladding-block__post-title uk-margin-small-bottom\">\n                                            Gallaecia sense                                        <\/h3>\n\n                                        <!-- Excerpt -->\n                                        <div class=\"cladding-filter-block__excerpt uk-text-small uk-text-muted uk-margin-remove-last-child\">\n                                            <p>STB-GR3<\/p>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n\n                                                    \n                            <li class=\"cat-12 cat-5 cat-3 an\">\n                                <div class=\"cladding-block__post-card\">\n\n                                    <!-- Featured Image -->\n                                                                            <div class=\"cladding-block__post-image\">\n                                            <a href=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/8-colores-destacados-STB-B03.webp\" data-caption=\"Discovery brushed metallic\">\n                                                <img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"485\" src=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/8-colores-destacados-STB-B03.webp\" class=\"uk-width-1-1 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/8-colores-destacados-STB-B03.webp 335w, https:\/\/demo.asol-tec.com\/bond\/wp-content\/uploads\/2025\/06\/8-colores-destacados-STB-B03-207x300.webp 207w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/>                                            <\/a>\n                                        <\/div>\n                                    \n\n                                    <!-- Content -->\n                                    <div class=\"cladding-filter-block__content uk-margin-small-top\">\n\n                                        <!-- Title -->\n                                        <h3 class=\"cladding-block__post-title uk-margin-small-bottom\">\n                                            Discovery brushed metallic                                        <\/h3>\n\n                                        <!-- Excerpt -->\n                                        <div class=\"cladding-filter-block__excerpt uk-text-small uk-text-muted uk-margin-remove-last-child\">\n                                            <p>STB-B03<\/p>\n                                        <\/div>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n\n                                                \n                    <\/ul>\n                \n            <\/div> <!-- End UIKit Filter Container -->\n\n        <\/div>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                \/\/ Wait for UIKit to be ready\n                UIkit.util.ready(() => {\n                    \/\/ Find all filter controls\n                    const filterControls = document.querySelectorAll('[uk-filter-control]');\n                    const filterContainer = document.querySelector('.js-filter-cladding');\n\n                    if (filterControls.length && filterContainer) {\n                        filterControls.forEach(control => {\n                            control.addEventListener('click', function() {\n                                \/\/ Small delay to let UIKit finish filtering\n                                setTimeout(() => {\n                                    \/\/ Scroll to the top of the filter results\n                                    filterContainer.scrollIntoView({\n                                        behavior: 'smooth',\n                                        block: 'start'\n                                    });\n                                }, 100);\n                            });\n                        });\n                    }\n                });\n            });\n        <\/script>\n\n<\/div><\/section>","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-161","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.asol-tec.com\/bond\/en\/wp-json\/wp\/v2\/pages\/161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.asol-tec.com\/bond\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.asol-tec.com\/bond\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.asol-tec.com\/bond\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.asol-tec.com\/bond\/en\/wp-json\/wp\/v2\/comments?post=161"}],"version-history":[{"count":0,"href":"https:\/\/demo.asol-tec.com\/bond\/en\/wp-json\/wp\/v2\/pages\/161\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.asol-tec.com\/bond\/en\/wp-json\/wp\/v2\/media?parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}