{"id":367,"date":"2023-03-15T15:16:38","date_gmt":"2023-03-15T15:16:38","guid":{"rendered":"http:\/\/vloed23\/?page_id=367"},"modified":"2025-01-28T08:46:42","modified_gmt":"2025-01-28T08:46:42","slug":"triflex-mvo","status":"publish","type":"page","link":"https:\/\/triflexsteps.be\/fr\/","title":{"rendered":"TriflexSteps"},"content":{"rendered":"\r\n<div class=\"rg-blok header-blok relative\">\r\n\r\n    <img decoding=\"async\" data-aos=\"fade-left\" data-aos-delay=\"300\" data-aos-duration=\"1500\"   class=\" w-[300px] md:w-[500px] lg:w-auto -bottom-[70px] md:-bottom-[116px] lg:-bottom-[180px] z-30 right-0 absolute \" src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/big-x.svg\"\/>\r\n\r\n    <div class=\" relative overflow-hidden  min-h-[50vh] mx-auto   \">\r\n        <div class=\"anchor\" id=\"\"><\/div>\r\n\t\t            <img decoding=\"async\" loading=\"lazy\"  class=\"h-full w-full object-cover z-10 absolute\" src=\"https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/06\/header-darker.jpg\" alt=\"\">\r\n\t\t\r\n\r\n               <div class=\" pt-[230px] pb-[130px] px-6 lg:px-16 lg:container lg:mx-auto w-auto lg:max-w-screen-xl h-full flex flex-col gap-16 lg:gap-24 items-center justify-center z-40 relative\">\r\n\r\n                       <h1 data-aos=\"fade-up\" data-aos-delay=\"100\" data-aos-duration=\"1000\"  class=\"font-black text-center\r\n\r\n                         text-3xl md:text-big1 lg:text-big2                         text-white  \">Sustainable together<\/h1>\r\n\r\n\t               \r\n               <\/div>\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n    <div  id=\"intro\"><\/div>\r\n\r\n\r\n\n\n\r\n\r\n<div class=\"margin-top- margin-bottom-  rg-blok intro-blok relative  w-full h-full   bg-donkerblauw   text-wit   \">\r\n\r\n\t    <img decoding=\"async\" data-para=\"-1.25\" class=\"parallax-element right-0 top-3\/4 absolute  \" src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/big-path.svg\"\/>\r\n\t    <div class=\"anchor\" id=\"\"><\/div>\r\n    <div class=\"z-50 relative lg:container lg:mx-auto w-auto lg:max-w-screen-xl px-6 lg:px-16   padding-top-1 padding-bottom-1\">\r\n\r\n        <div class=\"grid gap-8 lg:grid-cols-12\">\r\n\r\n                <div class=\"lg:col-start-3 lg:col-span-8\" div data-aos=\"fade-in\" >\r\n\r\n                        <div class=\"intro-big\">\r\n                            <p class=\"p-big\">Triflex STEPS<\/p>\n                        <\/div>\r\n\r\n\t                \t\t\t\t\t<div class=\"!leading-relaxed   text-wit  \">\r\n\t\t\t\t\t\t<p class=\"p-big\" style=\"text-align: justify\">Triflex STEPS staat voor <span style=\"text-decoration: underline\"><strong>S<\/strong><\/span>ustainable <span style=\"text-decoration: underline\"><strong>T<\/strong><\/span>ogether for the <span style=\"text-decoration: underline\"><strong>E<\/strong><\/span>conomy, <span style=\"text-decoration: underline\"><strong>P<\/strong><\/span>lanet, and <span style=\"text-decoration: underline\"><strong>S<\/strong><\/span>ocial area. Met deze website willen wij graag onze duurzaamheidsinitiatieven op het gebied van economie, milieu, mens en projecten presenteren. We laten graag zien welke stappen we al hebben genomen en nog zullen zetten. Together we can move forward, so let\u2019s be sustainable together!<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\"><a class=\"knop blauw\" href=\"#watwedoen\">Toekomstige stappen<\/a>\u00a0<a class=\"knop wit\" href=\"https:\/\/triflexsteps.be\/duurzame-triflex-toepassingen\/\" target=\"_blank\" rel=\"noopener\">Ondernomen stappen<\/a><\/p>\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n    <\/div>\n\n\r\n\r\n<div  class=\"rg-blok linkblokken-blok  margin-top- margin-bottom-  relative w-full h-full bg-  text- \">\r\n    <div class=\"absolute w-full h-1\/3 bg-donkerblauw bg- z-[-1]\"><\/div>\r\n\r\n    <div class=\"anchor\" id=\"watwedoen\"><\/div>\r\n    <div class=\"lg:container lg:mx-auto lg:max-w-screen-xl w-auto px-6 lg:px-16 padding-top- padding-bottom-1\">\r\n\r\n\r\n        <div class=\"border-t-2 border-blauw pt-8 lg:grid lg:gap-8 md:grid-cols-12\">\r\n\r\n\r\n\t\t\t                <div  class=\"swiper overflow-visible z-300 swiper-linkblokken lg:contents relative -mx-3 lg:mx-0\">\r\n                    <div  class=\"swiper-wrapper overflow-visible pt-2 pb-8 lg:contents\">\r\n\r\n\t\t\t\t\t\t\r\n\r\n                            <div  data-aos=\"zoom-in\"  data-aos-duration=\"1000\"  class=\" swiper-slide  xs:w-11\/12 w-4\/5 md:w-2\/5 lg:w-auto px-3 lg:px-0 lg:col-span-4 \">\r\n\r\n\r\n                                <div class=\"h-[70vh] max-h-[450px] lg:max-h-[600px] relative group link-blok rounded-lg overflow-hidden bg-white h-full hover:bg-blauw hover:text-donkerblauw transition-all\">\r\n                                    <a href=\"https:\/\/triflexsteps.be\/milieu\/\" class=\"block-link z-40\"\r\n                                       target=\"_blank\"><\/a>\r\n                                    <div class=\"z-10 image h-full w-full absolute overflow-hidden top-0 left-0\">\r\n                                        <img decoding=\"async\" loading=\"lazy\"\r\n                                             class=\"group-hover:scale-110 h-full w-full object-cover transition-all\"\r\n                                             src=\" https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/04\/Rectangle-59-1024x613.png\"\r\n                                             alt=\"Milieu\">\r\n                                    <\/div>\r\n\r\n\r\n                                    <div class=\"z-20 absolute text  xs:p-4 w-full h-full transition-all  group-hover:bg-blauw\/75 flex flex-col \">\r\n                                        <div class=\"flex-1\"><\/div>\r\n                                        <div class=\"transition-all p-8 flex-0 group-hover:flex-auto duration-300\">\r\n\r\n                                            <img decoding=\"async\" loading=\"lazy\"\r\n                                                 class=\"h-20 opacity-0 -translate-y-16 duration-300 transition-all group-hover:translate-y-0 group-hover:opacity-100 \"\r\n                                                 src=\" https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/04\/milieu-icoon.svg\"\r\n                                                 alt=\"Milieu\">\r\n\r\n                                            <p class=\"pt-4 text-white text-xl group-hover:text-2xl font-bold\">Milieu<\/p>\r\n\r\n                                            <p class=\"text-white line-clamp-4 opacity-0 group-hover:opacity-100  max-h-0 group-hover:max-h-screen overflow-hidden  duration-300\">\r\n\t                                            Wij nemen onze verantwoordelijkheid in het beschermen van het milieu en streven naar zo min mogelijk impact op land, lucht en zee.<\/p>\r\n                                        <\/div>\r\n\r\n                                    <\/div>\r\n\r\n                                    <img decoding=\"async\" class=\"z-30 -right-8 -bottom-8 absolute opacity-100 group-hover:scale-150 group-hover:opacity-0 transition-all duration-500\" src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/x-white.svg\"\/>\r\n\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\t\t\t\t\t\t\r\n\r\n                            <div  data-aos=\"zoom-in\"  data-aos-duration=\"1000\"  class=\" swiper-slide  xs:w-11\/12 w-4\/5 md:w-2\/5 lg:w-auto px-3 lg:px-0 lg:col-span-4 \">\r\n\r\n\r\n                                <div class=\"h-[70vh] max-h-[450px] lg:max-h-[600px] relative group link-blok rounded-lg overflow-hidden bg-white h-full hover:bg-blauw hover:text-donkerblauw transition-all\">\r\n                                    <a href=\"https:\/\/triflexsteps.be\/mensen\/\" class=\"block-link z-40\"\r\n                                       target=\"_blank\"><\/a>\r\n                                    <div class=\"z-10 image h-full w-full absolute overflow-hidden top-0 left-0\">\r\n                                        <img decoding=\"async\" loading=\"lazy\"\r\n                                             class=\"group-hover:scale-110 h-full w-full object-cover transition-all\"\r\n                                             src=\" https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/04\/Rectangle-30-1024x616.png\"\r\n                                             alt=\"Mensen\">\r\n                                    <\/div>\r\n\r\n\r\n                                    <div class=\"z-20 absolute text  xs:p-4 w-full h-full transition-all  group-hover:bg-blauw\/75 flex flex-col \">\r\n                                        <div class=\"flex-1\"><\/div>\r\n                                        <div class=\"transition-all p-8 flex-0 group-hover:flex-auto duration-300\">\r\n\r\n                                            <img decoding=\"async\" loading=\"lazy\"\r\n                                                 class=\"h-20 opacity-0 -translate-y-16 duration-300 transition-all group-hover:translate-y-0 group-hover:opacity-100 \"\r\n                                                 src=\" https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/04\/mensen-icoon.svg\"\r\n                                                 alt=\"Mensen\">\r\n\r\n                                            <p class=\"pt-4 text-white text-xl group-hover:text-2xl font-bold\">Mensen<\/p>\r\n\r\n                                            <p class=\"text-white line-clamp-4 opacity-0 group-hover:opacity-100  max-h-0 group-hover:max-h-screen overflow-hidden  duration-300\">\r\n\t                                            Wij bevorderen het welzijn van onze werknemers en hun werkplezier door een goede werkgever te zijn, waar ze de kans krijgen om kennis en ervaring te delen.<\/p>\r\n                                        <\/div>\r\n\r\n                                    <\/div>\r\n\r\n                                    <img decoding=\"async\" class=\"z-30 -right-8 -bottom-8 absolute opacity-100 group-hover:scale-150 group-hover:opacity-0 transition-all duration-500\" src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/x-white.svg\"\/>\r\n\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\t\t\t\t\t\t\r\n\r\n                            <div  data-aos=\"zoom-in\"  data-aos-duration=\"1000\"  class=\" swiper-slide  xs:w-11\/12 w-4\/5 md:w-2\/5 lg:w-auto px-3 lg:px-0 lg:col-span-4 \">\r\n\r\n\r\n                                <div class=\"h-[70vh] max-h-[450px] lg:max-h-[600px] relative group link-blok rounded-lg overflow-hidden bg-white h-full hover:bg-blauw hover:text-donkerblauw transition-all\">\r\n                                    <a href=\"https:\/\/triflexsteps.be\/economie\/\" class=\"block-link z-40\"\r\n                                       target=\"_blank\"><\/a>\r\n                                    <div class=\"z-10 image h-full w-full absolute overflow-hidden top-0 left-0\">\r\n                                        <img decoding=\"async\" loading=\"lazy\"\r\n                                             class=\"group-hover:scale-110 h-full w-full object-cover transition-all\"\r\n                                             src=\" https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/05\/shutterstock_761865583-1024x683.png\"\r\n                                             alt=\"Economie\">\r\n                                    <\/div>\r\n\r\n\r\n                                    <div class=\"z-20 absolute text  xs:p-4 w-full h-full transition-all  group-hover:bg-blauw\/75 flex flex-col \">\r\n                                        <div class=\"flex-1\"><\/div>\r\n                                        <div class=\"transition-all p-8 flex-0 group-hover:flex-auto duration-300\">\r\n\r\n                                            <img decoding=\"async\" loading=\"lazy\"\r\n                                                 class=\"h-20 opacity-0 -translate-y-16 duration-300 transition-all group-hover:translate-y-0 group-hover:opacity-100 \"\r\n                                                 src=\" https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/04\/economie-icoon.svg\"\r\n                                                 alt=\"Economie\">\r\n\r\n                                            <p class=\"pt-4 text-white text-xl group-hover:text-2xl font-bold\">Economie<\/p>\r\n\r\n                                            <p class=\"text-white line-clamp-4 opacity-0 group-hover:opacity-100  max-h-0 group-hover:max-h-screen overflow-hidden  duration-300\">\r\n\t                                            Wij streven naar duurzame groei. Als familiebedrijf maken wij bewuste keuzes voor de lange termijn.<\/p>\r\n                                        <\/div>\r\n\r\n                                    <\/div>\r\n\r\n                                    <img decoding=\"async\" class=\"z-30 -right-8 -bottom-8 absolute opacity-100 group-hover:scale-150 group-hover:opacity-0 transition-all duration-500\" src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/x-white.svg\"\/>\r\n\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\t\t\t\t\t\t\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"swiper-button-next right-6 w-8 h-8 rounded bg-white hover:bg-lichtblauw transition-all lg:hidden \"><\/div>\r\n                    <div class=\"swiper-button-prev left-6 w-8 h-8 rounded bg-white hover:bg-lichtblauw transition-all   lg:hidden \"><\/div>\r\n\r\n                    <div class=\"mx-auto w-1\/2 relative lg:hidden\">\r\n                        <div class=\"swiper-pagination bottom-0 top-auto rounded-2xl overflow-hidden \"><\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\t\t\t\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<script type=\"module\">\r\n    const swiper = new Swiper(\".swiper-linkblokken\", {\r\n        slidesPerView: \"auto\",\r\n        loop: false,\r\n        autoplay: false,\r\n        navigation: {\r\n            nextEl: \".swiper-button-next\",\r\n            prevEl: \".swiper-button-prev\",\r\n        },\r\n        pagination: {\r\n            el: \".swiper-pagination\",\r\n            type: \"progressbar\",\r\n        },\r\n        grabCursor: true,\r\n\r\n    });\r\n<\/script>\r\n\r\n\r\n\r\n\n\n\r\n\r\n<div class=\"margin-top- margin-bottom-  rg-blok cijfers-blok relative overflow-hidden w-full h-full bg-  text- \">\r\n    <div class=\"anchor\" id=\"\"><\/div>\r\n    <div class=\"lg:container lg:mx-auto w-auto lg:max-w-screen-xl px-6 lg:px-16  padding-top-1 padding-bottom-1\">\r\n\r\n        <div class=\"grid gap-8 md:gap-16 md:grid-cols-12\">\r\n\r\n\r\n            <div class=\"self-center lg:col-start-3 md:col-span-5 lg:col-span-4 relative \">\r\n\r\n                <img decoding=\"async\" data-zoom=\"0.5\" loading=\"lazy\" class=\"mix-blend-multiply zoom-element image-style mobile:scale-100 aspect-auto  \"\r\n                     src=\"https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/04\/stock-photo-bright-and-sunny-landscape-combines-with-her-healthy-look-1314599870-transformed-1-1024x1024.png\" alt=\"\">\r\n\r\n\r\n\r\n            <\/div>\r\n\r\n            <div class=\"md:col-span-7 lg:col-span-4\" >\r\n                <div data-aos=\"fade-up\">\r\n\t\t\t\t<h2>Economisch, ecologisch \u00e9n maatschappelijk succes<\/h2>\n<p style=\"text-align: justify\">Succes is voor ons nauw verbonden met een gevoel van economische, ecologische en maatschappelijke verantwoordelijkheid. Dit houdt in dat we kritisch kijken naar onze eigen bedrijfsvoering en hoe we ons inzetten voor maatschappelijk verantwoord ondernemen.<\/p>\n                <\/div>\r\n\r\n\t                            <div class=\"pt-8 grid gap-4 grid-cols-2\" data-aos=\"fade-up\" >\r\n\t\t\t                                <div class=\"cijfer\">\r\n                        <p class=\"font-bold text-2xl md:text-3xl lg:big-1 mb-0\">75%<\/p>\r\n                        <p>Elektrisch wagenpark<\/p>\r\n\r\n                    <\/div>\r\n\t\t\t                                <div class=\"cijfer\">\r\n                        <p class=\"font-bold text-2xl md:text-3xl lg:big-1 mb-0\">70%<\/p>\r\n                        <p>minder afvalstromen van alle verpakkingsmaterialen<\/p>\r\n\r\n                    <\/div>\r\n\t\t\t                                <div class=\"cijfer\">\r\n                        <p class=\"font-bold text-2xl md:text-3xl lg:big-1 mb-0\">57,6<\/p>\r\n                        <p>ton CO2 footprint in 2023<\/p>\r\n\r\n                    <\/div>\r\n\t\t\t                                <div class=\"cijfer\">\r\n                        <p class=\"font-bold text-2xl md:text-3xl lg:big-1 mb-0\">+25 jaar<\/p>\r\n                        <p>lange levensduur van onze producten<\/p>\r\n\r\n                    <\/div>\r\n\t\t\t                                <\/div>\r\n\t            \r\n\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\n\n\r\n\r\n<div class=\"rg-blok contentslider-blok  margin-top- margin-bottom-  relative w-full h-full bg-donkerblauw donkerblauw text-wit \">\r\n    <div class=\"anchor\" id=\"\"><\/div>\r\n    <div class=\" lg:container lg:mx-auto lg:max-w-screen-xl w-auto px-6 lg:px-16 padding-top-1 padding-bottom-1\">\r\n\r\n        <div class=\"relative grid lg:grid-cols-12 gap-x-8 after:absolute after:block after:top-0 after:left-full after:w-screen after:h-full after:border-b-2 after:border-blauw mb-8\">\r\n            <div class=\" lg:col-span-7 lg:col-start-4  \">\r\n\t\t\t\t\r\n                    <h2>Sustainable Development Goals<\/h2>\r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t<p class=\"p-big\" style=\"text-align: justify\">De Sustainable Development Goals (SDG&#8217;s) zijn in 2015 door de Verenigde Naties vastgesteld als de nieuwe mondiale agenda om wereldwijd gezamenlijke inspanningen te leiden voor het bereiken van specifieke doelen in duurzame ontwikkeling tegen het jaar 2030.<\/p>\n\r\n\t\t\t\t            <\/div>\r\n            <div class=\"lg:col-span-9 lg:col-start-4 border-b-2 border-blauw pb-8 \">\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\t\t\r\n        <div class=\"lg:grid lg:grid-cols-12 gap-8 relative \">\r\n\r\n            <img decoding=\"async\" class=\"z-30 left-full top-0 absolute opacity-0 lg:opacity-100\"\r\n                 src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/x-blauw.svg\"\/>\r\n            <ul class=\"swiper-tabs mt-2 tablet:hidden lg:col-span-2 ml-0 mb-0 \"><\/ul>\r\n\r\n            <div class=\"swiper swiper-content overflow-visible lg:overflow-x-clip relative lg:col-span-7 lg:col-start-4 -mx-6 lg:mx-0 \">\r\n\r\n                <div class=\" swiper-wrapper  overflow-visible pt-2 pb-8 flex col-span-9 \">\r\n\r\n\t\t\t\t\t\r\n                        <div class=\" group swiper-slide  xs:w-11\/12 w-4\/5  px-6 lg:px-0 lg:w-full  transition-all duration-500 opacity-20 lg:opacity-0\" data-name=\"Gezondheid en Welzijn\">\r\n\r\n\r\n                            <div class=\"transition-all grid md:grid-cols-12 gap-8 \">\r\n\r\n\r\n\r\n\r\n                                <div class=\" relative md:col-span-6 h-[30vh]  md:h-[55vh] md:!max-h-[550px] rounded-lg \" >\r\n\r\n\r\n                                    <img decoding=\"async\" loading=\"lazy\"\r\n                                         class=\"z-10 h-full w-full object-cover rounded-lg  transition-all\"\r\n                                         src=\"\r\n                                      https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/04\/Rectangle-30-1024x616.png                                     \"\r\n                                         alt=\"\">\r\n                                    <img decoding=\"async\" loading=\"lazy\"\r\n                                         class=\"z-10 bottom-0 right-0 md:w-2\/5 md:h-auto h-3\/5 w-auto rounded-md  rounded-br-lg absolute\"\r\n                                         src=\"\r\n                                      https:\/\/triflexsteps.be\/wp-content\/uploads\/2024\/04\/Objectif-3.svg                                     \"\r\n                                         alt=\"\">\r\n                                <\/div>\r\n\r\n                                <div class=\"md:col-span-6  \">\r\n                                    <p class=\"xl:text-lg font-bold\">Goede gezondheid en welzijn voor onze medewerkers en gebruikers van onze producten<\/p>\r\n\t                                <p>Wij vinden een goede gezondheid en welzijn belangrijk voor onze medewerkers en klanten. We willen onze medewerkers stimuleren een gezonde levensstijl te volgen. Dit vermindert het risico op ziektes en bevordert hun welzijn.<\/p>\n<p>Naast onze eigen medewerkers geven wij ook om de gezondheid van onze klanten. Daarom onderwerpen wij al onze producten en applicaties afzonderlijk aan strenge kwaliteitscontroles, waaronder ISO-certificering, CE-keurmerk en externe controles.<\/p>\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n\r\n                        <\/div>\r\n\r\n\t\t\t\t\t\r\n                        <div class=\" group swiper-slide  xs:w-11\/12 w-4\/5  px-6 lg:px-0 lg:w-full  transition-all duration-500 opacity-20 lg:opacity-0\" data-name=\"Duurzame steden\">\r\n\r\n\r\n                            <div class=\"transition-all grid md:grid-cols-12 gap-8 \">\r\n\r\n\r\n\r\n\r\n                                <div class=\" relative md:col-span-6 h-[30vh]  md:h-[55vh] md:!max-h-[550px] rounded-lg \" >\r\n\r\n\r\n                                    <img decoding=\"async\" loading=\"lazy\"\r\n                                         class=\"z-10 h-full w-full object-cover rounded-lg  transition-all\"\r\n                                         src=\"\r\n                                      https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/05\/shutterstock_1984038581-bewerkt-1024x683.png                                     \"\r\n                                         alt=\"\">\r\n                                    <img decoding=\"async\" loading=\"lazy\"\r\n                                         class=\"z-10 bottom-0 right-0 md:w-2\/5 md:h-auto h-3\/5 w-auto rounded-md  rounded-br-lg absolute\"\r\n                                         src=\"\r\n                                      https:\/\/triflexsteps.be\/wp-content\/uploads\/2024\/04\/Objectif-11.svg                                     \"\r\n                                         alt=\"\">\r\n                                <\/div>\r\n\r\n                                <div class=\"md:col-span-6  \">\r\n                                    <p class=\"xl:text-lg font-bold\">Met onze producten bevorderen wij de duurzaamheid steden en gemeenschappen<\/p>\r\n\t                                <p>Met een levensduur van meer dan 25 jaar hebben onze producten een aanzienlijke impact op de duurzaamheid van steden en gemeentes. Het beschouwen van onze ecologische voetafdruk als een verantwoordelijkheid naar de toekomstige generaties toe is voor ons van groot belang. Daarom houden wij tijdens ons productieproces rekening met het behoud van hulpbronnen en streven we naar het vermijden van milieuvervuiling.<\/p>\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n\r\n                        <\/div>\r\n\r\n\t\t\t\t\t\r\n                        <div class=\" group swiper-slide  xs:w-11\/12 w-4\/5  px-6 lg:px-0 lg:w-full  transition-all duration-500 opacity-20 lg:opacity-0\" data-name=\"Klimaatactie\">\r\n\r\n\r\n                            <div class=\"transition-all grid md:grid-cols-12 gap-8 \">\r\n\r\n\r\n\r\n\r\n                                <div class=\" relative md:col-span-6 h-[30vh]  md:h-[55vh] md:!max-h-[550px] rounded-lg \" >\r\n\r\n\r\n                                    <img decoding=\"async\" loading=\"lazy\"\r\n                                         class=\"z-10 h-full w-full object-cover rounded-lg  transition-all\"\r\n                                         src=\"\r\n                                      https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/05\/pexels-tom-swinnen-695342-1024x645.jpg                                     \"\r\n                                         alt=\"\">\r\n                                    <img decoding=\"async\" loading=\"lazy\"\r\n                                         class=\"z-10 bottom-0 right-0 md:w-2\/5 md:h-auto h-3\/5 w-auto rounded-md  rounded-br-lg absolute\"\r\n                                         src=\"\r\n                                      https:\/\/triflexsteps.be\/wp-content\/uploads\/2024\/04\/Objectif-13.svg                                     \"\r\n                                         alt=\"\">\r\n                                <\/div>\r\n\r\n                                <div class=\"md:col-span-6  \">\r\n                                    <p class=\"xl:text-lg font-bold\">Klimaatactie met een focus op onze eigen organisatie en de keten waarin wij opereren<\/p>\r\n\t                                <p>In 2020 hebben wij, in samenwerking met De Duurzame Adviseurs, onze uitstoot geanalyseerd en doelen gesteld om deze aanzienlijk te verminderen. Op deze manier dragen wij bij aan het verkleinen van de wereldwijde ecologische voetafdruk.<\/p>\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n\r\n                        <\/div>\r\n\r\n\t\t\t\t\t\r\n                        <div class=\" group swiper-slide  xs:w-11\/12 w-4\/5  px-6 lg:px-0 lg:w-full  transition-all duration-500 opacity-20 lg:opacity-0\" data-name=\"MVO doe je samen\">\r\n\r\n\r\n                            <div class=\"transition-all grid md:grid-cols-12 gap-8 \">\r\n\r\n\r\n\r\n\r\n                                <div class=\" relative md:col-span-6 h-[30vh]  md:h-[55vh] md:!max-h-[550px] rounded-lg \" >\r\n\r\n\r\n                                    <img decoding=\"async\" loading=\"lazy\"\r\n                                         class=\"z-10 h-full w-full object-cover rounded-lg  transition-all\"\r\n                                         src=\"\r\n                                      https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/04\/Rectangle-63-1024x683.png                                     \"\r\n                                         alt=\"\">\r\n                                    <img decoding=\"async\" loading=\"lazy\"\r\n                                         class=\"z-10 bottom-0 right-0 md:w-2\/5 md:h-auto h-3\/5 w-auto rounded-md  rounded-br-lg absolute\"\r\n                                         src=\"\r\n                                      https:\/\/triflexsteps.be\/wp-content\/uploads\/2024\/04\/Objectif-17.svg                                     \"\r\n                                         alt=\"\">\r\n                                <\/div>\r\n\r\n                                <div class=\"md:col-span-6  \">\r\n                                    <p class=\"xl:text-lg font-bold\">Maatschappelijk verantwoord ondernemen doe je niet alleen<\/p>\r\n\t                                <p>Door het aangaan van partnerschappen streven wij naar het behalen van onze doelstellingen en dragen wij bij aan de bevordering van duurzame ontwikkeling.<\/p>\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n\r\n                        <\/div>\r\n\r\n\t\t\t\t\t\r\n\r\n\r\n                <\/div>\r\n\r\n                <div class=\"swiper-button-next right-6 lg:right-2 -top-16 w-8 h-8 rounded bg-white hover:bg-lichtblauw transition-allhover:bg-lichtblauw transition-all \"><\/div>\r\n                <div class=\"swiper-button-prev left-auto right-16 lg:right-12 -top-16 w-8 h-8 rounded bg-white hover:bg-lichtblauw transition-allhover:bg-lichtblauw transition-all \"><\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\t\t\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<script type=\"module\">\r\n\r\n    const swiper = new Swiper('.swiper-content', {\r\n        slideToClickedSlide: true,\r\n        slidesPerView: \"auto\",\r\n        grabCursor: true,\r\n        loop: true,\r\n        speed: 1000,\r\n        \/\/ mousewheel: {\r\n        \/\/     enabled: true,\r\n        \/\/     releaseOnEdges: true,\r\n        \/\/\r\n        \/\/ },\r\n        navigation: {\r\n            nextEl: \".swiper-button-next\",\r\n            prevEl: \".swiper-button-prev\",\r\n        },\r\n        pagination: {\r\n            el: '.swiper-tabs',\r\n            clickable: true,\r\n            renderBullet: function (index, className) {\r\n                var titles = [];\r\n                const swiperWrapper = document.querySelectorAll('.swiper-content .swiper-slide');\r\n                               swiperWrapper.forEach(function(element, i) {\r\n                    titles.push(element.dataset.name);\r\n                });\r\n\r\n                return '<li class=\"custom-nav text-right ' + className + '\">' + titles[index] + '<\/li>';\r\n            },\r\n        },\r\n\r\n    });\r\n\r\n\r\n<\/script>\r\n\r\n\r\n\r\n\n\n\r\n\r\n<div class=\"rg-blok projecten-blok    relative overflow-hidden w-full h-full bg-  text- \">\r\n    <div class=\"anchor\" id=\"\"><\/div>\r\n    <div class=\"lg:container lg:mx-auto lg:max-w-screen-xl w-auto px-6 lg:px-16  padding-top-1 padding-bottom-1\">\r\n\r\n        <div class=\"lg:grid grid-cols-12 gap-8 py-16 \">\r\n            <div class=\"  col-span-3   self-center\">\r\n                <h2>Duurzame projecten met Triflex oplossingen<\/h2>\r\n\t            <p class=\"p-big\">Naast de duurzaamheidsinitiatieven op het vlak van mensen, milieu en economie<a href=\"https:\/\/www.triflex.nl\/economie\" target=\"_blank\" rel=\"noopener\">\u00a0<\/a>vinden wij het van groot belang dat onze producten en systemen bijdragen aan de duurzaam gebouwde omgeving.<\/p>\n<p><a class=\"knop blauw\" href=\"https:\/\/triflexsteps.be\/duurzame-triflex-toepassingen\/\" target=\"_blank\" rel=\"noopener\">Alle projecten<\/a><\/p>\n            <\/div>\r\n            <div class=\" col-span-9\">\r\n\r\n\r\n\t\t\t\t                <div class=\"\">\r\n                <div class=\"swiper  overflow-visible lg:overflow-hidden tablet:z-300 projecten-slider relative  -mx-3\">\r\n                    <div class=\"swiper-wrapper overflow-visible pt-2 pb-8 \">\r\n\r\n\t\t\t\t\t\t\r\n\r\n                            <div class=\"swiper-slide post xs:w-11\/12 w-4\/5 md:w-2\/5  px-3 h-auto  lg:w-1\/3 \">\r\n\r\n\r\n                                <div class=\"h-[70vh] max-h-[400px] lg:max-h-[500px] group relative rounded-lg overflow-hidden bg-white h-full\">\r\n                                    <a href=\"https:\/\/triflexsteps.be\/fr\/projecten\/titel-van-het-project-4-7\/ \" class=\"block-link z-40\"><\/a>\r\n\r\n                                    <div class=\"z-10 image h-full w-full absolute overflow-hidden top-0 left-0\">\r\n                                        <img decoding=\"async\" loading=\"lazy\"\r\n                                             class=\"group-hover:scale-110 h-full w-full object-cover transition-all\"\r\n                                             src=\"  https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/05\/pexels-sam-forson-243138-1024x683.jpg\"\r\n                                             alt=\"\">\r\n                                        <div class=\"z-20 bg-gradient-to-b from-transparent  group-hover:to-white\/75 to-black\/50 transition-all absolute w-full h-full top-0 left-0\"><\/div>\r\n\r\n                                        <svg class=\"z-30 left-[25%] top-[-25%]  w-auto absolute group-hover:-translate-x-[75%] transition-all duration-500 ease-in-out\" height=\"150%\"\r\n                                              viewBox=\"0 0 819 987\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                            <path opacity=\"0.5\" d=\"M790.716 222.977C837.388 161.495 824.991 74.3346 763.004 28.0419C701.018 -18.2507 612.961 -5.95423 566.289 55.5282C564.831 57.5173 561.913 61.3148 561.913 61.3148L409.318 262.218L256.722 61.4956C256.722 61.4956 253.805 57.6982 252.347 55.709C205.675 -5.77339 117.8 -17.8891 55.8135 28.2228C-5.99048 74.5154 -18.3879 161.857 28.2841 223.158C29.7426 225.147 32.6597 228.945 32.6597 228.945L233.751 493.5L31.2012 760.225C31.2012 760.225 29.3782 762.757 28.4666 764.023C-18.2054 825.505 -5.80827 912.665 55.9957 958.958C117.982 1005.25 205.857 992.954 252.529 931.472C253.44 930.206 409.5 724.782 409.5 724.782L563.736 927.674C563.736 927.674 565.56 930.206 566.471 931.472C613.143 992.954 701.2 1005.07 763.186 958.958C824.99 912.665 837.388 825.324 790.716 764.023C789.804 762.757 787.981 760.225 787.981 760.225L585.432 493.5L786.522 228.945C786.522 228.945 789.44 225.147 790.898 223.158\" class=\"fill-blauw group-hover:fill-white transition-all\" \/>\r\n                                        <\/svg>\r\n\r\n\r\n                                    <\/div>\r\n\r\n                                    <div class=\"z-20 absolute text  xs:p-4 w-full h-full transition-all   flex flex-col \">\r\n                                        <div class=\"flex-1\"><\/div>\r\n                                        <div class=\"transition-all p-8 flex-0 duration-300\">\r\n                                            <p class=\"text-md group-hover:-translate-y-4 font-bold transition-all text-white group-hover:text-blauw  duration-500\">Waterdicht met Triflex Towersafe<\/p>\r\n<!--                                            <p class=\"line-clamp-2 \">--><!-- <\/p>-->\r\n\r\n\r\n\r\n                                            <img decoding=\"async\" class=\"translate-y-20 group-hover:-translate-y-4 transition-all duration-500\" src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/arrow-blauw.svg\"\/>\r\n\r\n\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n\r\n                            <\/div>\r\n\r\n\t\t\t\t\t\t\r\n\r\n                            <div class=\"swiper-slide post xs:w-11\/12 w-4\/5 md:w-2\/5  px-3 h-auto  lg:w-1\/3 \">\r\n\r\n\r\n                                <div class=\"h-[70vh] max-h-[400px] lg:max-h-[500px] group relative rounded-lg overflow-hidden bg-white h-full\">\r\n                                    <a href=\"https:\/\/triflexsteps.be\/fr\/projecten\/witte-daken\/ \" class=\"block-link z-40\"><\/a>\r\n\r\n                                    <div class=\"z-10 image h-full w-full absolute overflow-hidden top-0 left-0\">\r\n                                        <img decoding=\"async\" loading=\"lazy\"\r\n                                             class=\"group-hover:scale-110 h-full w-full object-cover transition-all\"\r\n                                             src=\"  https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/05\/Afmeting-Website-dak-6-1-1024x738.png\"\r\n                                             alt=\"\">\r\n                                        <div class=\"z-20 bg-gradient-to-b from-transparent  group-hover:to-white\/75 to-black\/50 transition-all absolute w-full h-full top-0 left-0\"><\/div>\r\n\r\n                                        <svg class=\"z-30 left-[25%] top-[-25%]  w-auto absolute group-hover:-translate-x-[75%] transition-all duration-500 ease-in-out\" height=\"150%\"\r\n                                              viewBox=\"0 0 819 987\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                            <path opacity=\"0.5\" d=\"M790.716 222.977C837.388 161.495 824.991 74.3346 763.004 28.0419C701.018 -18.2507 612.961 -5.95423 566.289 55.5282C564.831 57.5173 561.913 61.3148 561.913 61.3148L409.318 262.218L256.722 61.4956C256.722 61.4956 253.805 57.6982 252.347 55.709C205.675 -5.77339 117.8 -17.8891 55.8135 28.2228C-5.99048 74.5154 -18.3879 161.857 28.2841 223.158C29.7426 225.147 32.6597 228.945 32.6597 228.945L233.751 493.5L31.2012 760.225C31.2012 760.225 29.3782 762.757 28.4666 764.023C-18.2054 825.505 -5.80827 912.665 55.9957 958.958C117.982 1005.25 205.857 992.954 252.529 931.472C253.44 930.206 409.5 724.782 409.5 724.782L563.736 927.674C563.736 927.674 565.56 930.206 566.471 931.472C613.143 992.954 701.2 1005.07 763.186 958.958C824.99 912.665 837.388 825.324 790.716 764.023C789.804 762.757 787.981 760.225 787.981 760.225L585.432 493.5L786.522 228.945C786.522 228.945 789.44 225.147 790.898 223.158\" class=\"fill-blauw group-hover:fill-white transition-all\" \/>\r\n                                        <\/svg>\r\n\r\n\r\n                                    <\/div>\r\n\r\n                                    <div class=\"z-20 absolute text  xs:p-4 w-full h-full transition-all   flex flex-col \">\r\n                                        <div class=\"flex-1\"><\/div>\r\n                                        <div class=\"transition-all p-8 flex-0 duration-300\">\r\n                                            <p class=\"text-md group-hover:-translate-y-4 font-bold transition-all text-white group-hover:text-blauw  duration-500\">Energiebesparende daken<\/p>\r\n<!--                                            <p class=\"line-clamp-2 \">--><!-- <\/p>-->\r\n\r\n\r\n\r\n                                            <img decoding=\"async\" class=\"translate-y-20 group-hover:-translate-y-4 transition-all duration-500\" src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/arrow-blauw.svg\"\/>\r\n\r\n\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n\r\n                            <\/div>\r\n\r\n\t\t\t\t\t\t\r\n\r\n                            <div class=\"swiper-slide post xs:w-11\/12 w-4\/5 md:w-2\/5  px-3 h-auto  lg:w-1\/3 \">\r\n\r\n\r\n                                <div class=\"h-[70vh] max-h-[400px] lg:max-h-[500px] group relative rounded-lg overflow-hidden bg-white h-full\">\r\n                                    <a href=\"https:\/\/triflexsteps.be\/fr\/projecten\/isoleren-en-duurzaam-beschermen\/ \" class=\"block-link z-40\"><\/a>\r\n\r\n                                    <div class=\"z-10 image h-full w-full absolute overflow-hidden top-0 left-0\">\r\n                                        <img decoding=\"async\" loading=\"lazy\"\r\n                                             class=\"group-hover:scale-110 h-full w-full object-cover transition-all\"\r\n                                             src=\"  https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/05\/ss_herman-gorterhof-2-1024x738.png\"\r\n                                             alt=\"\">\r\n                                        <div class=\"z-20 bg-gradient-to-b from-transparent  group-hover:to-white\/75 to-black\/50 transition-all absolute w-full h-full top-0 left-0\"><\/div>\r\n\r\n                                        <svg class=\"z-30 left-[25%] top-[-25%]  w-auto absolute group-hover:-translate-x-[75%] transition-all duration-500 ease-in-out\" height=\"150%\"\r\n                                              viewBox=\"0 0 819 987\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                            <path opacity=\"0.5\" d=\"M790.716 222.977C837.388 161.495 824.991 74.3346 763.004 28.0419C701.018 -18.2507 612.961 -5.95423 566.289 55.5282C564.831 57.5173 561.913 61.3148 561.913 61.3148L409.318 262.218L256.722 61.4956C256.722 61.4956 253.805 57.6982 252.347 55.709C205.675 -5.77339 117.8 -17.8891 55.8135 28.2228C-5.99048 74.5154 -18.3879 161.857 28.2841 223.158C29.7426 225.147 32.6597 228.945 32.6597 228.945L233.751 493.5L31.2012 760.225C31.2012 760.225 29.3782 762.757 28.4666 764.023C-18.2054 825.505 -5.80827 912.665 55.9957 958.958C117.982 1005.25 205.857 992.954 252.529 931.472C253.44 930.206 409.5 724.782 409.5 724.782L563.736 927.674C563.736 927.674 565.56 930.206 566.471 931.472C613.143 992.954 701.2 1005.07 763.186 958.958C824.99 912.665 837.388 825.324 790.716 764.023C789.804 762.757 787.981 760.225 787.981 760.225L585.432 493.5L786.522 228.945C786.522 228.945 789.44 225.147 790.898 223.158\" class=\"fill-blauw group-hover:fill-white transition-all\" \/>\r\n                                        <\/svg>\r\n\r\n\r\n                                    <\/div>\r\n\r\n                                    <div class=\"z-20 absolute text  xs:p-4 w-full h-full transition-all   flex flex-col \">\r\n                                        <div class=\"flex-1\"><\/div>\r\n                                        <div class=\"transition-all p-8 flex-0 duration-300\">\r\n                                            <p class=\"text-md group-hover:-translate-y-4 font-bold transition-all text-white group-hover:text-blauw  duration-500\">Isoleren en duurzaam beschermen<\/p>\r\n<!--                                            <p class=\"line-clamp-2 \">--><!-- <\/p>-->\r\n\r\n\r\n\r\n                                            <img decoding=\"async\" class=\"translate-y-20 group-hover:-translate-y-4 transition-all duration-500\" src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/arrow-blauw.svg\"\/>\r\n\r\n\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n\r\n                            <\/div>\r\n\r\n\t\t\t\t\t\t\r\n\r\n                            <div class=\"swiper-slide post xs:w-11\/12 w-4\/5 md:w-2\/5  px-3 h-auto  lg:w-1\/3 \">\r\n\r\n\r\n                                <div class=\"h-[70vh] max-h-[400px] lg:max-h-[500px] group relative rounded-lg overflow-hidden bg-white h-full\">\r\n                                    <a href=\"https:\/\/triflexsteps.be\/fr\/projecten\/duurzame-wegmarkeringen\/ \" class=\"block-link z-40\"><\/a>\r\n\r\n                                    <div class=\"z-10 image h-full w-full absolute overflow-hidden top-0 left-0\">\r\n                                        <img decoding=\"async\" loading=\"lazy\"\r\n                                             class=\"group-hover:scale-110 h-full w-full object-cover transition-all\"\r\n                                             src=\"  https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/06\/Wegmarkering-4-1024x768.png\"\r\n                                             alt=\"\">\r\n                                        <div class=\"z-20 bg-gradient-to-b from-transparent  group-hover:to-white\/75 to-black\/50 transition-all absolute w-full h-full top-0 left-0\"><\/div>\r\n\r\n                                        <svg class=\"z-30 left-[25%] top-[-25%]  w-auto absolute group-hover:-translate-x-[75%] transition-all duration-500 ease-in-out\" height=\"150%\"\r\n                                              viewBox=\"0 0 819 987\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                            <path opacity=\"0.5\" d=\"M790.716 222.977C837.388 161.495 824.991 74.3346 763.004 28.0419C701.018 -18.2507 612.961 -5.95423 566.289 55.5282C564.831 57.5173 561.913 61.3148 561.913 61.3148L409.318 262.218L256.722 61.4956C256.722 61.4956 253.805 57.6982 252.347 55.709C205.675 -5.77339 117.8 -17.8891 55.8135 28.2228C-5.99048 74.5154 -18.3879 161.857 28.2841 223.158C29.7426 225.147 32.6597 228.945 32.6597 228.945L233.751 493.5L31.2012 760.225C31.2012 760.225 29.3782 762.757 28.4666 764.023C-18.2054 825.505 -5.80827 912.665 55.9957 958.958C117.982 1005.25 205.857 992.954 252.529 931.472C253.44 930.206 409.5 724.782 409.5 724.782L563.736 927.674C563.736 927.674 565.56 930.206 566.471 931.472C613.143 992.954 701.2 1005.07 763.186 958.958C824.99 912.665 837.388 825.324 790.716 764.023C789.804 762.757 787.981 760.225 787.981 760.225L585.432 493.5L786.522 228.945C786.522 228.945 789.44 225.147 790.898 223.158\" class=\"fill-blauw group-hover:fill-white transition-all\" \/>\r\n                                        <\/svg>\r\n\r\n\r\n                                    <\/div>\r\n\r\n                                    <div class=\"z-20 absolute text  xs:p-4 w-full h-full transition-all   flex flex-col \">\r\n                                        <div class=\"flex-1\"><\/div>\r\n                                        <div class=\"transition-all p-8 flex-0 duration-300\">\r\n                                            <p class=\"text-md group-hover:-translate-y-4 font-bold transition-all text-white group-hover:text-blauw  duration-500\">Duurzame wegmarkeringen<\/p>\r\n<!--                                            <p class=\"line-clamp-2 \">--><!-- <\/p>-->\r\n\r\n\r\n\r\n                                            <img decoding=\"async\" class=\"translate-y-20 group-hover:-translate-y-4 transition-all duration-500\" src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/arrow-blauw.svg\"\/>\r\n\r\n\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n\r\n                            <\/div>\r\n\r\n\t\t\t\t\t\t\r\n\r\n                            <div class=\"swiper-slide post xs:w-11\/12 w-4\/5 md:w-2\/5  px-3 h-auto  lg:w-1\/3 \">\r\n\r\n\r\n                                <div class=\"h-[70vh] max-h-[400px] lg:max-h-[500px] group relative rounded-lg overflow-hidden bg-white h-full\">\r\n                                    <a href=\"https:\/\/triflexsteps.be\/fr\/projecten\/oplossingen-voor-de-infrastructuur\/ \" class=\"block-link z-40\"><\/a>\r\n\r\n                                    <div class=\"z-10 image h-full w-full absolute overflow-hidden top-0 left-0\">\r\n                                        <img decoding=\"async\" loading=\"lazy\"\r\n                                             class=\"group-hover:scale-110 h-full w-full object-cover transition-all\"\r\n                                             src=\"  https:\/\/triflexsteps.be\/wp-content\/uploads\/2023\/06\/Facebook_format-_4.2-1-1-1024x768.png\"\r\n                                             alt=\"\">\r\n                                        <div class=\"z-20 bg-gradient-to-b from-transparent  group-hover:to-white\/75 to-black\/50 transition-all absolute w-full h-full top-0 left-0\"><\/div>\r\n\r\n                                        <svg class=\"z-30 left-[25%] top-[-25%]  w-auto absolute group-hover:-translate-x-[75%] transition-all duration-500 ease-in-out\" height=\"150%\"\r\n                                              viewBox=\"0 0 819 987\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                            <path opacity=\"0.5\" d=\"M790.716 222.977C837.388 161.495 824.991 74.3346 763.004 28.0419C701.018 -18.2507 612.961 -5.95423 566.289 55.5282C564.831 57.5173 561.913 61.3148 561.913 61.3148L409.318 262.218L256.722 61.4956C256.722 61.4956 253.805 57.6982 252.347 55.709C205.675 -5.77339 117.8 -17.8891 55.8135 28.2228C-5.99048 74.5154 -18.3879 161.857 28.2841 223.158C29.7426 225.147 32.6597 228.945 32.6597 228.945L233.751 493.5L31.2012 760.225C31.2012 760.225 29.3782 762.757 28.4666 764.023C-18.2054 825.505 -5.80827 912.665 55.9957 958.958C117.982 1005.25 205.857 992.954 252.529 931.472C253.44 930.206 409.5 724.782 409.5 724.782L563.736 927.674C563.736 927.674 565.56 930.206 566.471 931.472C613.143 992.954 701.2 1005.07 763.186 958.958C824.99 912.665 837.388 825.324 790.716 764.023C789.804 762.757 787.981 760.225 787.981 760.225L585.432 493.5L786.522 228.945C786.522 228.945 789.44 225.147 790.898 223.158\" class=\"fill-blauw group-hover:fill-white transition-all\" \/>\r\n                                        <\/svg>\r\n\r\n\r\n                                    <\/div>\r\n\r\n                                    <div class=\"z-20 absolute text  xs:p-4 w-full h-full transition-all   flex flex-col \">\r\n                                        <div class=\"flex-1\"><\/div>\r\n                                        <div class=\"transition-all p-8 flex-0 duration-300\">\r\n                                            <p class=\"text-md group-hover:-translate-y-4 font-bold transition-all text-white group-hover:text-blauw  duration-500\">Oplossingen voor de infrastructuur<\/p>\r\n<!--                                            <p class=\"line-clamp-2 \">--><!-- <\/p>-->\r\n\r\n\r\n\r\n                                            <img decoding=\"async\" class=\"translate-y-20 group-hover:-translate-y-4 transition-all duration-500\" src=\"https:\/\/triflexsteps.be\/wp-content\/themes\/triflex\/images\/arrow-blauw.svg\"\/>\r\n\r\n\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n\r\n                            <\/div>\r\n\r\n\t\t\t\t\t\t\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"swiper-button-next right-6 w-8 h-8 rounded bg-white hover:bg-lichtblauw transition-alltext-blauw \"><\/div>\r\n                    <div class=\"swiper-button-prev left-6 w-8 h-8 rounded bg-white hover:bg-lichtblauw transition-alltext-blauw   \"><\/div>\r\n\r\n                    <div class=\"mx-auto w-1\/2 relative  \">\r\n                        <div class=\"swiper-pagination bottom-0 top-auto rounded-2xl overflow-hidden \"><\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n\t\t\r\n\r\n        <script type=\"module\">\r\n\r\n\r\n            const swiper = new Swiper(\".projecten-slider\", {\r\n                slidesPerView: \"auto\",\r\n                loop: false,\r\n                autoplay: false,\r\n                navigation: {\r\n                    nextEl: \".swiper-button-next\",\r\n                    prevEl: \".swiper-button-prev\",\r\n                },\r\n                pagination: {\r\n                    el: \".swiper-pagination\",\r\n                    type: \"progressbar\",\r\n                },\r\n                grabCursor: true,\r\n\r\n            });\r\n        <\/script>\r\n\r\n\r\n    <\/div>\r\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-367","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>TriflexSteps - TriflexSteps<\/title>\n<meta name=\"description\" content=\"Bij Triflex staan we voor Sustainable togethe, maar duurzaamheid is een breed begrip; Ontdek hier hoe we dit invullen binnen Triflex.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/triflexsteps.be\/fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TriflexSteps - TriflexSteps\" \/>\n<meta property=\"og:description\" content=\"Bij Triflex staan we voor Sustainable togethe, maar duurzaamheid is een breed begrip; Ontdek hier hoe we dit invullen binnen Triflex.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/triflexsteps.be\/fr\/\" \/>\n<meta property=\"og:site_name\" content=\"TriflexSteps\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-28T08:46:42+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/triflexsteps.be\\\/\",\"url\":\"https:\\\/\\\/triflexsteps.be\\\/\",\"name\":\"TriflexSteps - TriflexSteps\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/triflexsteps.be\\\/#website\"},\"datePublished\":\"2023-03-15T15:16:38+00:00\",\"dateModified\":\"2025-01-28T08:46:42+00:00\",\"description\":\"Bij Triflex staan we voor Sustainable togethe, maar duurzaamheid is een breed begrip; Ontdek hier hoe we dit invullen binnen Triflex.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/triflexsteps.be\\\/#breadcrumb\"},\"inLanguage\":\"fr-BE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/triflexsteps.be\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/triflexsteps.be\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/triflexsteps.be\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TriflexSteps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/triflexsteps.be\\\/#website\",\"url\":\"https:\\\/\\\/triflexsteps.be\\\/\",\"name\":\"TriflexSteps\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/triflexsteps.be\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-BE\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TriflexSteps - TriflexSteps","description":"Chez Triflex, nous sommes synonymes de durabilit\u00e9, mais la durabilit\u00e9 est un terme large. D\u00e9couvrez ici comment nous l'interpr\u00e9tons au sein de Triflex.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/triflexsteps.be\/fr\/","og_locale":"fr_FR","og_type":"article","og_title":"TriflexSteps - TriflexSteps","og_description":"Bij Triflex staan we voor Sustainable togethe, maar duurzaamheid is een breed begrip; Ontdek hier hoe we dit invullen binnen Triflex.","og_url":"https:\/\/triflexsteps.be\/fr\/","og_site_name":"TriflexSteps","article_modified_time":"2025-01-28T08:46:42+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/triflexsteps.be\/","url":"https:\/\/triflexsteps.be\/","name":"TriflexSteps - TriflexSteps","isPartOf":{"@id":"https:\/\/triflexsteps.be\/#website"},"datePublished":"2023-03-15T15:16:38+00:00","dateModified":"2025-01-28T08:46:42+00:00","description":"Chez Triflex, nous sommes synonymes de durabilit\u00e9, mais la durabilit\u00e9 est un terme large. D\u00e9couvrez ici comment nous l'interpr\u00e9tons au sein de Triflex.","breadcrumb":{"@id":"https:\/\/triflexsteps.be\/#breadcrumb"},"inLanguage":"fr-BE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/triflexsteps.be\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/triflexsteps.be\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/triflexsteps.be\/"},{"@type":"ListItem","position":2,"name":"TriflexSteps"}]},{"@type":"WebSite","@id":"https:\/\/triflexsteps.be\/#website","url":"https:\/\/triflexsteps.be\/","name":"TriflexSteps","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/triflexsteps.be\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-BE"}]}},"_links":{"self":[{"href":"https:\/\/triflexsteps.be\/fr\/wp-json\/wp\/v2\/pages\/367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/triflexsteps.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/triflexsteps.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/triflexsteps.be\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/triflexsteps.be\/fr\/wp-json\/wp\/v2\/comments?post=367"}],"version-history":[{"count":16,"href":"https:\/\/triflexsteps.be\/fr\/wp-json\/wp\/v2\/pages\/367\/revisions"}],"predecessor-version":[{"id":2579,"href":"https:\/\/triflexsteps.be\/fr\/wp-json\/wp\/v2\/pages\/367\/revisions\/2579"}],"wp:attachment":[{"href":"https:\/\/triflexsteps.be\/fr\/wp-json\/wp\/v2\/media?parent=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}