Międzynarodowe Targi Dachów

<!DOCTYPE html> <html class="no-touch" lang="pl-PL" xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script><script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="1.2.6",this.triggerEvents=["keydown","mousedown","mousemove","touchmove","touchstart","touchend","wheel"],this.userEventHandler=this.t.bind(this),this.touchStartHandler=this.i.bind(this),this.touchMoveHandler=this.o.bind(this),this.touchEndHandler=this.h.bind(this),this.clickHandler=this.u.bind(this),this.interceptedClicks=[],this.interceptedClickListeners=[],this.l(this),window.addEventListener("pageshow",(t=>{this.persisted=t.persisted,this.everythingLoaded&&this.m()})),this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",(t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))})),document.addEventListener("DOMContentLoaded",(()=>{this.k()})),this.delayedScripts={normal:[],async:[],defer:[]},this.trash=[],this.allJQueries=[]}p(t){document.hidden?t.t():(this.triggerEvents.forEach((e=>window.addEventListener(e,t.userEventHandler,{passive:!0}))),window.addEventListener("touchstart",t.touchStartHandler,{passive:!0}),window.addEventListener("mousedown",t.touchStartHandler),document.addEventListener("visibilitychange",t.userEventHandler))}_(){this.triggerEvents.forEach((t=>window.removeEventListener(t,this.userEventHandler,{passive:!0}))),document.removeEventListener("visibilitychange",this.userEventHandler)}i(t){"HTML"!==t.target.tagName&&(window.addEventListener("touchend",this.touchEndHandler),window.addEventListener("mouseup",this.touchEndHandler),window.addEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.addEventListener("mousemove",this.touchMoveHandler),t.target.addEventListener("click",this.clickHandler),this.L(t.target,!0),this.S(t.target,"onclick","rocket-onclick"),this.C())}o(t){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler),t.target.removeEventListener("click",this.clickHandler),this.L(t.target,!1),this.S(t.target,"rocket-onclick","onclick"),this.M()}h(){window.removeEventListener("touchend",this.touchEndHandler),window.removeEventListener("mouseup",this.touchEndHandler),window.removeEventListener("touchmove",this.touchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",this.touchMoveHandler)}u(t){t.target.removeEventListener("click",this.clickHandler),this.L(t.target,!1),this.S(t.target,"rocket-onclick","onclick"),this.interceptedClicks.push(t),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.M()}O(){window.removeEventListener("touchstart",this.touchStartHandler,{passive:!0}),window.removeEventListener("mousedown",this.touchStartHandler),this.interceptedClicks.forEach((t=>{t.target.dispatchEvent(new MouseEvent("click",{view:t.view,bubbles:!0,cancelable:!0}))}))}l(t){EventTarget.prototype.addEventListenerWPRocketBase=EventTarget.prototype.addEventListener,EventTarget.prototype.addEventListener=function(e,i,o){"click"!==e||t.windowLoaded||i===t.clickHandler||t.interceptedClickListeners.push({target:this,func:i,options:o}),(this||window).addEventListenerWPRocketBase(e,i,o)}}L(t,e){this.interceptedClickListeners.forEach((i=>{i.target===t&&(e?t.removeEventListener("click",i.func,i.options):t.addEventListener("click",i.func,i.options))})),t.parentNode!==document.documentElement&&this.L(t.parentNode,e)}D(){return new Promise((t=>{this.P?this.M=t:t()}))}C(){this.P=!0}M(){this.P=!1}S(t,e,i){t.hasAttribute&&t.hasAttribute(e)&&(event.target.setAttribute(i,event.target.getAttribute(e)),event.target.removeAttribute(e))}t(){this._(this),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",this.R.bind(this)):this.R()}k(){let t=[];document.querySelectorAll("script[type=rocketlazyloadscript][data-rocket-src]").forEach((e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){0===i.indexOf("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}})),t=[...new Map(t.map((t=>[JSON.stringify(t),t]))).values()],this.T(t,"preconnect")}async R(){this.lastBreath=Date.now(),this.j(this),this.F(this),this.I(),this.W(),this.q(),await this.A(this.delayedScripts.normal),await this.A(this.delayedScripts.defer),await this.A(this.delayedScripts.async);try{await this.U(),await this.H(this),await this.J()}catch(t){console.error(t)}window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.D().then((()=>{this.O()})),this.N()}W(){document.querySelectorAll("script[type=rocketlazyloadscript]").forEach((t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)}))}async B(t){if(await this.G(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise((e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.indexOf("Firefox/")>0||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach((t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))})),t.text&&(i.text=t.text),i.hasAttribute("src")?(i.addEventListener("load",o),i.addEventListener("error",(function(){i.setAttribute("data-rocket-status","failed-network"),e()})),setTimeout((()=>{i.isConnected||e()}),1)):(i.text=t.text,o()),t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o),t.addEventListener("error",(i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: data-uri blocked by CSP -> fallback"),t.removeAttribute("src"),this.B(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())})),s?(t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}}));t.setAttribute("data-rocket-status","skipped")}async A(t){const e=t.shift();return e&&e.isConnected?(await this.B(e),this.A(t)):Promise.resolve()}q(){this.T([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}T(t,e){var i=document.createDocumentFragment();t.forEach((t=>{const o=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(o&&!o.startsWith("data:")){const s=document.createElement("link");s.href=o,s.rel=e,"preconnect"!==e&&(s.as="script"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(s.crossOrigin=!0),t.crossOrigin&&(s.crossOrigin=t.crossOrigin),t.integrity&&(s.integrity=t.integrity),i.appendChild(s),this.trash.push(s)}})),document.head.appendChild(i)}j(t){let e={};function i(i,o){return e[o].eventsToRewrite.indexOf(i)>=0&&!t.everythingLoaded?"rocket-"+i:i}function o(t,o){!function(t){e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},eventsToRewrite:[]},t.addEventListener=function(){arguments[0]=i(arguments[0],t),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=i(arguments[0],t),e[t].originalFunctions.remove.apply(t,arguments)})}(t),e[t].eventsToRewrite.push(o)}function s(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o||function(){},set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}o(document,"DOMContentLoaded"),o(window,"DOMContentLoaded"),o(window,"load"),o(window,"pageshow"),o(document,"readystatechange"),s(document,"onreadystatechange"),s(window,"onload"),s(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}F(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map((t=>"load"===t||0===t.indexOf("load.")?"rocket-jquery-load":t)).join(" ")}function o(o){function s(t){const e=o.fn[t];o.fn[t]=o.fn.init.prototype[t]=function(){return this[0]===window&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach((t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e}))),e.apply(this,arguments),this}}o&&o.fn&&!t.allJQueries.includes(o)&&(o.fn.ready=o.fn.init.prototype.ready=function(e){return t.domReadyFired?e.bind(document)(o):document.addEventListener("rocket-DOMContentLoaded",(()=>e.bind(document)(o))),o([])},s("on"),s("one"),t.allJQueries.push(o)),e=o}o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}async H(t){const e=document.querySelector("script[data-webpack]");e&&(await async function(){return new Promise((t=>{e.addEventListener("load",t),e.addEventListener("error",t)}))}(),await t.K(),await t.H(t))}async U(){this.domReadyFired=!0;try{document.readyState="interactive"}catch(t){}await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.G(),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}async J(){try{document.readyState="complete"}catch(t){}await this.G(),document.dispatchEvent(new Event("rocket-readystatechange")),await this.G(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.G(),window.dispatchEvent(new Event("rocket-load")),await this.G(),window.rocketonload&&window.rocketonload(),await this.G(),this.allJQueries.forEach((t=>t(window).trigger("rocket-jquery-load"))),await this.G();const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.G(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted}),this.windowLoaded=!0}m(){document.onreadystatechange&&document.onreadystatechange(),window.onload&&window.onload(),window.onpageshow&&window.onpageshow({persisted:this.persisted})}I(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript;i||console.error("WPRocket unable to document.write this: "+e);const o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async G(){Date.now()-this.lastBreath>45&&(await this.K(),this.lastBreath=Date.now())}async K(){return document.hidden?new Promise((t=>setTimeout(t))):new Promise((t=>requestAnimationFrame(t)))}N(){this.trash.forEach((t=>t.remove()))}static run(){const t=new RocketLazyLoadScripts;t.p(t)}}RocketLazyLoadScripts.run()})();</script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://roofexpo.pl/xmlrpc.php">  <script type="text/javascript"> // create dataLayer window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } // set „denied" as default for both ad and analytics storage, as well as ad_user_data and ad_personalization, gtag("consent", "default", { ad_user_data: "denied", ad_personalization: "denied", ad_storage: "denied", analytics_storage: "denied", wait_for_update: 2000 // milliseconds to wait for update }); // Enable ads data redaction by default [optional] gtag("set", "ads_data_redaction", true); </script> <script type="text/javascript"> // Google Tag Manager (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KBC984B'); </script>  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <link rel="alternate" hreflang="pl" href="https://roofexpo.pl" /> <link rel="alternate" hreflang="en" href="https://roofexpo.pl/en/" /> <link rel="alternate" hreflang="x-default" href="https://roofexpo.pl" /> <style> :root { --accent-color: #1f3e70; --main2-color: #00a878; } </style>  <title>Międzynarodowe Targi Dachów - Roof Expo!</title><link rel="preload" data-rocket-preload as="style" href="https://fonts.googleapis.com/css?family=Inter%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900%7CMontserrat%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&subset=cyrillic%2Ccyrillic-ext%2Cgreek%2Cgreek-ext%2Clatin%2Clatin-ext%2Cvietnamese&display=swap" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900%7CMontserrat%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&subset=cyrillic%2Ccyrillic-ext%2Cgreek%2Cgreek-ext%2Clatin%2Clatin-ext%2Cvietnamese&display=swap" media="print" onload="this.media='all'" /><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900%7CMontserrat%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&subset=cyrillic%2Ccyrillic-ext%2Cgreek%2Cgreek-ext%2Clatin%2Clatin-ext%2Cvietnamese&display=swap" /></noscript><link rel="preload" data-rocket-preload as="image" href="https://roofexpo.pl/doc/background.webp" fetchpriority="high"> <meta name="description" content="Niewiele jest wydarzeń w Europie tak precyzyjnie odpowiadających potrzebom branży dachowej jak Roof Expo. Sprawdź kompleksową ofertę na targach!" /> <link rel="canonical" href="https://roofexpo.pl/" /> <meta property="og:locale" content="pl_PL" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Roof Expo" /> <meta property="og:description" content="Międzynarodowe Targi Dachów" /> <meta property="og:url" content="https://roofexpo.pl/" /> <meta property="og:site_name" content="Roof Expo" /> <meta property="article:modified_time" content="2025-01-14T14:53:31+00:00" /> <meta property="og:image" content="https://roofexpo.pl/wp-content/uploads/2023/05/roof_mailing.jpg" /> <meta property="og:image:width" content="600" /> <meta property="og:image:height" content="300" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Roof Expo" /> <meta name="twitter:description" content="Międzynarodowe Targi Dachów" /> <meta name="twitter:image" content="https://roofexpo.pl/wp-content/uploads/2023/05/roof_mailing.jpg" /> <meta name="twitter:label1" content="Szacowany czas czytania" /> <meta name="twitter:data1" content="4 minuty" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://roofexpo.pl/#website","url":"https://roofexpo.pl/","name":"Roof Expo","description":"Mi\u0119dzynarodowe Targi Dach\u00f3w","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://roofexpo.pl/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"ImageObject","@id":"https://roofexpo.pl/#primaryimage","inLanguage":"pl-PL","url":"https://roofexpo.pl/wp-content/uploads/2023/05/roof_mailing.jpg","contentUrl":"https://roofexpo.pl/wp-content/uploads/2023/05/roof_mailing.jpg","width":600,"height":300},{"@type":"WebPage","@id":"https://roofexpo.pl/#webpage","url":"https://roofexpo.pl/","name":"Mi\u0119dzynarodowe Targi Dach\u00f3w - Roof Expo!","isPartOf":{"@id":"https://roofexpo.pl/#website"},"primaryImageOfPage":{"@id":"https://roofexpo.pl/#primaryimage"},"datePublished":"2019-10-21T13:48:46+00:00","dateModified":"2025-01-14T14:53:31+00:00","description":"Niewiele jest wydarze\u0144 w Europie tak precyzyjnie odpowiadaj\u0105cych potrzebom bran\u017cy dachowej jak Roof Expo. Sprawd\u017a kompleksow\u0105 ofert\u0119 na targach!","breadcrumb":{"@id":"https://roofexpo.pl/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https://roofexpo.pl/"]}]},{"@type":"BreadcrumbList","@id":"https://roofexpo.pl/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna"}]}]}</script>  <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> <link rel="alternate" type="application/rss+xml" title="Roof Expo » Kanał z wpisami" href="https://roofexpo.pl/feed/" /> <link rel="alternate" type="application/rss+xml" title="Roof Expo » Kanał z komentarzami" href="https://roofexpo.pl/comments/feed/" /> <link data-minify="1" rel='stylesheet' id='nav-menu-css-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/includes/nav-menu/assets/style.css?ver=1739365844' type='text/css' media='all' /> <link rel='stylesheet' id='pwelement-css-css' href='https://roofexpo.pl/wp-content/plugins/PWElements/elements/css/style.css?ver=1739285157' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='pwe-katalog-css-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/includes/katalog-wystawcow/assets/katalog.css?ver=1739365844' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='pwe-exhibitor-generator-css-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/includes/exhibitor-generator/assets/exhibitor-generator-style.css?ver=1739365844' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='pwe-media-gallery-css-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/includes/media-gallery/assets/media-gallery.css?ver=1739365844' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='pwe-main-styles-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/pwe-style.css?ver=1739365844' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='my-custom-element-css-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/custom-element/my-custom-element/css/style.css?ver=1739365844' type='text/css' media='all' /> <link rel='stylesheet' id='wpml-menu-item-0-css' href='//roofexpo.pl/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/menu-item/style.min.css?ver=1' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='uncode-style-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/themes/uncode/library/css/style.css?ver=1739365844' type='text/css' media='all' /> <style id='uncode-style-inline-css' type='text/css'> @media (max-width: 959px) { .navbar-brand > * { height: 60px !important;}} @media (min-width: 960px) { .limit-width { max-width: 1200px; margin: auto;}} .menu-primary ul.menu-smart > li > a, .menu-primary ul.menu-smart li.dropdown > a, .menu-primary ul.menu-smart li.mega-menu > a, .vmenu-container ul.menu-smart > li > a, .vmenu-container ul.menu-smart li.dropdown > a { text-transform: uppercase; } body.menu-custom-padding .col-lg-0.logo-container, body.menu-custom-padding .col-lg-2.logo-container, body.menu-custom-padding .col-lg-12 .logo-container, body.menu-custom-padding .col-lg-4.logo-container { padding-top: 27px; padding-bottom: 27px; } body.menu-custom-padding .col-lg-0.logo-container.shrinked, body.menu-custom-padding .col-lg-2.logo-container.shrinked, body.menu-custom-padding .col-lg-12 .logo-container.shrinked, body.menu-custom-padding .col-lg-4.logo-container.shrinked { padding-top: 18px; padding-bottom: 18px; } @media (max-width: 959px) { body.menu-custom-padding .menu-container .logo-container { padding-top: 9px !important; padding-bottom: 9px !important; } } #changer-back-color { transition: background-color 1000ms cubic-bezier(0.25, 1, 0.5, 1) !important; } #changer-back-color > div { transition: opacity 1000ms cubic-bezier(0.25, 1, 0.5, 1) !important; } body.bg-changer-init.disable-hover .main-wrapper .style-light, body.bg-changer-init.disable-hover .main-wrapper .style-light h1, body.bg-changer-init.disable-hover .main-wrapper .style-light h2, body.bg-changer-init.disable-hover .main-wrapper .style-light h3, body.bg-changer-init.disable-hover .main-wrapper .style-light h4, body.bg-changer-init.disable-hover .main-wrapper .style-light h5, body.bg-changer-init.disable-hover .main-wrapper .style-light h6, body.bg-changer-init.disable-hover .main-wrapper .style-light a, body.bg-changer-init.disable-hover .main-wrapper .style-dark, body.bg-changer-init.disable-hover .main-wrapper .style-dark h1, body.bg-changer-init.disable-hover .main-wrapper .style-dark h2, body.bg-changer-init.disable-hover .main-wrapper .style-dark h3, body.bg-changer-init.disable-hover .main-wrapper .style-dark h4, body.bg-changer-init.disable-hover .main-wrapper .style-dark h5, body.bg-changer-init.disable-hover .main-wrapper .style-dark h6, body.bg-changer-init.disable-hover .main-wrapper .style-dark a { transition: color 1000ms cubic-bezier(0.25, 1, 0.5, 1) !important; } body.bg-changer-init.disable-hover .main-wrapper .heading-text-highlight-inner { transition-property: right, background; transition-duration: 1000ms } </style> <link data-minify="1" rel='stylesheet' id='uncode-custom-style-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/themes/uncode/library/css/style-custom.css?ver=1739365844' type='text/css' media='all' /> <style id='uncode-custom-style-inline-css' type='text/css'> @media(min-width:960px){body.home #masthead:not(.is_stuck) .menu-container {position:absolute !important;background-color:transparent !important;}body.home .menu-wrapper {position:absolute !important;}header .drop-menu{margin-top:12px !important;}header .menu-container .row-menu-inner {display:flex !important;justify-content:center !important;align-items:center !important;}header #logo-container-mobile {padding:0 !important;}header .logo-container-mobile {max-width:20px !important;padding:0 !important;}header .menu-container .logo-image {width:100% !important;display:flex !important;justify-content:center !important;align-items:center !important;max-width:450px;}header .menu-container .logo-image img {width:100% !important;height:auto !important;max-width:100% !important;}header .menu-item-button .menu-btn-container {padding:10px 10px !important;border-radius:10px !important;}header #menu-menu-pl, header .navbar-nav-last, header .menu-horizontal-inner, header #logo-container-mobile {display:flex;justify-content:flex-end;align-items:center;}header .navbar-main, header .navbar-nav-last { min-width:auto !important;}header .menu-smart-social {padding:0 !important;}header .logo-container {min-height:80px !important;}header .wpml-ls-item img { min-width:15px !important; } }@media (min-width:1100px) and (max-width:1400px) {header .navbar-main ul li a {font-size:10px !important;}header .menu-item-button .menu-btn-container {padding:12px 15px !important;font-size:11px !important;}}@media (min-width:960px) and (max-width:1099px) {header .menu-horizontal-inner {display:flex;align-items:stretch;} header .menu-container .logo-image {max-width:280px;}header .navbar-main ul li a {font-size:10px !important;}header .menu-item-button .menu-btn-container {padding:12px 8px !important;font-size:10px !important;}}@media (max-width:960px){header #logo-container-mobile {padding:5px 5px 10px 5px !important;}header .logo-container .navbar-header {display:flex !important;align-items:center;}header .logo-image {width:50%;height:45px !important;max-width:270px;}header .logo-image img {object-fit:contain !important;}header .mobile-menu-button {padding:0 12px !important;}}@media (max-width:620px){header .mmb-container { justify-content:flex-end !important;}}@media (max-width:480px){#main-logo .logo-image {display:flex;align-items:center;}#main-logo .navbar-brand img {height:80%;margin:0;}}@media (max-width:400px){#main-logo .navbar-brand img {height:80%;}}@media (max-width:380px){#main-logo .navbar-brand img {height:70%;}}.gfield_consent_description {overflow:auto !important;max-height:auto !important;border:none !important;display:none;}.show-consent:hover {cursor:pointer;}#mapa, #wystawcy, #konferencje, #patroni-medialni, #edycja-w-liczbach, #profil-odwiedzajacego, #profil-wystawcy, #zakres-branzowy, #faq, #stand, #voucher, #organizator, #download, #dojazd, #visitorsBenefits, #exhibitorsBenefits {scroll-margin-top:200px;} </style> <link rel='stylesheet' id='child-style-css' href='https://roofexpo.pl/wp-content/themes/uncode-child/style.css' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='uncode-icons-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/themes/uncode/library/css/uncode-icons.css?ver=1739365844' type='text/css' media='all' /> <style id='rocket-lazyload-inline-css' type='text/css'> .rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://roofexpo.pl/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;} </style> <script type='text/javascript' src='https://roofexpo.pl/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js' data-rocket-defer defer></script> <script type='text/javascript' src='https://roofexpo.pl/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js' data-rocket-defer defer></script> <script type='text/javascript' id='uncode-init-js-extra'> /* <![CDATA[ */ var SiteParameters = {"days":"dni","hours":"godzin","minutes":"minut","seconds":"sekund","constant_scroll":"on","scroll_speed":"2","parallax_factor":"0.25","loading":"\u0141aduj\u0119\u2026","slide_name":"slide","slide_footer":"footer","ajax_url":"https:\/\/roofexpo.pl\/wp-admin\/admin-ajax.php","nonce_adaptive_images":"8a1e0ee14d","nonce_srcset_async":"0ade121d4b","enable_debug":"","block_mobile_videos":"","is_frontend_editor":"","mobile_parallax_allowed":"","wireframes_plugin_active":"","sticky_elements":"off","lazyload_type":"rocket","resize_quality":"90","register_metadata":"","bg_changer_time":"1000","update_wc_fragments":"1","optimize_shortpixel_image":"","custom_cursor_selector":"[href], .trigger-overlay, .owl-next, .owl-prev, .owl-dot, input[type=\"submit\"], button[type=\"submit\"], a[class^=\"ilightbox\"], .ilightbox-thumbnail, .ilightbox-prev, .ilightbox-next, .overlay-close, .unmodal-close, .qty-inset > span, .share-button li, .uncode-post-titles .tmb.tmb-click-area, .btn-link, .tmb-click-row .t-inside","mobile_parallax_animation":""}; /* ]]> */ </script> <script type='text/javascript' src='https://roofexpo.pl/wp-content/themes/uncode/library/js/init.min.js' id='uncode-init-js'></script> <link rel="https://api.w.org/" href="https://roofexpo.pl/wp-json/" /><link rel="alternate" type="application/json" href="https://roofexpo.pl/wp-json/wp/v2/pages/2" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://roofexpo.pl/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://roofexpo.pl/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 5.8.10" /> <link rel='shortlink' href='https://roofexpo.pl/' /> <link rel="alternate" type="application/json+oembed" href="https://roofexpo.pl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Froofexpo.pl%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://roofexpo.pl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Froofexpo.pl%2F&format=xml" /> <meta name="generator" content="WPML ver:4.5.2 stt:1,40;" /> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><link rel="icon" href="https://roofexpo.pl/wp-content/uploads/2023/03/roofExpo-favicon-150x150.png" sizes="32x32" /> <link rel="icon" href="https://roofexpo.pl/wp-content/uploads/2023/03/roofExpo-favicon-300x300.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://roofexpo.pl/wp-content/uploads/2023/03/roofExpo-favicon-300x300.png" /> <meta name="msapplication-TileImage" content="https://roofexpo.pl/wp-content/uploads/2023/03/roofExpo-favicon-300x300.png" /> <noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript><noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><meta name="generator" content="WP Rocket 3.17.3.1" data-wpr-features="wpr_delay_js wpr_defer_js wpr_minify_js wpr_lazyload_images wpr_lazyload_iframes wpr_oci wpr_image_dimensions wpr_minify_css wpr_desktop" /></head> <body class="home page-template-default page page-id-2 style-color-xsdn-bg group-blog hormenu-position-left megamenu-full-submenu hmenu hmenu-position-right header-full-width main-center-align menu-custom-padding mobile-parallax-not-allowed ilb-no-bounce unreg uncode-logo-mobile qw-body-scroll-disabled wpb-js-composer js-comp-ver-6.7.0 vc_responsive" data-border="0">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KBC984B" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="body-borders" data-border="0"><div class="top-border body-border-shadow"></div><div class="right-border body-border-shadow"></div><div class="bottom-border body-border-shadow"></div><div class="left-border body-border-shadow"></div><div class="top-border style-light-bg"></div><div class="right-border style-light-bg"></div><div class="bottom-border style-light-bg"></div><div class="left-border style-light-bg"></div></div> <div class="box-wrapper"> <div class="box-container"> <script type="text/javascript" id="initBox">UNCODE.initBox();</script> <header id="pweMenu" class="pwe-menu"> <div class="pwe-menu__wrapper"> <div class="pwe-menu__main-logo"> <a class="pwe-menu__main-logo-ptak hidden-mobile" target="_blank" href="https://warsawexpo.eu/"> <img width="265" height="235" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/logo_pwe.webp" alt="logo ptak"> </a> <a class="pwe-menu__main-logo-fair" href="/"><img width="463" height="100" data-no-lazy="1" src="/doc/logo-x-pl.webp" alt="logo fair"> </a> </div> <div class="pwe-menu__container-mobile"> <div class="pwe-menu__register-btn"> <a href="/rejestracja/">WEŹ UDZIAŁ</a> </div> <div class="pwe-menu__burger"> <input class="pwe-menu__burger-checkbox" type="checkbox"> <span></span> </div> </div> <div class="pwe-menu__container"> <ul class="pwe-menu__nav"><li class="pwe-menu__item has-children "><a href="https://roofexpo.pl/odwiedzajacy/"> Odwiedzający<span class="pwe-menu__arrow">›</span></a><ul class="pwe-menu__submenu"><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/rejestracja/">Zarejestruj się</a></li><li class="pwe-menu__submenu-item"><a href="/odwiedzajacy/#visitorsBenefits">Dlaczego warto</a></li><li class="pwe-menu__submenu-item"><a href="/odwiedzajacy/#faq">Praktyczne informacje</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/aktualnosci/">Aktualności</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/wydarzenia/">Konferencje</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/news/plan-targow-2024/">Plan Targów 2024</a></li><li class="pwe-menu__submenu-item"><a href="/odwiedzajacy/#dojazd">Dojazd</a></li><li class="pwe-menu__submenu-item"><a target="_blank" href="https://warsawexpo.eu/biuro-prasowe">Media</a></li><li class="pwe-menu__submenu-item"><a target="_blank" href="https://warsawexpo.eu/baza-hotelowa/">Baza hotelowa</a></li><li class="pwe-menu__submenu-item has-children"><a href="#">Poprzednie edycje<span class="pwe-menu__arrow">›</span></a><ul class="pwe-menu__submenu"><li class="pwe-menu__submenu-item has-children"><a href="">Edycja 2024<span class="pwe-menu__arrow">›</span></a><ul class="pwe-menu__submenu"><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/konferencje-2024/">Konferencje 2024</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/katalog-wystawcow-2024/">Katalog wystawców 2024</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/news/plan-targow-2024/">Plan Targów 2024</a></li></ul></li><li class="pwe-menu__submenu-item has-children"><a href="#">Edycja 2023<span class="pwe-menu__arrow">›</span></a><ul class="pwe-menu__submenu"><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/wydarzenia-2023/">Konferencje Branży Dekarskiej 2023</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/katalog-wystawcow-2023/">Katalog wystawców 2023</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/news/plan-targow-2023/">Plan Targów 2023</a></li></ul></li></ul></li><li class="pwe-menu__submenu-item"><a target="_blank" href="https://warsawexpo.eu/kalendarz-targowy">Kalendarz targowy</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/kontakt/">Kontakt</a></li></ul></li><li class="pwe-menu__item has-children "><a href="https://roofexpo.pl/wystawcy/"> Wystawcy<span class="pwe-menu__arrow">›</span></a><ul class="pwe-menu__submenu"><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/zostan-wystawca/">Zostań wystawcą</a></li><li class="pwe-menu__submenu-item"><a href="/wystawcy/#exhibitorsBenefits">Dlaczego warto</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/informacje-organizacyjne-dla-wystawcow/">Informacje organizacyjne dla Wystawców</a></li><li class="pwe-menu__submenu-item"><a href="/wystawcy/#stand">Dedykowana zabudowa targowa</a></li><li class="pwe-menu__submenu-item"><a href="/wystawcy/#download">Dokumenty do pobrania</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/wypromuj-sie/">Wypromuj się na targach</a></li><li class="pwe-menu__submenu-item"><a href="https://roofexpo.pl/kontakt/">Kontakt</a></li></ul></li><li class="pwe-menu__item "><a href="https://roofexpo.pl/katalog-wystawcow/"> Lista Wystawców</a></li><li class="pwe-menu__item button"><a href="https://roofexpo.pl/rejestracja/"> Weź Udział</a></li><li class="pwe-menu__item "><a href="https://roofexpo.pl/en/"> <img width="18" height="12" class="wpml-ls-flag" src="https://roofexpo.pl/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.png" alt="angielski" /></a></li></ul><ul class="pwe-menu__social"><li class="pwe-menu__social-item-link social-icon social-397453"> <a href="https://www.facebook.com/roofexpowarsaw/" class="social-menu-link" target="_blank"> <i class="fa fa-facebook-square"></i> </a> </li><li class="pwe-menu__social-item-link social-icon social-107808"> <a href="https://www.instagram.com/roofexpo/" class="social-menu-link" target="_blank"> <i class="fa fa-instagram"></i> </a> </li><li class="pwe-menu__social-item-link social-icon social-162279"> <a href="https://www.linkedin.com/company/roof-expo" class="social-menu-link" target="_blank"> <i class="fa fa-linkedin-square"></i> </a> </li><li class="pwe-menu__social-item-link social-icon social-654270"> <a href="https://www.youtube.com/playlist?list=PL0uv62TZgbz8M_Xe-k_NtDB1ztuBUdvd-" class="social-menu-link" target="_blank"> <i class="fa fa-youtube-play"></i> </a> </li></ul> </div> </div> <div class="pwe-menu__overlay"></div> </header> <script type="text/javascript" id="fixMenuHeight">UNCODE.fixMenuHeight();</script> <div class="main-wrapper"> <div class="main-container"> <div class="page-wrapper"> <div class="sections-container"> <div id="page-header"><div class="header-wrapper header-uncode-block"> <div data-parent="true" class="vc_row row-container" id="row-unique-0"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_17288"> <style> .row-parent:has(.pwelement_17288 .pwe-header) { max-width: 100%; padding: 0 !important; } .wpb_column:has(.pwelement_17288 .pwe-header) { max-width: 100%; } .pwelement_17288 .pwe-header-wrapper { min-height: 60vh; max-width: 1200px; margin: 0 auto; display: flex; z-index: 2; } .pwelement_17288 .pwe-header-logo { max-width: 400px !important; width: 100%; height: auto; z-index: 1; } .pwelement_17288 .pwe-header-background { background-size: cover; background-repeat: no-repeat; background-position: center; } .pwelement_17288 .pwe-header-text { padding: 18px 0; z-index: 1; } .pwelement_17288 .pwe-header-text :is(h1, h2), .pwe-header .pwe-logotypes-title h4 { color: white; text-transform: uppercase; text-align: center; width: auto; } .pwelement_17288 .pwe-header .pwe-logotypes-title { justify-content: center; } .pwelement_17288 .pwe-header .pwe-logotypes-title h4 { box-shadow: 9px 9px 0px -6px white; } .pwelement_17288 .pwe-header-text h1 { font-size: 30px; } .pwelement_17288 .pwe-header-text h2 { font-size: 36px; } .pwelement_17288 .pwe-header .slides div p, .pwelement_17288 .pwe-header .pwe-logotypes-gallery-wrapper div p{ color: white; } .pwelement_17288 .pwe-header .dots-container { display: none !important; } .pwelement_17288 .pwe-header .pwe-header-logotypes { transition: .3s ease; opacity: 0; } @media (min-width: 300px) and (max-width: 1200px) { .pwelement_17288 .pwe-header-text h1 { font-size: calc(20px + (30 - 20) * ( (100vw - 300px) / (1200 - 300) )); } .pwelement_17288 .pwe-header-text h2 { font-size: calc(24px + (36 - 24) * ( (100vw - 300px) / (1200 - 300) )); } } @media (max-width: 960px) { .row-parent:has(.pwelement_17288 .pwe-header) { padding: 0 !important; } .pwelement_17288 .pwe-btn-container a { min-width: 280px !important; } } </style> <style> .pwelement_17288 .video-background { position: relative; } .pwelement_17288 .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .pwelement_17288 .video-overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 45%);; } .pwelement_17288 .pwe-header-wrapper { position: relative; max-width: 100%; justify-content: center; align-items: center; } .pwelement_17288 .pwe-header-column { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: left; } .pwelement_17288 .pwe-header-logo { max-width: 400px !important; } .pwelement_17288 .pwe-header-text { padding: 0 !important; } .pwelement_17288 .pwe-header-text :is(h1, h2, h3) { color: white; text-align: start; margin: 0; } .pwelement_17288 .pwe-header-text h1 { text-transform: uppercase; font-size: 30px; font-weight: 500 !important; max-width: 600px; padding-top: 24px; } .pwelement_17288 .pwe-header-text h2 { text-transform: lowercase; margin-top: 24px; font-size: 28px; } .pwelement_17288 .pwe-header-text h3 { text-transform: uppercase; font-size: 30px; padding: 6px 8px; } .pwelement_17288 .pwe-header-text p { color: white; } .pwelement_17288 .pwe-header-text .pwe-header-city { display: none; } .pwelement_17288 .pwe-header-edition { background-color: white; } .pwelement_17288 .pwe-header-edition span { color: black; } .pwelement_17288 .pwe-header-bottom { display: flex; flex-wrap: wrap; justify-content: start; align-items: center; padding-top: 24px; gap: 18px; } .pwelement_17288 .pwe-header-bottom .header-button { width: 40%; } .pwelement_17288 .pwe-header .pwe-btn-container { position: relative; width: 300px; height: 60px; padding: 0; } .pwelement_17288 .pwe-header .pwe-btn { background-color: #00a878 !important; color: white !important; border: #00a878 !important; width: 100%; height: 100%; transform: scale(1) !important; transition: .3s ease; font-size: 16px; font-weight: 600; padding: 6px 18px !important; letter-spacing: 0.1em; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; text-transform: uppercase; } .pwelement_17288 .pwe-header .pwe-btn-container .btn-small-text { font-size: 10px; } .pwelement_17288 .pwe-header .pwe-btn-container .btn-angle-right { color: white; position: absolute; right: 25px; top: -30%; height: 35px; font-size: 72px; transition: .3s ease; } .pwelement_17288 .pwe-header .pwe-btn-container:hover .btn-angle-right { right: 20px; } .pwelement_17288 .pwe-header .pwe-btn:hover { color: white; background-color: #009464!important; border: 1px solid #009464!important; } .pwelement_17288 .pwe-header .video-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; pointer-events: none; } .pwelement_17288 .pwe-header .video-background iframe { position: absolute; top: -36vh; left: 0; width: 100vw; height: 160vh; object-fit: cover; z-index: -1; /* Wideo w tle za elementami */ pointer-events: none; /* Brak interakcji z wideo */ } .pwelement_17288 .pwe-header .pwe-header-container { position: relative; width: 100%; min-height: 80vh; display: flex; justify-content: center; align-items: center; overflow: hidden; } .pwelement_17288 .pwe-header .pwe-header-wrapper { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 20px; min-height: 80vh; } .pwelement_17288 .pwe-header-column-container { max-width: 600px; padding: 36px; background-color: rgb(25 25 25 / 80%); border-radius: 35px; min-height: 50vh; display: flex; flex-direction: column; justify-content: space-around; } .pwelement_17288 .video-background video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; /* Sprawia, że wideo jest skalowane bez zniekształceń */ transform: translate(-50%, -50%); } .pwelement_17288 .header-center-date { display:none !important; } .pwelement_17288 .pwe-header-column { justify-content: center; align-items: center; } .pwelement_17288 .pwe-header-text h1 { font-size: 32px; max-width: 1200px; text-align: center; } .pwelement_17288 .pwe-header-text .header-center-date { margin-top: 12px; font-size: 56px; font-weight: 600; letter-spacing: 5px; } .pwelement_17288 .pwe-header-text h3 { border-radius: 8px; margin-top: 12px; } .pwelement_17288 .pwe-header-text p { font-size: 30px; font-weight: 500; margin: 0; } .pwelement_17288 .pwe-header-column-container { background-color: transparent; max-width: 700px; } .pwe-header-title { display: flex; justify-content: center; flex-direction: column; align-items: center; text-shadow: 0 0 6px black; } .pwelement_17288 .pwe-header-date-block { display:none !important; } .pwelement_17288 .header-center-date { display:block !important; } .pwe-header-main-content-block { display: flex; justify-content: center; flex-direction: column; align-items: center; } .pwelement_17288 .pwe-header-bottom { flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px; margin: 0 auto; } @media(max-width:1350px){ .pwelement_17288 .pwe-header .video-background iframe { width: 100vw; height: 100vh; top: -9vh; } } @media(max-width: 960px) { .pwelement_17288 .video-background { display:none !important; } .pwelement_17288 .pwe-header .pwe-header-container { height: auto; } .pwelement_17288 .pwe-header-column-container { padding: 0; background-color: inherit; min-height: auto; margin: 0 auto; } .pwelement_17288 .pwe-header .pwe-header-wrapper { min-height: auto; padding: 0; } .pwelement_17288 .pwe-header-background { background-image: url("/doc/header_mobile.webp") !important; position: relative; width: 100%; height: 100%; overflow: hidden; } .pwelement_17288 .pwe-bg-image1, .pwelement_17288 .pwe-bg-image2, .pwelement_17288 .pwe-bg-image3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transition: opacity 2s ease-in-out; z-index: 1 !important; } .pwelement_17288 .pwe-bg-image1 { background-image: url("/doc/header_mobile.webp"); z-index: 1; } .pwelement_17288 .pwe-bg-image2 { background-image: url("/wp-content/plugins/PWElements/media/bg_mobile_2.webp"); z-index: 2; } .pwelement_17288 .pwe-bg-image3 { background-image: url("/wp-content/plugins/PWElements/media/bg_mobile_3.webp"); z-index: 3; } .pwelement_17288 .pwe-header-background .visible { opacity: 1; } .pwelement_17288 .pwe-header-main-content-block, .pwelement_17288 .pwe-header-date-block { background-color: #00000099; padding: 18px; border-radius: 18px; } .pwelement_17288 .pwe-header-main-content-block { max-width: 400px; display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; text-align: center; gap: 18px; } .pwelement_17288 .pwe-header-date-block { margin-top: 18px; } .pwelement_17288 .pwe-header-text { display: flex; flex-direction: column; justify-content: center; align-items: center; } .pwelement_17288 .pwe-header-text .pwe-header-city { display: block; margin: 0; } .pwelement_17288 .pwe-header-edition span { color: black; } .pwelement_17288 .pwe-header-img-v1-desktop { display: none; } .pwelement_17288 .pwe-header-img-v1-mobile { display: flex; } .pwe-header-wrapper { flex-direction: column; } .pwelement_17288 .pwe-header-column, .pwelement_17288 .pwe-header-content-column, .pwelement_17288 .pwe-header-image-column { width: 100%; max-width: 1200px; padding: 0; text-align: center; } .pwelement_17288 .pwe-header-content-column { padding: 36px 18px; } .pwelement_17288 .pwe-header-bottom { flex-direction: column; justify-content: center; gap: 18px; padding-top: 18px; } .pwelement_17288 .pwe-header-text :is(h1, h2, h3) { text-align: center; width: auto; font-size: 22px; } .pwelement_17288 .pwe-header-text h1 { padding-top: 0; } .pwelement_17288 .pwe-header-text h2 { margin-top: 0; } .pwelement_17288 .pwe-header-text h3 { margin-top: 10px; } .pwelement_17288 .pwe-header-title { display: flex; flex-direction: column; align-items: center; } .pwelement_17288 .pwe-header-edition { width: fit-content; } .pwelement_17288 .pwe-header-content-column { width: 100%; } .pwelement_17288 .pwe-header-image-column { width: 100%; } .pwelement_17288 .pwe-header-bottom .pwe-association { width: 100% !important; } .pwelement_17288 .pwe-header-bottom .header-button { width: 100% !important; max-width: 320px !important; } .pwelement_17288 .el-hidden-desktop { display: none; } .pwelement_17288 .pwe-header-main-content-block { flex-direction: column; } .pwelement_17288 .pwe-header .pwe-header-wrapper { justify-content: center; } .pwelement_17288 .pwe-header .header-center-date { font-size: 34px; } .pwelement_17288 .pwe-header-text p { display: none; } .pwelement_17288 .pwe-header .pwe-header-title { gap: 15px; } .pwelement_17288 .pwe-header-bottom { margin: 0 auto; } } @media(max-width: 450px) { .pwelement_17288 .pwe-header-date-block { margin-top: 18px; } } </style> <div id="pweHeader" class="pwe-header"> <div class="pwe-header-container pwe-header-background" style="background-image: url(https://roofexpo.pl/doc/background.webp);"> <div class="pwe-bg-image1 pwe-bg-image"></div> <div class="pwe-bg-image2 pwe-bg-image"></div> <div class="pwe-bg-image3 pwe-bg-image"></div> <div class="pwe-header-wrapper"> <div class="pwe-header-column pwe-header-content-column"> <div class="pwe-header-column-container"> <div class="pwe-header-text"> <div class="pwe-header-main-content-block"> <img width="700" height="400" class="pwe-header-logo" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20700%20400'%3E%3C/svg%3E" alt="logo-Roof Expo" data-lazy-src="https://roofexpo.pl/wp-content/uploads/2019/10/header_logo.webp"><noscript><img width="700" height="400" class="pwe-header-logo" src="https://roofexpo.pl/wp-content/uploads/2019/10/header_logo.webp" alt="logo-Roof Expo"></noscript><h3 class="pwe-header-edition"><span>3. edycja</span></h3> <div class="pwe-header-title"> <h1>Międzynarodowe Targi Dachów</h1> <h2 class="header-center-date">02-04|12|2025</h2><p>Warszawa</p> </div> </div> <div class="pwe-header-date-block"> <h2>2-4 grudnia 2025<span class="el-hidden-desktop" style="text-transform: capitalize;">, Warszawa</span></h2> <p class="pwe-header-city">Warszawa, Polska</p> </div> </div> <div class="pwe-header-bottom"> <div id="pweBtnRegistration" class="pwe-btn-container header-button"> <a class="pwe-link pwe-btn" href="/rejestracja/" alt="link do rejestracji"> Zarejestruj się <span class="btn-small-text" style="display: block; font-weight: 300;"> Odbierz darmowy bilet </span> </a> <span class="btn-angle-right">›</span> </div> </div> <style> .pwe-header-partners { position: absolute; top: 50%; transform: translate(0, -50%); right: 18px; display: flex; justify-content: center; flex-direction: column; background-color: rgb(190 190 190 / 80%); border-radius: 18px; padding: 10px; gap: 18px; z-index: 2; } .pwe-header-partners__title h5 { color: black !important; text-transform: uppercase; max-width: 250px; text-align: center; margin: 16px auto 0; } .pwe-header-partners__items { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 18px; } .pwe-header-partners__item { max-width: 160px; } @media(max-width: 1100px) { .pwe-header-partners { position: static; top: unset; right: unset; transform: unset; margin: 18px auto 0; } .pwe-header-partners__items { flex-direction: row; flex-wrap: wrap; } } </style> <div class="pwe-header-partners"> <div class="pwe-header-partners__title"> <h5>Partner Merytoryczny</h5> </div> <div class="pwe-header-partners__items"> <div class="pwe-header-partners__item"> <img width="300" height="200" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20200'%3E%3C/svg%3E" alt="partner logo" data-lazy-src="https://roofexpo.pl/wp-content/uploads/2019/10/1.webp"><noscript><img width="300" height="200" src="https://roofexpo.pl/wp-content/uploads/2019/10/1.webp" alt="partner logo"></noscript> </div> </div> </div> </div> </div> <div class="video-background"> <div class="video-overlay"></div> <video autoplay="" muted="" loop="" preload="auto" class="bg-video" src="/doc/header.mp4"></video> </div> </div> </div> </div></div></div></div></div></div></div><script id="script-row-unique-0" data-row="script-row-unique-0" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-0"));</script></div></div></div> </div></div><script type="text/javascript">UNCODE.initHeader();</script><article id="post-2" class="page-body style-light-bg post-2 page type-page status-publish has-post-thumbnail hentry"> <div class="post-wrapper"> <div class="post-body"><div class="post-content un-no-sidebar-layout"><div data-parent="true" class="vc_row row-container" id="row-unique-1"><div class="row limit-width row-parent"><div class="wpb_row row-inner"> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { { const timer = [{"countdown_start":"","countdown_end":"2025\/12\/02 10:00","countdown_text":"Do targ\u00f3w pozosta\u0142o:","countdown_btn_text":"Zosta\u0144 wystawc\u0105","countdown_btn_url":"\/zostan-wystawca\/"},{"countdown_start":"","countdown_end":"2025\/12\/04 17:00","countdown_text":"Do ko\u0144ca targ\u00f3w pozosta\u0142o:","countdown_btn_text":"Zosta\u0144 wystawc\u0105","countdown_btn_url":"\/zostan-wystawca\/"},{"countdown_start":"","countdown_end":"2026\/12\/02 10:00","countdown_text":"Do targ\u00f3w pozosta\u0142o:","countdown_btn_text":"Zosta\u0144 wystawc\u0105","countdown_btn_url":"\/zostan-wystawca\/"}]; for(i=0;i<timer.length; i++){ timer[i]["countdown_end"] = timer[i]["countdown_end"].replace(/\//g, "-").replace(" ", "T"); }; let j = 0; jQuery(document).ready(function($) { const intervals = {}; function updateCountdownStop(elementId) { clearInterval(intervals[elementId]); } function pluralizePolish(count, singular, plural, pluralGenitive) { if (count === 1 || (count % 10 === 1 && count % 100 !== 11)) { return `${count} ${singular}`; } else if (count % 10 >= 2 && count % 10 <= 4 && (count % 100 < 10 || count % 100 >= 20)) { return `${count} ${plural}`; } else { return `${count} ${pluralGenitive}`; } } function pluralizeEnglish(count, noun) { return `${count} ${noun}${count !== 1 ? "s" : ""}`; } function updateCountdown(elementId) { intervals[elementId] = setInterval(function() { if(timer[j] != null){ const rightNow = new Date(); const endTime = new Date(timer[j]["countdown_end"]); endTime.setHours(endTime.getHours()); const distance = endTime - rightNow; const days = Math.floor(distance / (1000 * 60 * 60 * 24)); const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((distance % (1000 * 60)) / 1000); let endMessage = ""; if ("pl_PL" == "pl_PL") { endMessage = pluralizePolish(days, "dzień", "dni", "dni") + " " + pluralizePolish(hours, "godzina", "godziny", "godzin") + " " + pluralizePolish(minutes, "minuta", "minuty", "minut") + " " + pluralizePolish(seconds, "sekunda", "sekundy", "sekund").trim(); } else { endMessage = pluralizeEnglish(days, "day") + " " + pluralizeEnglish(hours, "hour") + " " + pluralizeEnglish(minutes, "minute") + " " + pluralizePolish(seconds, "sekunda", "sekundy", "sekund").trim(); } if(distance < 0){ j++; if(timer[j] != null && timer[j]["countdown_text"] != ""){ $("#timer-header-text-83310").text(timer[j]["countdown_text"]); $("#timer-button-83310").text(timer[j]["countdown_btn_text"]); $("#timer-button-83310").attr("href", timer[j]["countdown_btn_url"]); } } else { $("#pwe-countdown-timer-83310").text(endMessage); } } else { updateCountdownStop(83310); $("#pwe-countdown-timer-83310").parent().hide(0); } } , 1000); } updateCountdown(83310); // Change button on sticky main timer function handleClassChange(mutationsList, observer) { for (let mutation of mutationsList) { if (mutation.type === "attributes" && mutation.attributeName === "class") { const targetElement = mutation.target; const customBtn = document.getElementById("timer-button-83310"); const hasStuckedClass = targetElement.classList.contains("is_stucked"); if (customBtn) { const buttonLink = customBtn.href; if (hasStuckedClass) { if (buttonLink.includes("/en/")) { customBtn.innerHTML = "<span>REGISTER<br/>Get a free ticket</span>"; customBtn.href = "/en/registration/"; } else { customBtn.innerHTML = "<span>Zarejestruj się<br/>Odbierz darmowy bilet</span>"; customBtn.href = "/rejestracja/"; } } else { if (buttonLink.includes("/en/")) { customBtn.innerHTML = "<span>Book a stand</span>"; customBtn.href = "/en/become-an-exhibitor"; } else { customBtn.innerHTML = "<span>Zostań wystawcą</span>"; customBtn.href = "/zostan-wystawca/"; } } } } } } let is_stucked = false; const targetElement = document.querySelector(".sticky-element"); const mainTimerElement = document.querySelector("#main-timer"); const observer = new MutationObserver(handleClassChange); if (mainTimerElement) { const config = { attributes: true, attributeFilter: ["class"] }; const showRegisterBarValue = mainTimerElement.getAttribute("data-show-register-bar"); if(targetElement && showRegisterBarValue !== "true") { observer.observe(targetElement, config); targetElement.setAttribute("data-is-stucked", is_stucked); } } }); } });</script><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_32393"><style> .row-parent:has(.pwelement_32393) { background: #1f3e70; max-width: 100%; padding: 0 !important; } .row-parent:has(.pwelement_32393) { background: #1f3e70; max-width: 100%; padding: 0 !important; } .pwelement_32393 #main-timer p { color: white!important; margin: 9px auto; font-size: 18px !important; } .pwelement_32393 .pwe-btn { color: white!important; background-color: #00a878!important; border: 1px solid #00a878!important; margin: 9px 18px; transform: scale(1) !important; } .pwelement_32393 .pwe-btn:hover { color: white!important; background-color: #009464!important; border: 1px solid #009464!important; } .pwelement_32393 .pwe-timer-text { font-weight: 700; text-transform: uppercase; margin: 9px auto; } .pwelement_32393 .countdown-container { display: flex; justify-content: space-evenly; flex-wrap: wrap; align-items: center; max-width: 1200px; margin: 0 auto; } .pwelement_32393 .pwe-countdown-timer { min-width: 450px; text-align: center; } @media (min-width: 300px) and (max-width: 1200px) { .pwelement_32393 #main-timer p { font-size: calc(14px + (18 - 14) * ( (100vw - 300px) / (1200 - 300) )) !important; } } @media (max-width:570px){ .pwelement_32393 .countdown-container { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: baseline; margin: 8px auto; } .pwelement_32393 .pwe-countdown-timer { min-width: 100%; } .pwelement_32393 #main-timer p { margin: 0 auto; } } @media (max-width:959px){ .wpb_column:has(.pwelement_32393) { padding-top: 0 !important; } }</style><div id="main-timer" class="countdown-container" data-show-register-bar=""><p id="timer-header-text-83310" class="timer-header-text pwe-timer-text">Do targów pozostało:</p><p id="pwe-countdown-timer-83310" class="pwe-countdown-timer pwe-timer-text"> 292 dni 19 godzin 45 minut 33 sekund </p><a id="timer-button-83310" class="timer-button pwe-btn btn" href="/zostan-wystawca/">Zostań wystawcą</a></div></div></div></div></div></div></div><script id="script-row-unique-1" data-row="script-row-unique-1" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-1"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-2"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><script type="rocketlazyloadscript">console.error("Błąd w logosChecker: Błąd dekodowania danych JSON.")</script><script type="rocketlazyloadscript">console.error("Błąd: logosChecker nie zwrócił poprawnej listy wystawców")</script><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_63815"> <style> .twocols-24063 .pwe-slides { visibility: hidden; opacity: 0; height: 0; width: 0; transition: .3s ease; } .wpb_column:has(.twocols-24063){ padding-top:0 !important; } .twocols-24063 .info-image-container { display: flex; justify-content: center; gap: 25px; align-items: stretch; } .twocols-24063 .info-image-box, .twocols-24063 .two-cols-shadow-right, .twocols-24063 .two-cols-shadow-left, .twocols-24063 .info-text-box { display: flex; flex: 1; flex-direction: column; justify-content: space-between; position: relative; margin-bottom: 55px; } .twocols-24063 .info-image-box img { border-radius: 30px; height: 100%; object-fit: cover; } .twocols-24063 .info-text-box h2 { font-size:29px; } .twocols-24063 .info-text-box h6 { text-align: center; display: block; margin: 12px auto 8px; font-size: 13px; } .twocols-24063 .info-text-box .logo-kongres { max-width: 50%; margin: 0 auto; display: block; } .twocols-24063 .two-cols-logotypes { max-width: 500px; margin: 0 auto; } .twocols-24063 .two-cols-logotypes img { padding: 5px; } .twocols-24063 .akcent { background-color: #1f3e70 } .twocols-24063 .main-2 { background-color: #012052 } .twocols-24063 .info-text-box a, .twocols-24063 .info-image-box a { color: white !important; min-width: 200px; padding: 10px 20px; display: block; margin: 0 auto; border-radius: 10px; margin-top: 20px; text-align: center; transition: all 0.3s ease-in-out; font-weight: 500; } .twocols-24063 .slick-dots { transform: scale(.7) !important; bottom: 0px !important; } .twocols-24063 .background-title { font-size: clamp(8rem, 15vw, 8rem); text-align: center; font-weight: 900; line-height: 1; white-space: nowrap; width: 100%; overflow: hidden; margin-top: 0px; color: #1f3e70; opacity: .5; text-align: center; text-transform: uppercase; } .twocols-24063 .main-2:hover { background-color: #1f3e70; } .twocols-24063 .akcent:hover { background-color: #012052; } .twocols-24063 .background-image { display:flex; justify-content: center; } .twocols-24063 .background-image img { width: 100%; } .twocols-24063 .logo-exhibitors { padding: 15px; border-radius: 30px; -webkit-box-shadow: 4px 17px 30px -7px rgba(66, 68, 90, 1); -moz-box-shadow: 4px 17px 30px -7px rgba(66, 68, 90, 1); box-shadow: 4px 17px 30px -7px rgba(66, 68, 90, 1); } .twocols-24063 .logo-exhibitors div { display: flex; flex-wrap: wrap; justify-content: space-around; } .twocols-24063 .logo-exhibitors h3 { display: block; margin: 10px auto; font-size: 20px; text-transform: uppercase; } .twocols-24063 .logo-exhibitors div img { display:none; } .twocols-24063 .logo-exhibitors div img:nth-child(-n+9) { display: block; width: 30%; aspect-ratio: 3 / 2; object-fit: contain; height:auto; } .twocols-24063 .background-title-column { font-size: 69px !important; margin-bottom: -20px; } .twocols-24063 .info-image-container { flex-direction: row-reverse; } @media(max-width:1200px) { .twocols-24063 .background-title { font-size: 90px !important; } .twocols-24063 .background-title-column { font-size: 60px !important; } } @media(max-width:920px) { .twocols-24063 .logo-exhibitors div img:nth-child(-n+9) { width: 46%; } .twocols-24063 .info-image-container { flex-direction: column; } .twocols-24063 .background-title { font-size: 63px !important; } .twocols-24063 .info-image-box, .twocols-24063 .info-text-box { margin-bottom: 10px; } } @media(max-width:920px){ .twocols-24063 .info-image-container { flex-direction: column-reverse; } } @media(max-width:570px) { .twocols-24063 .background-title { font-size: 36px !important; } .twocols-24063 .info-text-box .logo-kongres { margin:15px auto !important; } } </style> <div id="two_cols_element" class="twocols-24063"> <div class="background-image"> <img width="1200" height="214" src="/doc/new_template/logo-long.webp" /> </div><div class="info-image-container"><div class="info-text-box"> <div> <h2>Międzynarodowe Targi Dachów – Odkryj przyszłość pokryć dachowych!</h2> <p>Roof Expo to wydarzenie, gdzie liderzy branży zaprezentują najnowsze technologie i innowacyjne rozwiązania w dziedzinie pokryć dachowych. Targi oferują wyjątkową okazję do budowania relacji biznesowych, zdobywania wiedzy i odkrywania trendów. Spotkaj się z liderami rynku, nawiąż kontakty i rozwijaj działalność!</p> </div> <a class="main-2" href="/rejestracja/">DOŁĄCZ DO NAS</a> </div> <div class="info-image-box"> <div class="logo-exhibitors"> <h3>Wystawcy</h3> <div class="logotypes-container pwe-container-logotypes"></div></div> <a class="akcent" href="/galeria/">GALERIA TARGÓW</a> </div> </div></div> <script type="rocketlazyloadscript"> document.addEventListener("DOMContentLoaded", function () { const twoColsSlider = document.querySelector(".twocols-24063 .pwe-slides"); if (twoColsSlider) { twoColsSlider.style.visibility = "visible"; twoColsSlider.style.opacity = 1; twoColsSlider.style.height = "auto"; twoColsSlider.style.width = "auto"; } const pweContainerLogotypes = document.querySelector(".twocols-24063 .pwe-container-logotypes"); if (pweContainerLogotypes && pweContainerLogotypes.children.length === 0) { const loader = document.createElement("div"); loader.className = "pwe-loader"; pweContainerLogotypes.appendChild(loader); } }); </script></div></div></div></div></div></div><script id="script-row-unique-2" data-row="script-row-unique-2" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-2"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-3"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="vc_row row-internal row-container"><div class="row row-child"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_child col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="vc_custom_heading_wrap "><div class="heading-text el-text" ><h2 class="h2 text-color-jevc-color text-uppercase" ><span>Roof Expo 2024 w liczbach</span></h2></div><div class="clear"></div></div></div></div></div></div></div></div></div></div><div class="pwe_map pwe_map_80294"> <style> .pwe-map__wrapper { position: relative; display: flex; justify-content: space-between; margin-top: 18px; } .pwe-map__staticts { display: flex; flex-direction: column; justify-content: space-between; max-width: 260px; gap: 12px; z-index: 1; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); } .pwe-map__title { margin-top: 0; text-transform: uppercase; font-size: 34px; max-width: 550px; text-shadow: 0px 0px 2px white; } .pwe-map__rounded-stat { display: flex; justify-content: space-around; gap: 12px; } .pwe-map__rounded-element { width: 120px; min-height: 120px; display: flex; flex-direction: column; justify-content: center; border:5px solid; border-radius:100%; text-align: center; } .pwe-map__rounded-element p { margin-top: 0px; line-height: 1; } .pwe-map__stats-container.mobile { display: none; } .pwe-map__stats-element-title { font-weight: 700; font-size: 26px; text-shadow: 0px 0px 2px white; } .pwe-map__stats-element-desc { font-size: 26px; margin-top: 0px; line-height: 1; text-shadow: 0px 0px 2px white; } .pwe-map__logotypes { align-items: flex-end; display: flex; flex-direction: column; justify-content: space-between; max-width: 260px; z-index: 1; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 1) 100%); } .pwe-map__logo-container { max-width: 260px; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 18px; } .pwe-map__logotypes-data { margin-top: 12px; font-weight:750; font-size: 20px; text-align: center !important; } .pwe-map__container-3d { position: absolute; width: 100%; max-width: 600px; display: flex; align-items: center; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pwe-map__container-3d canvas { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; } @media (max-width: 960px) { .pwe-map__title { font-size: 24px !important; } .pwe-map__staticts { background: none; } } @media (max-width: 650px) { .pwe-map__wrapper { flex-direction: column; } .pwe-map__logotypes { display: none; } .pwe-map__heading { flex-direction: column; } .pwe-map__logo-container{ margin: 0 auto; } .pwe-map__staticts { max-width: 100%; padding: 72px 0; } .pwe-map__stats-container.desktop { display: none; } .pwe-map__stats-container.mobile { display: flex; flex-wrap: wrap; } .pwe-map__rounded-stat .pwe-map__rounded-element { min-height: auto; border-radius: 14px; border: 2px solid black; padding: 10px; } .pwe-map__stats-element-55 { width: 55%; } .pwe-map__stats-element-45 { width: 45%; } .pwe-map__stats-element-title, .pwe-map__stats-element-desc { font-size: 22px; } // .pwe-map__staticts { // background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); // } .pwe-map__container-3d { position: relative; max-width: auto; top: auto; left: auto; transform: none; } } @media (max-width: 600px) { .pwe-map__staticts { padding: 0; gap: 18px; } } @media (max-width: 450px) { .pwe-map__staticts { padding: 0; } .pwe-map__stats-element-title, .pwe-map__stats-element-desc { font-size: 18px; } } @media (min-width: 651px) { .pwe-map__stats-diagram.mobile { display: none; } .pwe-map__stats-diagram.desktop { display: flex; flex-direction: column; align-items: flex-end; gap: 18px; } .pwe-map__stats-diagram-years-container { width: 100%; display: flex; justify-content: center; gap: 24px; } .pwe-map__stats-diagram-year { display: flex; align-items: center; gap: 8px; } .pwe-map__stats-diagram-year-box { width: 20px; aspect-ratio: 1 / 1; background: #1f3e70; } .pwe-map__stats-diagram-year:first-of-type .pwe-map__stats-diagram-year-box { background: #6584b6; } .pwe-map__stats-diagram-bars-container { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; } .pwe-map__stats-diagram-bars { display: flex; flex-direction: column-reverse; align-items: center; } .pwe-map__stats-diagram-bars-wrapper { display: flex; flex-direction: column; gap: 18px; justify-content: center; } .pwe-map__stats-diagram-bar { display: flex; align-items: flex-end; position: relative; justify-content: flex-end; gap: 8px; } .pwe-map__stats-diagram-bar.visitors { width: 160px; } .pwe-map__stats-diagram-bar.visitors .pwe-map__stats-diagram-bar-number { position: absolute; left: -50px; } .pwe-map__stats-diagram-bar.exhibitors { width: 210px; } .pwe-map__stats-diagram-bar.exhibitors .pwe-map__stats-diagram-bar-number { position: absolute; left: -30px; } .pwe-map__stats-diagram-bar.area { width: 250px; } .pwe-map__stats-diagram-bar.area .pwe-map__stats-diagram-bar-number { position: absolute; left: -60px; } .pwe-map__stats-diagram-bar-item { background: #1f3e70; width: 0; height: 25px; border-radius: 12px 0 0 12px; position: relative; display: flex; align-items: flex-end; justify-content: center; } .pwe-map__stats-diagram-bar:first-of-type .pwe-map__stats-diagram-bar-item { background: #6584b6; } .pwe-map__stats-diagram-bar-number { display: flex; text-align: center; font-size: 16px; font-weight: 600; align-self: center; } .pwe-map__stats-diagram-bar-number sup { top: 0; } .pwe-map__stats-diagram-bars-label { margin-top: 8px; text-align: center; font-size: 16px; font-weight: 600; align-self: end; } .pwe-map__stats-section span, .pwe-map__stats-section p { text-align: center; font-size: 16px; font-weight: 600; } .pwe-map__stats-diagram-countries-container { width: 18%; min-width: 150px; display: flex; justify-content: center; align-items: flex-start; } .pwe-map__stats-diagram-countries { width: 140px; aspect-ratio: 1 / 1; border-radius: 50%; border: 2px solid; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; } .pwe-map__stats-diagram-countries *{ margin: 0; } .pwe-map__stats-diagram-countries h2 { min-width: unset; } .pwe-map__stats-diagram-countries h2 span { color: #1f3e70; font-size: 40px; font-weight: 800; } } // @media (max-width: 650px) { // .pwe-map__stats-diagram.mobile { // display: flex; // } // .pwe-map__stats-diagram.mobile { // display: flex; // flex-direction: column; // align-items: center; // gap: 36px; // max-width: 650px; // margin-top: 40px; // } // .pwe-map__stats-diagram-years-container { // width: 100%; // display: flex; // justify-content: center; // gap: 24px; // } // .pwe-map__stats-diagram-year { // display: flex; // align-items: center; // gap: 8px; // } // .pwe-map__stats-diagram-year-box { // width: 20px; // aspect-ratio: 1 / 1; // background: #1f3e70; // } // .pwe-map__stats-diagram-year:first-of-type .pwe-map__stats-diagram-year-box { // background: #6584b6; // } // .pwe-map__stats-diagram-bars-container { // width: 100%; // height: 100%; // display: flex; // justify-content: space-evenly; // align-items: flex-end; // } // .pwe-map__stats-diagram-bars { // display: flex; // flex-direction: column; // align-items: center; // } // .pwe-map__stats-diagram-bars-wrapper { // display: flex; // gap: 36px; // justify-content: center; // } // .pwe-map__stats-diagram-bar { // display: flex; // flex-direction: column; // align-items: center; // position: relative; // justify-content: flex-end; // height: 150px; // width: auto; // } // .pwe-map__stats-diagram-bar-item { // background: #1f3e70; // border-radius: 12px 12px 0 0; // width: 25px; // height: 0; // position: relative; // display: flex; // align-items: flex-end; // justify-content: center; // } // .pwe-map__stats-diagram-bar:first-of-type .pwe-map__stats-diagram-bar-item { // background: #6584b6; // } // .pwe-map__stats-diagram-bar-number { // position: absolute; // bottom: 100%; // transform: translateY(0); // text-align: center; // font-size: 16px; // font-weight: 600; // } // .pwe-map__stats-diagram-bars-label { // margin-top: 8px; // text-align: center; // font-size: 16px; // font-weight: 600; // } // .pwe-map__stats-section span, .pwe-map__stats-section p { // text-align: center; // font-size: 16px; // font-weight: 600; // } // .pwe-map__stats-diagram-countries-container { // width: 18%; // min-width: 150px; // display: flex; // justify-content: center; // align-items: flex-start; // } // .pwe-map__stats-diagram-countries { // width: 140px; // aspect-ratio: 1 / 1; // border-radius: 50%; // border: 2px solid; // display: flex; // flex-direction: column; // align-items: center; // justify-content: center; // gap: 6px; // } // .pwe-map__stats-diagram-countries *{ // margin: 0; // } // .pwe-map__stats-diagram-countries h2 { // min-width: unset; // } // .pwe-map__stats-diagram-countries h2 span { // color: #1f3e70; // font-size: 40px; // font-weight: 800; // } // } </style> <div id="pweMap" class="pwe-map"> <div class="pwe-map__wrapper"> <div class="pwe-map__staticts"> <h2 class="pwe-map__title text-accent-color">Branżowi odwiedzający 2. edycji</h2> <div class="pwe-map__rounded-stat"> <div class="pwe-map__rounded-element text-accent-color"> <p style="font-weight: 800; font-size: 21px;"> <span class="countup" data-count="6034">0</span> </p> <p style="font-size:12px">odwiedzających</p> </div> <div class="pwe-map__rounded-element pwe-map__rounded-element-country"> <p style="font-weight: 800; font-size: 27px;"> <span class="countup" data-count="10">0</span> </p> <p style="font-size:12px">krajów</p> </div> </div> <div class="pwe-map__stats-container desktop"> <div class="pwe-map__stats-element"> <p class="text-accent-color pwe-map__stats-element-title">Polska - <span class="countup" data-count="5732">0</span> </p> <p class="pwe-map__stats-element-desc"><span class="countup" data-count="95">0</span> %</p> </div> <div class="pwe-map__stats-element"> <p class="text-accent-color pwe-map__stats-element-title">Zagranica - <span class="countup" data-count="302">0</span> </p> <p class="pwe-map__stats-element-desc"> <span class="countup" data-count="5">0</span> %</p> </div> <div class="pwe-map__stats-element"> <p class="text-accent-color pwe-map__stats-element-title"> <span class="countup" data-count="17000">0</span> m<sup>2</sup> </p> <p class="pwe-map__stats-element-desc">powierzchni<br>wystawienniczej</p> </div> <div class="pwe-map__stats-element"> <p class="text-accent-color pwe-map__stats-element-title"> <span class="countup" data-count="119">0</span> </p> <p class="pwe-map__stats-element-desc">wystawców</p> </div> </div> </div> <div id="container-3d" class="pwe-map__container-3d"></div> <div class="pwe-map__stats-container mobile"> <div class="pwe-map__stats-element pwe-map__stats-element-55"> <p class="text-accent-color pwe-map__stats-element-title">Polska - <span class="countup" data-count="5732">0</span> </p> <p class="pwe-map__stats-element-desc"><span class="countup" data-count="95">0</span> %</p> </div> <div class="pwe-map__stats-element pwe-map__stats-element-45"> <p class="text-accent-color pwe-map__stats-element-title"> <span class="countup" data-count="119">0</span> </p> <p class="pwe-map__stats-element-desc">wystawców</p> </div> <div class="pwe-map__stats-element pwe-map__stats-element-55"> <p class="text-accent-color pwe-map__stats-element-title">Zagranica - <span class="countup" data-count="302">0</span> </p> <p class="pwe-map__stats-element-desc"> <span class="countup" data-count="5">0</span> %</p> </div> <div class="pwe-map__stats-element pwe-map__stats-element-45"> <p class="text-accent-color pwe-map__stats-element-title"> <span class="countup" data-count="17000">0</span> m<sup>2</sup> </p> <p class="pwe-map__stats-element-desc">powierzchni<br>wystawienniczej</p> </div> </div> <div class="pwe-map__logotypes"> <div class="pwe-map__logo-container"><img width="700" height="400" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20700%20400'%3E%3C/svg%3E" data-lazy-src="/doc/logo-color.webp"/><noscript><img width="700" height="400" src="/doc/logo-color.webp"/></noscript><img src=""/><p class="pwe-map__logotypes-data" style="text-align: right;">2-4 grudnia 2025</p> </div> <div class="pwe-map__stats-diagram desktop">  <div class="pwe-map__stats-diagram-years-container"> <div class="pwe-map__stats-diagram-year"> <div class="pwe-map__stats-diagram-year-box"></div> <span>1 EDYCJA</span> </div> <div class="pwe-map__stats-diagram-year"> <div class="pwe-map__stats-diagram-year-box"></div> <span>2 EDYCJA</span> </div> </div>  <div class="pwe-map__stats-diagram-bars-container">  <div class="pwe-map__stats-diagram-bars"> <div class="pwe-map__stats-diagram-bars-wrapper"> <div class="pwe-map__stats-diagram-bar visitors"> <div class="pwe-map__stats-diagram-bar-item" data-count="71.726881007623"> <div class="pwe-map__stats-diagram-bar-number"><span class="countup" data-count="4328">0</span></div> </div> </div> <div class="pwe-map__stats-diagram-bar visitors"> <div class="pwe-map__stats-diagram-bar-item" data-count="100"> <div class="pwe-map__stats-diagram-bar-number"><span class="countup" data-count="6034">0</span></div> </div> </div> </div> <p class="pwe-map__stats-diagram-bars-label">Odwiedzający</p> </div>  <div class="pwe-map__stats-diagram-bars"> <div class="pwe-map__stats-diagram-bars-wrapper"> <div class="pwe-map__stats-diagram-bar exhibitors"> <div class="pwe-map__stats-diagram-bar-item" data-count="80.672268907563"> <div class="pwe-map__stats-diagram-bar-number"><span class="countup" data-count="96">0</span></div> </div> </div> <div class="pwe-map__stats-diagram-bar exhibitors"> <div class="pwe-map__stats-diagram-bar-item" data-count="100"> <div class="pwe-map__stats-diagram-bar-number"><span class="countup" data-count="119">0</span></div> </div> </div> </div> <p class="pwe-map__stats-diagram-bars-label">Wystawcy</p> </div>  <div class="pwe-map__stats-diagram-bars"> <div class="pwe-map__stats-diagram-bars-wrapper"> <div class="pwe-map__stats-diagram-bar area"> <div class="pwe-map__stats-diagram-bar-item" data-count="88.235294117647"> <div class="pwe-map__stats-diagram-bar-number"><span class="countup" data-count="15000">0</span></div> </div> </div> <div class="pwe-map__stats-diagram-bar area"> <div class="pwe-map__stats-diagram-bar-item" data-count="100"> <div class="pwe-map__stats-diagram-bar-number"><span class="countup" data-count="17000">0</span></div> </div> </div> </div> <p class="pwe-map__stats-diagram-bars-label">Powierzchnia m<sup>2</sup></p> </div> </div> </div> </div> </div> </div></div></div></div></div></div></div><script id="script-row-unique-3" data-row="script-row-unique-3" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-3"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-4"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><script type="rocketlazyloadscript">console.error("Błąd w exhibitors_catalog_checker: Błąd dekodowania danych JSON.")</script><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_37378 pwe_logotypes"> <style> .pwelement_37378 .pwe-container-logotypes-gallery { z-index: 1; } .pwelement_37378.pwe_logotypes .pwe-logo-item-container { box-shadow: none; border-radius: 10px; overflow: hidden; padding: 5px; background-color: white !important; } .pwelement_37378 .pwe-header-logotypes .pwe-logo-item-container { margin: 5px; } .pwelement_37378 .pwe-logo-item { max-width: 140px; 140px display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; } .pwelement_37378 .pwe-logo-item p { margin: 8px 0 0; font-size: 14px; font-weight: 500; } .pwelement_37378 .slick-slide .pwe-logo-item { max-width: 100%; } .pwelement_37378 .pwe-logo-item img { object-fit: contain; aspect-ratio: 3 / 2; } .pwelement_37378 .pwe-logotypes-title { display: flex; justify-content: left; } .pwe-logotypes-title h4 { margin: 0; } .row-parent:has(.pwelement_37378 .pwe-full-width) { max-width: 100% !important; } .pwelement_37378 .pwe-white-logotypes img, .pwelement_37378 .pwe-header .pwe-logotypes-gallery-wrapper img { filter: brightness(0) invert(1); transition: all .3s ease; } .pwelement_37378 .pwe-white-logotypes img:hover, .pwelement_37378 .pwe-header .pwe-logotypes-gallery-wrapper img:hover { filter: none; } .pwelement_37378 .pwe-logo-original img { filter: none !important; } .pwelement_37378 .pwe-color-logotypes .pwe-logo-item img { filter: none !important; } .pwelement_37378 .pwe-header .pwe-logotypes-title { justify-content: center; } .pwelement_37378 .pwe-logo-item-container p { text-transform: uppercase; font-size: 12px; font-weight: 700; color: black; white-space: break-spaces; text-align: center; line-height: 1.1 !important; margin: 5px; } @media(max-width:920px){ .pwelement_37378 .pwe-logo-item-container { } } @media(max-width:620px){ .pwelement_37378 .pwe-logo-item-container { } .pwelement_37378 .pwe-logo-item-container p { } } </style> <style> .pwelement_37378 .pwe-logotypes-gallery-wrapper { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; } </style> <div id="pweLogotypes-83432" class="pwe-container-logotypes-gallery"> <div class="pwe-logotypes-title main-heading-text"> <h4 class="pwe-uppercase"><span>Partnerzy ptak warsaw expo</span></h4> </div> <div class=" pwe-logotypes-gallery-wrapper"> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/wspieraja-nas/federacja-logo.webp"/> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/wspieraja-nas/kig-logo.webp"/> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/wspieraja-nas/kit-logo.webp"/> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/wspieraja-nas/lukasiewicz-logo.webp"/> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/wspieraja-nas/siso-logo.webp"/> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/wspieraja-nas/ufi-logo.webp"/> </div> </div> </div> </div></div></div></div></div></div></div><script id="script-row-unique-4" data-row="script-row-unique-4" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-4"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-5"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_54727"> <style> .twocols-88027 .pwe-slides { visibility: hidden; opacity: 0; height: 0; width: 0; transition: .3s ease; } .wpb_column:has(.twocols-88027){ padding-top:0 !important; } .twocols-88027 .info-image-container { display: flex; justify-content: center; gap: 25px; align-items: stretch; } .twocols-88027 .info-image-box, .twocols-88027 .two-cols-shadow-right, .twocols-88027 .two-cols-shadow-left, .twocols-88027 .info-text-box { display: flex; flex: 1; flex-direction: column; justify-content: space-between; position: relative; margin-bottom: 55px; } .twocols-88027 .info-image-box img { border-radius: 30px; height: 100%; object-fit: cover; } .twocols-88027 .info-text-box h2 { font-size:29px; } .twocols-88027 .info-text-box h6 { text-align: center; display: block; margin: 12px auto 8px; font-size: 13px; } .twocols-88027 .info-text-box .logo-kongres { max-width: 50%; margin: 0 auto; display: block; } .twocols-88027 .two-cols-logotypes { max-width: 500px; margin: 0 auto; } .twocols-88027 .two-cols-logotypes img { padding: 5px; } .twocols-88027 .akcent { background-color: #1f3e70 } .twocols-88027 .main-2 { background-color: #012052 } .twocols-88027 .info-text-box a, .twocols-88027 .info-image-box a { color: white !important; min-width: 200px; padding: 10px 20px; display: block; margin: 0 auto; border-radius: 10px; margin-top: 20px; text-align: center; transition: all 0.3s ease-in-out; font-weight: 500; } .twocols-88027 .slick-dots { transform: scale(.7) !important; bottom: 0px !important; } .twocols-88027 .background-title { font-size: clamp(8rem, 15vw, 8rem); text-align: center; font-weight: 900; line-height: 1; white-space: nowrap; width: 100%; overflow: hidden; margin-top: 0px; color: #1f3e70; opacity: .5; text-align: center; text-transform: uppercase; } .twocols-88027 .main-2:hover { background-color: #1f3e70; } .twocols-88027 .akcent:hover { background-color: #012052; } .twocols-88027 .background-image { display:flex; justify-content: center; } .twocols-88027 .background-image img { width: 100%; } .twocols-88027 .logo-exhibitors { padding: 15px; border-radius: 30px; -webkit-box-shadow: 4px 17px 30px -7px rgba(66, 68, 90, 1); -moz-box-shadow: 4px 17px 30px -7px rgba(66, 68, 90, 1); box-shadow: 4px 17px 30px -7px rgba(66, 68, 90, 1); } .twocols-88027 .logo-exhibitors div { display: flex; flex-wrap: wrap; justify-content: space-around; } .twocols-88027 .logo-exhibitors h3 { display: block; margin: 10px auto; font-size: 20px; text-transform: uppercase; } .twocols-88027 .logo-exhibitors div img { display:none; } .twocols-88027 .logo-exhibitors div img:nth-child(-n+9) { display: block; width: 30%; aspect-ratio: 3 / 2; object-fit: contain; height:auto; } .twocols-88027 .background-title-column { font-size: 69px !important; margin-bottom: -20px; } .twocols-88027 .info-image-container { flex-direction: row-reverse; } @media(max-width:1200px) { .twocols-88027 .background-title { font-size: 90px !important; } .twocols-88027 .background-title-column { font-size: 60px !important; } } @media(max-width:920px) { .twocols-88027 .logo-exhibitors div img:nth-child(-n+9) { width: 46%; } .twocols-88027 .info-image-container { flex-direction: column; } .twocols-88027 .background-title { font-size: 63px !important; } .twocols-88027 .info-image-box, .twocols-88027 .info-text-box { margin-bottom: 10px; } } @media(max-width:920px){ .twocols-88027 .info-image-container { flex-direction: column-reverse; } } @media(max-width:570px) { .twocols-88027 .background-title { font-size: 36px !important; } .twocols-88027 .info-text-box .logo-kongres { margin:15px auto !important; } } </style> <div id="two_cols_element" class="twocols-88027"> <div class="background-title"> Konferencja </div><div class="info-image-container"><div class="info-text-box"> <div> <h2>Roof-Tech Conference – Innowacje, które kształtują przyszłość pokryć dachowych!</h2> <p>Kluczowe wydarzenie dla liderów branży dachowej i pokryć dachowych. Poznaj nowoczesne technologie, trendy i innowacje. Zdobywaj wiedzę, nawiązuj relacje biznesowe i inspiruj się do rozwoju swojej działalności!</p> <img width="600" height="240" class="logo-kongres" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20240'%3E%3C/svg%3E" data-lazy-src="/doc/kongres-color.webp" /><noscript><img width="600" height="240" class="logo-kongres" src="/doc/kongres-color.webp" /></noscript> <h6>PATRONI I PARTNERZY</h6> <div class="two-cols-logotypes pwe-slides"><img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/naszdekarz.webp" alt="Logo wystawcy"/><img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/INWESTYCJE_PLUS_PATRON_MEDIALNY.webp" alt="Logo wystawcy"/><img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Partner Targów/grupa_dekarska_partner_targow.webp" alt="Logo wystawcy"/><img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/BUDOWNICTWO_PATRON_MEDIALNY.webp" alt="Logo wystawcy"/><img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Partner Targów/Polish_chamber.webp" alt="Logo wystawcy"/><img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/FACHOWY_DEKARZ_PATRON_MEDIALNY.webp" alt="Logo wystawcy"/><img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/STOLARKA_PATRON_MEDIALNY.webp" alt="Logo wystawcy"/><img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Partner Targów/Federacja.webp" alt="Logo wystawcy"/><img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/TRUCK.PL_PATRON_MEDIALNY.webp" alt="Logo wystawcy"/></div> <style> #two_cols_element .pwe-arrow { display: block; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 60px; font-weight: 700; z-index: 1; cursor: pointer; } #two_cols_element .pwe-arrow-prev { left: 14px; } #two_cols_element .pwe-arrow-next { right: 14px; } #two_cols_element .slick-dots { position: relative; width: 100%; max-width: 90px; overflow: hidden; white-space: nowrap; padding: 0 !important; list-style: none; margin: auto !important; } #two_cols_element .slick-dots li { width: 16px; height: 16px; margin: 0 7px; background-color: #bbb; border: none; border-radius: 50%; } #two_cols_element .slick-dots li button { opacity: 0; } #two_cols_element .slick-dots li.slick-active { transform-origin: center; background: #00a878; } </style> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { const pweElement = $("#two_cols_element"); const slickSlider = $("#two_cols_element .pwe-slides"); const sliderArrows = $("#two_cols_element .pwe-arrow"); const totalSlides = slickSlider.children().length; const sliderDotsDisplay = "true"; const sliderArrowsDisplay = ""; const slidesToShowSetting = 5; // Function to initialize Slick Slider function initializeSlick(arrowsEnabled = false, dotsEnabled = false) { const currentSlidesToShow = getInitialSlidesToShow(); // Destroy Slick if already initialized if (slickSlider.hasClass("slick-initialized")) { slickSlider.slick("unslick"); } // Initialize Slick Slider slickSlider.slick({ infinite: true, slidesToShow: currentSlidesToShow, slidesToScroll: 1, arrows: arrowsEnabled, nextArrow: $("#two_cols_element .pwe-arrow-next"), prevArrow: $("#two_cols_element .pwe-arrow-prev"), autoplay: true, autoplaySpeed: 3000, dots: dotsEnabled, cssEase: "linear", swipeToSlide: true, }); // Hide arrows if arrows are disabled if (!arrowsEnabled) { sliderArrows.hide(); } else { sliderArrows.show(); } } // Settings for slidesToShow based on breakpoints function getInitialSlidesToShow() { const elementWidth = pweElement.width(); return elementWidth < 400 ? 2 : elementWidth < 600 ? 2 : elementWidth < 900 ? 3 : elementWidth < 1100 ? 4 : slidesToShowSetting; } // Check if arrows and dots should be enabled function updateSlickSettings() { const currentSlidesToShow = getInitialSlidesToShow(); let dotsEnabled = totalSlides > currentSlidesToShow && sliderDotsDisplay === "true"; let arrowsEnabled = totalSlides > currentSlidesToShow && sliderArrowsDisplay === "true"; initializeSlick(arrowsEnabled, dotsEnabled); if (dotsEnabled) { slickSlider.on("afterChange", function (event, slick, currentSlide) { const $slickDots = $(event.target).find(".slick-dots"); const dotWidth = 30; // Calculate the offset based on the currentSlide index const scrollPosition = (currentSlide - 1) * dotWidth; // Set scrollLeft directly on the .slick-dots container $slickDots.animate({ scrollLeft: scrollPosition }, 300); }); } } // Initialize slider on document ready updateSlickSettings(); // Reinitialize slider on window resize and element resize const resizeObserver = new ResizeObserver(() => { updateSlickSettings(); }); resizeObserver.observe(pweElement[0]); }); });</script> </div> <a class="main-2" href="/wydarzenia/">DOWIEDZ SIĘ WIĘCEJ</a> </div> <div class="info-image-box"><img width="800" height="533" data-no-lazy="1" src="/doc/new_template/conference_img.webp" /> <a class="akcent" href="/rejestracja/">WEŹ UDZIAŁ</a> </div> </div></div> <script type="rocketlazyloadscript"> document.addEventListener("DOMContentLoaded", function () { const twoColsSlider = document.querySelector(".twocols-88027 .pwe-slides"); if (twoColsSlider) { twoColsSlider.style.visibility = "visible"; twoColsSlider.style.opacity = 1; twoColsSlider.style.height = "auto"; twoColsSlider.style.width = "auto"; } const pweContainerLogotypes = document.querySelector(".twocols-88027 .pwe-container-logotypes"); if (pweContainerLogotypes && pweContainerLogotypes.children.length === 0) { const loader = document.createElement("div"); loader.className = "pwe-loader"; pweContainerLogotypes.appendChild(loader); } }); </script></div></div></div></div></div></div><script id="script-row-unique-5" data-row="script-row-unique-5" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-5"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-6"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><script type="rocketlazyloadscript">console.error("Błąd w exhibitors_catalog_checker: Błąd dekodowania danych JSON.")</script><div class="wpb_column pos-top pos-center align_center column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_68737 pwe_logotypes"> <style> .pwelement_68737 .pwe-container-logotypes-gallery { z-index: 1; } .pwelement_68737.pwe_logotypes .pwe-logo-item-container { box-shadow: 2px 2px 12px #cccccc; background-color: white; border-radius: 10px; overflow: hidden; padding: 5px; padding: 10px 0; background-color: white !important; min-width: 200px; } .pwelement_68737 .pwe-header-logotypes .pwe-logo-item-container { margin: 5px; } .pwelement_68737 .pwe-logo-item { max-width: 140px; max-width: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; } .pwelement_68737 .pwe-logo-item p { margin: 8px 0 0; font-size: 14px; font-weight: 500; } .pwelement_68737 .slick-slide .pwe-logo-item { max-width: 100%; } .pwelement_68737 .pwe-logo-item img { object-fit: contain; aspect-ratio: 3 / 2; } .pwelement_68737 .pwe-logotypes-title { display: flex; justify-content: left; } .pwe-logotypes-title h4 { margin: 0; } .row-parent:has(.pwelement_68737 .pwe-full-width) { max-width: 100% !important; } .pwelement_68737 .pwe-white-logotypes img, .pwelement_68737 .pwe-header .pwe-logotypes-gallery-wrapper img { filter: brightness(0) invert(1); transition: all .3s ease; } .pwelement_68737 .pwe-white-logotypes img:hover, .pwelement_68737 .pwe-header .pwe-logotypes-gallery-wrapper img:hover { filter: none; } .pwelement_68737 .pwe-logo-original img { filter: none !important; } .pwelement_68737 .pwe-color-logotypes .pwe-logo-item img { filter: none !important; } .pwelement_68737 .pwe-header .pwe-logotypes-title { justify-content: center; } .pwelement_68737 .pwe-logo-item-container p { text-transform: uppercase; font-size: 12px; font-weight: 700; color: black; white-space: break-spaces; text-align: center; line-height: 1.1 !important; margin: 5px; } @media(max-width:920px){ .pwelement_68737 .pwe-logo-item-container { min-width: 135px; } } @media(max-width:620px){ .pwelement_68737 .pwe-logo-item-container { max-width: 22% !important; min-width: 22% !important; padding: 5px !important; } .pwelement_68737 .pwe-logo-item-container p { font-size: 9px !important; font-weight: 600 !important; } } </style> <style> .pwelement_68737 .pwe-logotypes-gallery-wrapper { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; } </style></div><div class="pwelement pwelement_85476"> <style> .pwelement_85476 .pwe-button-link { color: white!important; background-color: #1f3e70!important; border: 1px solid #1f3e70!important; border-radius: 10px; min-width: 240px; } .pwelement_85476 .pwe-button-link:hover { color: white!important; background-color: #0b2a5c!important; border: 1px solid #0b2a5c!important; } </style> <div id="pweButton-22389" class="pwe-button"> <a class="pwe-button-link btn" href="/katalog-wystawcow/" >Zobacz pełny katalog</a> </div></div></div></div></div></div></div><script id="script-row-unique-6" data-row="script-row-unique-6" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-6"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-7"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><script type="rocketlazyloadscript">console.error("Błąd w exhibitors_catalog_checker: Błąd dekodowania danych JSON.")</script><div class="wpb_column pos-top pos-center align_center column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_54590 pwe_logotypes"> <style> .pwelement_54590 .pwe-container-logotypes-gallery { z-index: 1; } .pwelement_54590.pwe_logotypes .pwe-logo-item-container { box-shadow: 2px 2px 12px #cccccc; background-color: white; border-radius: 10px; overflow: hidden; padding: 5px; padding: 10px 0; background-color: white !important; min-width: 200px; } .pwelement_54590 .pwe-header-logotypes .pwe-logo-item-container { margin: 5px; } .pwelement_54590 .pwe-logo-item { max-width: 140px; max-width: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; } .pwelement_54590 .pwe-logo-item p { margin: 8px 0 0; font-size: 14px; font-weight: 500; } .pwelement_54590 .slick-slide .pwe-logo-item { max-width: 100%; } .pwelement_54590 .pwe-logo-item img { object-fit: contain; aspect-ratio: 3 / 2; } .pwelement_54590 .pwe-logotypes-title { display: flex; justify-content: left; } .pwe-logotypes-title h4 { margin: 0; } .row-parent:has(.pwelement_54590 .pwe-full-width) { max-width: 100% !important; } .pwelement_54590 .pwe-white-logotypes img, .pwelement_54590 .pwe-header .pwe-logotypes-gallery-wrapper img { filter: brightness(0) invert(1); transition: all .3s ease; } .pwelement_54590 .pwe-white-logotypes img:hover, .pwelement_54590 .pwe-header .pwe-logotypes-gallery-wrapper img:hover { filter: none; } .pwelement_54590 .pwe-logo-original img { filter: none !important; } .pwelement_54590 .pwe-color-logotypes .pwe-logo-item img { filter: none !important; } .pwelement_54590 .pwe-header .pwe-logotypes-title { justify-content: center; } .pwelement_54590 .pwe-logo-item-container p { text-transform: uppercase; font-size: 12px; font-weight: 700; color: black; white-space: break-spaces; text-align: center; line-height: 1.1 !important; margin: 5px; } @media(max-width:920px){ .pwelement_54590 .pwe-logo-item-container { min-width: 135px; } } @media(max-width:620px){ .pwelement_54590 .pwe-logo-item-container { max-width: 22% !important; min-width: 22% !important; padding: 5px !important; } .pwelement_54590 .pwe-logo-item-container p { font-size: 9px !important; font-weight: 600 !important; } } </style> <style> .pwelement_54590 .pwe-logotypes-gallery-wrapper { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; } </style> <div id="pweLogotypes-32037" class="pwe-container-logotypes-gallery"> <div class="pwe-logotypes-title main-heading-text"> <h4 class="pwe-uppercase"><span>Patroni I partnerzy</span></h4> </div> <div class=" pwe-logotypes-gallery-wrapper"> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Partner Główny/PSD_partner_targów.webp"/> <p>Partner<br>Główny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Partner Targów/Federacja.webp"/> <p>Partner<br>Targów</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Partner Targów/Polish_chamber.webp"/> <p>Partner<br>Targów</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Partner Targów/grupa_dekarska_partner_targow.webp"/> <p>Partner<br>Targów</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Partner Targów/kit_1.webp"/> <p>Partner<br>Targów</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Partner Targów/ŁUKASIEWICZ_SIEC_BADAWCZA.webp"/> <p>Partner<br>Targów</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/ARCHITEKTURA_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/BUDOWNICTWO_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/CZTERY_KĄTY_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/DACY_PORTAL_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/DEKARZ_CIEŚLA_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/EKSPERT_BUDOWLANY_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/FACHOWY_DEKARZ_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/INWESTYCJE_PLUS_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/IZOLACJE_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/LADNY_DOM_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/MATERIAŁY_BUDOWLANE_1_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/MATERIAŁY_BUDOWLANE_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/MURATOR_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/MURATOR_PLUS_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/NARZĘDZIA_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/STOLARKA_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/THE_TOOLS_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/TRUCK.PL_PATRON_MEDIALNY.webp"/> <p>Patron<br>Medialny</p> </div> </div> <div class="pwe-logo-item-container" style=""> <div class="pwe-logo-item " style=" "> <img width="300" height="200" data-no-lazy="1" src="/doc/Logotypy/Rotator 2/Patron Medialny/naszdekarz.webp"/> <p>Patron<br>Medialny</p> </div> </div> </div> </div></div><div class="pwelement pwelement_52469"> <style> .pwelement_52469 .pwe-button-link { color: white!important; background-color: #1f3e70!important; border: 1px solid #1f3e70!important; border-radius: 10px; min-width: 240px; } .pwelement_52469 .pwe-button-link:hover { color: white!important; background-color: #0b2a5c!important; border: 1px solid #0b2a5c!important; } </style> <div id="pweButton-14434" class="pwe-button"> <a class="pwe-button-link btn" href="/rejestracja/" >Weź udział</a> </div></div></div></div></div></div></div><script id="script-row-unique-7" data-row="script-row-unique-7" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-7"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-8"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div id="PWEProfileCards" class="profile-cards profile-cards-41637"> <style> .profile-cards-41637 .profile_cards_title { display: flex; justify-content: center; } .profile-cards-41637 .profile_cards_title h4 { margin: 0; text-align: center; } .profile-cards-41637 .pwe-profiles__main-container-cards { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 36px; margin-top: 18px; } .profile-cards-41637 .pwe-profiles__cards-item { width: 100%; max-width: 100%; min-width: 280px; padding: 18px; border-radius: 18px; background: white; transition: 0.6s ease; box-shadow: 0px 30px 60px -30px rgba(0, 0, 0, .45); flex: 0.5; } .profile-cards-41637 .pwe-profiles__cards-item:hover { background: #1f3e70; } .profile-cards-41637 .pwe-profiles__cards-icon img{ width: 60px; aspect-ratio: 1/1; margin: 0 18px; filter: brightness(0); transition: 0.6s ease; } .profile-cards-41637 .pwe-profiles__cards-item:hover .pwe-profiles__cards-icon img{ filter: unset; } .profile-cards-41637 .pwe-profiles__cards-icon svg { margin: 0 18px; } .profile-cards-41637 .pwe-profiles__cards-icon svg path{ fill: #1f3e70; margin: 0 18px; transition: 0.6s ease; } .profile-cards-41637 .pwe-profiles__cards-item:hover .pwe-profiles__cards-icon svg path{ fill: #ffffff; } .profile-cards-41637 .pwe-profiles__cards-title{ margin: 12px 18px; color: black; transition: 0.6s ease; } .profile-cards-41637 .pwe-profiles__cards-item li{ color: black; transition: 0.6s ease; } .profile-cards-41637 .pwe-profiles__cards-item .pwe-see-more{ color: black; transition: 0.6s ease; font-weight: 600; } .profile-cards-41637 .pwe-profiles__cards-item:hover .pwe-profiles__cards-title, .profile-cards-41637 .pwe-profiles__cards-item:hover li, .profile-cards-41637 .pwe-profiles__cards-item:hover .pwe-see-more{ color: white !important; } .profile-cards-41637 .pwe-profiles__cards-line{ width: 30%; border-color: #1f3e70; border-top-width: 3px; border-radius: 100px; height: 0; margin: 12px 18px !important; max-width: 100px; transition: 0.6s ease; } .profile-cards-41637 .pwe-profiles__cards-item:hover .pwe-profiles__cards-line{ border-color: white; } .profile-cards-41637 .pwe-profiles__cards-content-hidden ul{ margin-top: 0; } @media(max-width:600px){ .profile-cards-41637 .pwe-profiles__cards-item { flex: 1; } } </style> <div class="profile_cards_title main-heading-text"> <h4 class="pwe-uppercase"><span>Poznaj, kto kształtuje przyszłość branży – sprawdź liderów, innowacje i możliwości!</span></h4> </div> <div class="pwe-profiles__main-container-cards"> <div class="pwe-profiles__cards-item"> <div class="pwe-profiles__cards-icon"> <svg width="55" height="54" viewBox="0 0 55 54" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M54.3221 25.415V28.5787C54.2958 28.7494 54.2433 28.92 54.2302 29.0775C54.0726 31.5061 53.5606 33.8691 52.7335 36.1664C48.0071 49.1758 34.3005 56.501 20.8566 53.2191C6.97936 49.8322 -1.90889 35.9564 0.808787 21.9362C1.84597 16.567 4.28794 11.9198 8.1347 8.03407C12.1653 3.96452 17.0098 1.40465 22.6815 0.420082C23.6924 0.249424 24.7296 0.144403 25.7536 0H28.9177C29.6267 0.0787654 30.3487 0.157531 31.0577 0.262551C36.3749 1.01082 41.0882 3.13749 45.1187 6.69506C49.8582 10.8827 52.8254 16.0944 53.9282 22.3562C54.0989 23.3671 54.2039 24.4041 54.3483 25.415H54.3221ZM20.7909 30.0621C15.0799 25.6775 14.988 17.9454 19.3468 13.4295C23.5217 9.11053 30.4013 8.84798 34.957 13.0751C39.2239 17.0396 40.1429 25.3231 33.8804 30.0621C39.5915 32.1231 43.7139 35.9039 46.2347 41.4306C53.4293 32.1231 52.9435 18.1029 43.3332 9.37308C33.8542 0.74827 19.3205 1.15522 10.406 10.2264C1.20265 19.5863 1.88535 33.1996 8.42353 41.4043C10.9443 35.8908 15.0405 32.1231 20.7909 30.0359V30.0621ZM27.526 50.843C28.13 50.8037 28.9571 50.7905 29.7711 50.6986C35.0751 50.121 39.6834 47.9944 43.5958 44.358C43.7139 44.253 43.7927 43.9773 43.7402 43.8329C42.3354 39.8553 39.8409 36.7178 36.1911 34.6174C30.7951 31.5061 25.2022 31.283 19.6093 33.9873C15.395 36.022 12.5197 39.3696 10.9311 43.7804C10.8786 43.938 10.9311 44.2399 11.0624 44.3449C15.6444 48.5851 21.0666 50.7249 27.526 50.8168V50.843ZM35.2327 21.096C35.2327 16.7508 31.6616 13.1801 27.316 13.1932C22.9835 13.1932 19.4387 16.7376 19.4255 21.0697C19.4124 25.415 22.9703 28.9988 27.316 28.9988C31.6616 28.9988 35.2327 25.4412 35.2327 21.096Z" fill="#ffffff"></path> </svg> </div> <div class="pwe-profile-text"> <h5 class="pwe-profiles__cards-title">Profil odwiedzającego</h5> <hr class="pwe-profiles__cards-line"> <div class="pwe-profiles__cards-content-visable"> <ul> <li>dekarze</li> <li>cieśle</li> <li>właściciele firm dekarskich</li> <li>projektanci</li> <li>właściciele biur projektowych</li> <li>architekci</li> </ul> </div> </div> <div class="pwe-profiles__cards-content-hidden" style="display: none; color: black;"> <ul> <li>deweloperzy i inwestorzy indywidualni</li> <li>przedstawiciele hurtowni i składów budowlanych</li> <li>kierownicy budów i inspektorzy budowlani</li> </ul> </div> <p class="pwe-see-more" style="cursor: pointer; color: black;">więcej...</p> </div> <div class="pwe-profiles__cards-item"> <div class="pwe-profiles__cards-icon"> <svg width="53" height="45" viewBox="0 0 53 45" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M52.9443 19.5416C52.919 21.4214 51.6245 22.9731 49.721 23.402C43.2362 24.8528 37.7667 26.0639 32.2337 27.275C32.1449 27.3003 32.0941 27.3129 32.0688 27.3255C32.0688 27.3507 32.0688 27.4012 32.0688 27.4895C32.1068 28.3221 32.0941 29.1548 32.0815 29.9622V30.3406C32.0688 31.6653 31.4469 32.2708 30.1271 32.2708C28.9723 32.2708 27.881 32.2708 26.8404 32.2708C25.7997 32.2708 24.6576 32.2708 23.6424 32.2708C22.3734 32.2708 21.7515 31.6527 21.7262 30.4037C21.7008 29.2935 21.7135 28.2717 21.7262 27.3003C18.1982 26.5307 14.6196 25.7359 11.1678 24.9664L8.61706 24.3987C8.16021 24.2977 7.70336 24.1968 7.2592 24.0959C6.21859 23.8688 5.15261 23.6291 4.09931 23.3894C2.50033 23.0236 1.45973 22.0395 0.990184 20.4752C0.964804 20.4121 0.952113 20.349 0.926733 20.286C0.914043 20.2481 0.901352 20.2103 0.888662 20.1724L0.863281 20.0841V11.4676L0.888662 11.3919C1.1044 10.6476 1.39627 9.78974 2.13231 9.12111C3.17292 8.16232 4.44195 8.04878 5.2922 8.04878C11.4851 8.04878 17.6653 8.04878 23.8581 8.04878H48.5535C49.3657 8.04878 50.4063 8.13709 51.32 8.80572C52.386 9.58789 52.957 10.6981 52.957 12.0479C52.9697 14.2431 52.9824 16.8419 52.957 19.5038L52.9443 19.5416ZM25.1525 28.8772H28.6551V25.3574H25.1525V28.8772ZM49.5814 12.3886C49.5814 11.6064 49.4418 11.4676 48.6804 11.4676C34.1627 11.4676 19.6449 11.4676 5.11454 11.4676C4.36581 11.4676 4.21352 11.619 4.21352 12.3886C4.21352 14.5206 4.21352 16.741 4.21352 19.1884C4.21352 19.8949 4.32774 20.0336 5.0257 20.185C7.03077 20.6266 9.03584 21.0807 11.0409 21.5223C13.4394 22.0521 15.8379 22.5946 18.2363 23.1245C19.1754 23.3263 20.1018 23.5408 21.0663 23.7426L21.7262 23.894C21.7262 23.8814 21.7262 23.8688 21.7262 23.8436C21.7642 22.5568 22.3734 21.9512 23.6551 21.9386C24.2515 21.9386 24.8607 21.9386 25.4571 21.9386H26.2439C26.6373 21.9386 27.0307 21.9386 27.4114 21.9386C27.7921 21.9386 28.1855 21.9386 28.5789 21.9386C28.9723 21.9386 29.6449 21.9386 30.1779 21.9386C31.3835 21.9386 31.9926 22.5315 32.0561 23.7174C32.0561 23.7679 32.0561 23.831 32.0561 23.8814C35.216 23.1749 38.3759 22.4685 41.5357 21.762L48.7438 20.1598C49.4418 20.0084 49.556 19.8696 49.556 19.1632C49.556 16.7662 49.556 14.5458 49.556 12.3633L49.5814 12.3886ZM35.0256 6.82506C35.0129 6.82506 35.0002 6.82506 34.9875 6.82506C34.0485 6.79983 33.4012 6.15643 33.3505 5.18503C33.3505 5.00841 33.3505 4.81918 33.3505 4.65517C33.3505 4.40286 33.3505 4.16316 33.3251 3.93608C33.287 3.58284 33.1982 3.4693 32.7794 3.39361C32.6398 3.36838 32.4875 3.36838 32.3226 3.36838C28.7312 3.36838 25.1525 3.36838 21.5612 3.36838C20.6094 3.36838 20.4952 3.48192 20.4825 4.42809C20.4825 4.49117 20.4825 4.54163 20.4825 4.60471C20.4825 4.89487 20.4825 5.19765 20.4317 5.50042C20.3175 6.25736 19.6957 6.78722 18.8835 6.82506C18.0206 6.86291 17.3099 6.35828 17.1957 5.60135C17.0054 4.2767 16.9546 2.88898 17.8683 1.64003C18.6551 0.555088 19.7845 0 21.2185 0C22.5383 0 23.8581 0 25.1779 0H28.5662C29.8733 0 31.1678 0 32.4749 0C35.0383 0 36.7007 1.65265 36.7134 4.20101V4.41548C36.7134 4.66779 36.7134 4.9201 36.7134 5.18503C36.6627 6.16905 35.9901 6.82506 35.0383 6.82506H35.0256ZM2.0181 26.2027C2.0181 25.307 2.36074 24.8402 2.65262 24.6131C2.91911 24.3987 3.40134 24.1842 4.13738 24.3482C4.73383 24.487 5.13992 24.8654 5.2922 25.4331C5.35565 25.6981 5.39372 26.0008 5.39372 26.3541C5.39372 29.8738 5.39372 33.3936 5.39372 36.926V40.6098C5.39372 41.5055 5.52063 41.6316 6.39626 41.6316C20.0637 41.6316 33.7439 41.6316 47.4114 41.6316C48.2743 41.6316 48.4012 41.5055 48.4012 40.6476V35.9798C48.4012 32.7881 48.4012 29.5837 48.4012 26.3919C48.4012 26.1775 48.4012 25.8873 48.4647 25.5971C48.6296 24.7771 49.3149 24.2599 50.1525 24.2977C51.0408 24.3356 51.6499 24.9033 51.7514 25.7738C51.7641 25.9251 51.7768 26.0892 51.7768 26.2784C51.7768 27.8049 51.7768 29.3314 51.7768 30.8705C51.7768 34.1001 51.7768 37.4432 51.7768 40.7359C51.7768 42.6156 51.0154 43.9151 49.4799 44.5963C48.7692 44.9117 47.9697 44.9874 47.424 44.9874C43.4901 45 39.5053 45 35.584 45C31.6627 45 32.6906 45 31.2566 45H21.3708C16.3201 45 11.2566 45 6.2059 45C4.39119 45 3.05871 44.2052 2.38612 42.7166C2.145 42.1741 2.00541 41.5055 2.00541 40.8242C1.98003 36.3835 1.99272 31.8671 1.99272 27.5021V26.2153L2.0181 26.2027Z" fill="#ffffff"></path> </svg> </div> <div class="pwe-profile-text"> <h5 class="pwe-profiles__cards-title">Profil wystawcy</h5> <hr class="pwe-profiles__cards-line"> <div class="pwe-profiles__cards-content-visable"> <ul> <li>pokrycia dachowe ceramiczne</li> <li>pokrycia dachowe blaszane</li> <li>więźba dachowa</li> <li>ocieplenia i izolacje dla dachów</li> <li>kanalizacja odpływowa z dachu – rynny, rury spustowe, kształtki</li> <li>chemia konstrukcyjna dla dachów – kleje, farby, zabezpieczenia antykorozyjne</li> </ul> </div> </div> <div class="pwe-profiles__cards-content-hidden" style="display: none; color: black;"> <ul> <li>okna dachowe</li> <li>narzędzia i urządzenia montażowe dla dekarzy</li> <li>rusztowania i urządzenia do prac na wysokościach</li> <li>BHP – związane z pracą na wysokościach</li> </ul> </div> <p class="pwe-see-more" style="cursor: pointer; color: black;">więcej...</p> </div> <div class="pwe-profiles__cards-item"> <div class="pwe-profiles__cards-icon"> <svg width="43" height="32" viewBox="0 0 43 32" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M40.994 31.3962C40.8308 31.4237 40.6677 31.4374 40.5045 31.4374C31.2298 31.4374 21.9687 31.4374 12.694 31.4374C11.1301 31.4374 10.1102 30.0652 10.5725 28.6381C10.8445 27.7873 11.5925 27.2247 12.4764 27.1973C12.6532 27.1973 12.83 27.1973 13.0068 27.1973C22.0367 27.1973 31.053 27.211 40.0829 27.1836C41.3884 27.1836 42.2996 27.5952 42.7483 28.8714V29.7084C42.4764 30.6003 41.946 31.2316 40.994 31.4099V31.3962ZM40.5997 18.1133C39.7429 18.127 38.8726 18.1133 38.0158 18.1133C29.6115 18.1133 21.1935 18.1133 12.7892 18.1133C11.8101 18.1133 11.0485 17.7565 10.6405 16.8371C10.0694 15.5472 10.9125 14.0652 12.2996 13.9006C12.5308 13.8731 12.762 13.8731 12.9932 13.8731C22.0367 13.8731 31.0666 13.8731 40.1101 13.8594C41.4156 13.8594 42.3404 14.2711 42.7483 15.5747V16.4117C42.7211 16.4529 42.6939 16.5078 42.6667 16.5489C42.3268 17.5507 41.6468 18.0858 40.5997 18.1133ZM40.7357 4.80284C40.6269 4.80284 40.5181 4.80284 40.4093 4.80284C31.2026 4.80284 22.0095 4.80284 12.8028 4.80284C12.218 4.80284 11.6877 4.70678 11.2253 4.32256C10.5589 3.77368 10.2869 2.86803 10.5453 2.0447C10.8173 1.19393 11.5381 0.617604 12.4356 0.562716C12.6124 0.562716 12.7892 0.562716 12.966 0.562716H40.1645C41.6604 0.562716 42.1772 0.905767 42.7347 2.30542V3.12874C42.6124 3.2248 42.6259 3.37574 42.5716 3.49924C42.2044 4.29512 41.5924 4.74795 40.7221 4.80284H40.7357ZM3.55532 32C2.0186 32 0.740273 30.7238 0.726674 29.1595C0.726674 27.5952 1.9914 26.3053 3.52812 26.3053C5.06483 26.3053 6.34316 27.5815 6.35676 29.1458C6.35676 30.6964 5.09203 32 3.55532 32ZM3.56892 13.1596C5.11923 13.1596 6.38396 14.4632 6.35676 16.0275C6.32956 17.6055 5.06483 18.8542 3.51452 18.8405C1.95061 18.8268 0.713074 17.5507 0.726674 15.9726C0.726674 14.4083 2.005 13.1596 3.56892 13.1596ZM3.51452 5.7085C1.9642 5.7085 0.713074 4.4049 0.726674 2.82686C0.726674 1.26254 2.0322 -0.0136124 3.56892 0.000109636C5.11923 0.0275538 6.38396 1.33115 6.35676 2.88175C6.32956 4.45979 5.06483 5.72222 3.51452 5.7085Z" fill="#ffffff"></path> </svg> </div> <div class="pwe-profile-text"> <h5 class="pwe-profiles__cards-title">Zakres branżowy</h5> <hr class="pwe-profiles__cards-line"> <div class="pwe-profiles__cards-content-visable"> <ul> <li>producenci pokryć dachowych (blaszanych, ceramicznych, betonowych, z łupka)</li> <li>producenci termoizolacji dachowych</li> <li>producenci więźby dachowej i wiązarów</li> <li>producenci okien dachowych</li> <li>producenci narzędzi dekarskich ręcznych i elektronarzędzi</li> <li>producenci ubrań roboczych</li> </ul> </div> </div> <div class="pwe-profiles__cards-content-hidden" style="display: none; color: black;"> <ul> <li>producenci zabezpieczeń BHP</li> <li>producenci podnośników i rusztowań</li> <li>tartaki i dostawcy drewna</li> <li>producenci specjalistycznych samochodów dostawczych</li> </ul> </div> <p class="pwe-see-more" style="cursor: pointer; color: black;">więcej...</p> </div> </div> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { // Funkcja ustawiająca równą wysokość dla elementów w obrębie każdego wiersza function setEqualHeightByRow() { const items = $(".pwe-profiles__cards-item"); let rowItems = []; let currentTop = 0; let maxHeight = 0; // Resetuj wysokości przed obliczeniem items.css("height", "auto"); items.each(function () { const $this = $(this); const itemTop = $this.offset().top; // Jeśli element jest w tym samym wierszu, dodaj do listy if (itemTop === currentTop) { rowItems.push($this); const thisHeight = $this.outerHeight(); if (thisHeight > maxHeight) { maxHeight = thisHeight; } } else { // Ustaw maksymalną wysokość dla elementów w poprzednim wierszu rowItems.forEach(item => item.css("minHeight", maxHeight + "px")); // Rozpocznij nowy wiersz rowItems = [$this]; currentTop = itemTop; maxHeight = $this.outerHeight(); } }); // Ustaw maksymalną wysokość dla ostatniego wiersza rowItems.forEach(item => item.css("minHeight", maxHeight + "px")); } // Wywołaj funkcję po załadowaniu strony $(document).ready(setEqualHeightByRow); // Wywołaj funkcję przy zmianie rozmiaru okna $(window).resize(function () { setEqualHeightByRow(); }); }); });</script></div></div></div></div></div></div><script id="script-row-unique-8" data-row="script-row-unique-8" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-8"));</script></div></div></div><div data-parent="true" class="vc_row row-container desktop-hidden tablet-hidden mobile-hidden" id="row-unique-9"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="vc_row row-internal row-container"><div class="row row-child"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_center column_child col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="vc_custom_heading_wrap main-heading-text"><div class="heading-text el-text" ><h4 class="text-uppercase" ><span>Największa powierzchnia wystawiennicza w Polsce</span></h4></div><div class="clear"></div></div></div></div></div></div></div></div></div></div><div class="pwelement pwelement_83954"><style>.row-container:has(.pwelement_83954) {display: none !important;}</style></div></div></div></div></div></div><script id="script-row-unique-9" data-row="script-row-unique-9" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-9"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-10"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_76795"> <style> .pwelement_76795 .pwe-other-events__wrapper { display: flex; flex-direction: column; gap: 36px; } .pwelement_76795 .pwe-other-events__heading h4 { margin: 0 auto; text-align: center; text-transform: uppercase; } .pwelement_76795 .pwe-other-events__item { margin: 10px; } .pwelement_76795 .pwe-other-events__item-statistic { display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; gap: 6px; } .pwelement_76795 .pwe-other-events__item-logo { height: 80px; display: flex; justify-content: center; align-items: center; } .pwelement_76795 .pwe-other-events__item-statistic img { max-width: 140px; height: 100%; object-fit: contain; } .pwelement_76795 .pwe-other-events__item-statistic-numbers-block { display: flex; flex-direction: column; gap: 6px; } .pwelement_76795 .pwe-other-events__item-statistic-number { font-weight: 700; } .pwelement_76795 .pwe-other-events__item-statistic-name { font-size: 12px; font-weight: 500; } .pwelement_76795 .pwe-other-events__item-text p { line-height: 1.3; } </style> <style> .pwelement_76795 .pwe-other-events__item { padding: 18px; box-shadow: 2px 2px 5px #cccccc; border-radius: 18px; transition: .3s ease; } .pwelement_76795 .pwe-other-events__item a { display: flex; flex-direction: column; gap: 18px; } .pwelement_76795 .pwe-other-events__item:hover { transform: scale(0.95); } .pwelement_76795 .pwe-other-events__item-text, .pwelement_76795 .pwe-other-events__item-text p { font-weight: 500; text-align: center; margin: 0; text-transform: uppercase; } </style> <div id="pweOtherEvents" class="pwe-other-events"> <div class="pwe-other-events__wrapper"> <div class="pwe-other-events__heading"> <h4>Inne wydarzenia podczas targów</h4> </div> <div class="pwe-other-events__items pwe-slides"> <div class="pwe-other-events__item" style="border-radius: 18px;"> <a href="https://facadeexpo.pl/" target="_blank"> <div class="pwe-other-events__item-statistic"> <div class="pwe-other-events__item-logo"> <img data-no-lazy="1" src="https://facadeexpo.pl/doc/logo-color.webp"/> </div> <div class="pwe-other-events__item-statistic-numbers-block"> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">5892</div> <div class="pwe-other-events__item-statistic-name">odwiedzających</div> </div> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">98</div> <div class="pwe-other-events__item-statistic-name">wystawców</div> </div> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">17000 m2</div> <div class="pwe-other-events__item-statistic-name">powierzchni<br>wystawienniczej</div> </div> </div> </div> <div class="pwe-other-events__item-text">Międzynarodowe Targi Elewacji i Termomodernizacji</div> </a> </div> <div class="pwe-other-events__item" style="border-radius: 18px;"> <a href="https://poultrypoland.com/" target="_blank"> <div class="pwe-other-events__item-statistic"> <div class="pwe-other-events__item-logo"> <img data-no-lazy="1" src="https://poultrypoland.com/doc/logo-color.webp"/> </div> <div class="pwe-other-events__item-statistic-numbers-block"> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">4732</div> <div class="pwe-other-events__item-statistic-name">odwiedzających</div> </div> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">72</div> <div class="pwe-other-events__item-statistic-name">wystawców</div> </div> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">15000 m2</div> <div class="pwe-other-events__item-statistic-name">powierzchni<br>wystawienniczej</div> </div> </div> </div> <div class="pwe-other-events__item-text">Branżowe Targi Hodowli Drobiu i Produkcji Jaj</div> </a> </div> <div class="pwe-other-events__item" style="border-radius: 18px;"> <a href="https://bioagropolska.com/" target="_blank"> <div class="pwe-other-events__item-statistic"> <div class="pwe-other-events__item-logo"> <img data-no-lazy="1" src="https://bioagropolska.com/doc/logo-color.webp"/> </div> <div class="pwe-other-events__item-statistic-numbers-block"> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">4732</div> <div class="pwe-other-events__item-statistic-name">odwiedzających</div> </div> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">72</div> <div class="pwe-other-events__item-statistic-name">wystawców</div> </div> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">15000 m2</div> <div class="pwe-other-events__item-statistic-name">powierzchni<br>wystawienniczej</div> </div> </div> </div> <div class="pwe-other-events__item-text">Międzynarodowe Targi Technologii i Produktów Rolnictwa Ekologicznego</div> </a> </div> <div class="pwe-other-events__item" style="border-radius: 18px;"> <a href="https://centralnetargirolnicze.com/" target="_blank"> <div class="pwe-other-events__item-statistic"> <div class="pwe-other-events__item-logo"> <img data-no-lazy="1" src="https://centralnetargirolnicze.com/doc/logo-color.webp"/> </div> <div class="pwe-other-events__item-statistic-numbers-block"> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">9923</div> <div class="pwe-other-events__item-statistic-name">odwiedzających</div> </div> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">107</div> <div class="pwe-other-events__item-statistic-name">wystawców</div> </div> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">17000 m2</div> <div class="pwe-other-events__item-statistic-name">powierzchni<br>wystawienniczej</div> </div> </div> </div> <div class="pwe-other-events__item-text">NAJWIĘKSZE TARGI NOWOCZESNYCH TECHNOLOGII DLA ROLNICTWA</div> </a> </div> <div class="pwe-other-events__item" style="border-radius: 18px;"> <a href="https://fruitpolandexpo.com/" target="_blank"> <div class="pwe-other-events__item-statistic"> <div class="pwe-other-events__item-logo"> <img data-no-lazy="1" src="https://fruitpolandexpo.com/doc/logo-color.webp"/> </div> <div class="pwe-other-events__item-statistic-numbers-block"> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">6008</div> <div class="pwe-other-events__item-statistic-name">odwiedzających</div> </div> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">102</div> <div class="pwe-other-events__item-statistic-name">wystawców</div> </div> <div class="pwe-other-events__item-statistic-numbers"> <div class="pwe-other-events__item-statistic-number">17000 m2</div> <div class="pwe-other-events__item-statistic-name">powierzchni<br>wystawienniczej</div> </div> </div> </div> <div class="pwe-other-events__item-text">Międzynarodowe Targi Sadownicze</div> </a> </div> </div> <style> .pwelement_76795 .pwe-arrow { display: block; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 60px; font-weight: 700; z-index: 1; cursor: pointer; } .pwelement_76795 .pwe-arrow-prev { left: 14px; } .pwelement_76795 .pwe-arrow-next { right: 14px; } .pwelement_76795 .slick-dots { position: relative; width: 100%; max-width: 90px; overflow: hidden; white-space: nowrap; padding: 0 !important; list-style: none; margin: auto !important; } .pwelement_76795 .slick-dots li { width: 16px; height: 16px; margin: 0 7px; background-color: #bbb; border: none; border-radius: 50%; } .pwelement_76795 .slick-dots li button { opacity: 0; } .pwelement_76795 .slick-dots li.slick-active { transform-origin: center; background: #00a878; } </style> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { const pweElement = $(".pwelement_76795"); const slickSlider = $(".pwelement_76795 .pwe-slides"); const sliderArrows = $(".pwelement_76795 .pwe-arrow"); const totalSlides = slickSlider.children().length; const sliderDotsDisplay = "true"; const sliderArrowsDisplay = "false"; const slidesToShowSetting = 4; // Function to initialize Slick Slider function initializeSlick(arrowsEnabled = false, dotsEnabled = false) { const currentSlidesToShow = getInitialSlidesToShow(); // Destroy Slick if already initialized if (slickSlider.hasClass("slick-initialized")) { slickSlider.slick("unslick"); } // Initialize Slick Slider slickSlider.slick({ infinite: true, slidesToShow: currentSlidesToShow, slidesToScroll: 1, arrows: arrowsEnabled, nextArrow: $(".pwelement_76795 .pwe-arrow-next"), prevArrow: $(".pwelement_76795 .pwe-arrow-prev"), autoplay: true, autoplaySpeed: 3000, dots: dotsEnabled, cssEase: "linear", swipeToSlide: true, }); // Hide arrows if arrows are disabled if (!arrowsEnabled) { sliderArrows.hide(); } else { sliderArrows.show(); } } // Settings for slidesToShow based on breakpoints function getInitialSlidesToShow() { const elementWidth = pweElement.width(); return elementWidth < 400 ? 1 : elementWidth < 600 ? 2 : elementWidth < 900 ? 3 : elementWidth < 1100 ? 4 : slidesToShowSetting; } // Check if arrows and dots should be enabled function updateSlickSettings() { const currentSlidesToShow = getInitialSlidesToShow(); let dotsEnabled = totalSlides > currentSlidesToShow && sliderDotsDisplay === "true"; let arrowsEnabled = totalSlides > currentSlidesToShow && sliderArrowsDisplay === "true"; initializeSlick(arrowsEnabled, dotsEnabled); if (dotsEnabled) { slickSlider.on("afterChange", function (event, slick, currentSlide) { const $slickDots = $(event.target).find(".slick-dots"); const dotWidth = 30; // Calculate the offset based on the currentSlide index const scrollPosition = (currentSlide - 1) * dotWidth; // Set scrollLeft directly on the .slick-dots container $slickDots.animate({ scrollLeft: scrollPosition }, 300); }); } } // Initialize slider on document ready updateSlickSettings(); // Reinitialize slider on window resize and element resize const resizeObserver = new ResizeObserver(() => { updateSlickSettings(); }); resizeObserver.observe(pweElement[0]); }); });</script> </div> </div> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { // Function to set equal height function setEqualHeight() { let maxHeight = 0; // Reset the heights before calculations $(".pwe-other-events__item").css("height", "auto"); // Calculate the maximum height $(".pwe-other-events__item").each(function() { const thisHeight = $(this).outerHeight(); if (thisHeight > maxHeight) { maxHeight = thisHeight; } }); // Set the same height for all $(".pwe-other-events__item").css("minHeight", maxHeight); } // Call the function after loading the slider $(".pwe-other-events__items").on("init", function() { setEqualHeight(); }); // Call the function when changing the slide $(".pwe-other-events__items").on("afterChange", function() { setEqualHeight(); }); // Call the function at the beginning setEqualHeight(); }); });</script></div></div></div></div></div></div><script id="script-row-unique-10" data-row="script-row-unique-10" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-10"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-11"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_90841"> <style> .row-parent:has(.pwelement_90841 .pwe-opinions) { max-width: 1200px !important; padding: 0 !important; } .pwelement_90841 .pwe-opinions { visibility: hidden; opacity: 0; transition: opacity 0.5s ease-in-out; padding: 18px 0; } .pwelement_90841 .pwe-opinions__wrapper { max-width: 100%; margin: 0 auto; padding: 18px 36px; position: relative; } .pwelement_90841 .pwe-opinions__title { margin: 0 auto; padding-top: 18px; } .pwelement_90841 .pwe-opinions__item { position: relative; padding: 18px; margin: 12px; } </style> <style> .pwelement_90841 .pwe-opinions__item { margin-top: 80px; box-shadow: 0px 0px 12px #cccccc; border-radius: 18px; } .pwelement_90841 .pwe-opinions__item-media { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: -80px; } .pwelement_90841 .pwe-opinions__item-person-img { max-width: 120px; } .pwelement_90841 .pwe-opinions__item-person-img img { width: 100%; border-radius: 50%; border: 4px solid #1f3e70; } .pwelement_90841 .pwe-opinions__item-company_logo { max-width: 200px; display: flex; justify-content: center; } .pwelement_90841 .pwe-opinions__item-company_logo img { height: 60px; width: 100%; max-width: 160px; object-fit: contain; } .pwelement_90841 .pwe-opinions__item-person-info { text-align: center; } .pwelement_90841 .pwe-opinions__item-company-name { margin: 0; line-height: 1.2; font-size: 14px; font-weight: 500; padding: 4px 0; } .pwelement_90841 .pwe-opinions__item-person-info-name { width: auto; margin: 0; font-size: 14px; color: #1f3e70; } .pwelement_90841 .pwe-opinions__item-person-info-desc { width: auto; text-align: center; margin: 8px 0 0; font-size: 14px; } .pwelement_90841 .pwe-opinions__item-opinion { padding: 10px 0; } .pwelement_90841 .pwe-opinions__item-opinion-text { font-size: 14px; line-height: 1.2; margin: 0; } </style> <div id="pweOpinions"class="pwe-opinions"> <div class="pwe-posts-title main-heading-text"> <h4 class="pwe-opinions__title pwe-uppercase">REKOMENDACJE</h4> </div> <div class="pwe-opinions__wrapper"> <div class="pwe-opinions__items pwe-slides"> <div class="pwe-opinions__item"> <div class="pwe-opinions__item-media"> <div class="pwe-opinions__item-person-img"> <img width="500" height="500" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/default-opinions/Radoslaw-Dziuba.webp"> </div> <div class="pwe-opinions__item-company_logo"> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/default-opinions/lukasiewicz-logo.webp"> </div> </div> <div class="pwe-opinions__item-person-info"> <h5 class="pwe-opinions__item-person-info-desc">Dyrektor Sieci Badawczej Łukasiewicz</h5> <p class="pwe-opinions__item-company-name">Łukasiewicz – Łódzki Instytut Technologiczny</p> <h3 class="pwe-opinions__item-person-info-name">dr Radosław Dziuba</h3> </div> <div class="pwe-opinions__item-opinion"> <p style="display: inline;" class="pwe-opinions__item-opinion-text">Ptak Warsaw Expo to partner, z którym wymieniamy się wiedzą i doświadczeniem w dziedzinach związanych z działalnością obydwu instytucji. Centrum targowo-wystawienniczym Ptak Warsaw Expo </p><span class="pwe-opinions__item-opinion-text pwe-hidden-content" style="display: none;"> pozwala na nawiązywanie kluczowych kontaktów biznesowych, budowanie relacji z klientami oraz poznanie nowych trendów.</span><span style="display: block; margin-top: 6px; font-weight: 600;" class="pwe-opinions__item-opinion-text pwe-see-more">więcej...</span> </div> </div> <div class="pwe-opinions__item"> <div class="pwe-opinions__item-media"> <div class="pwe-opinions__item-person-img"> <img width="500" height="500" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/default-opinions/Jakub-Tyczkowski.webp"> </div> <div class="pwe-opinions__item-company_logo"> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/default-opinions/rekpol-logo.webp"> </div> </div> <div class="pwe-opinions__item-person-info"> <h5 class="pwe-opinions__item-person-info-desc">Prezes Rekopol</h5> <p class="pwe-opinions__item-company-name">Rekopol Organizacja Odzysku Opakowań</p> <h3 class="pwe-opinions__item-person-info-name">Jakub Tyczkowski</h3> </div> <div class="pwe-opinions__item-opinion"> <p style="display: inline;" class="pwe-opinions__item-opinion-text">Rekopol Organizacja Odzysku Opakowań współpracuje z Ptak Warsaw Expo od samego początku. Nasze projekty cechuje zaangażowanie, dobra organizacja konferencji oraz świetna komunikacja. </p> </div> </div> <div class="pwe-opinions__item"> <div class="pwe-opinions__item-media"> <div class="pwe-opinions__item-person-img"> <img width="500" height="500" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/default-opinions/Krzysztof-Niczyporczuk.webp"> </div> <div class="pwe-opinions__item-company_logo"> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/default-opinions/pio-logo.webp"> </div> </div> <div class="pwe-opinions__item-person-info"> <h5 class="pwe-opinions__item-person-info-desc"></h5> <p class="pwe-opinions__item-company-name">Polska Izba Opakowań</p> <h3 class="pwe-opinions__item-person-info-name">Mgr inż. Krzysztof Niczyporuk</h3> </div> <div class="pwe-opinions__item-opinion"> <p style="display: inline;" class="pwe-opinions__item-opinion-text">PTAK Warsaw Expo to wysokiej klasy organizator imprez targowych i konferencji. Polska Izba Opakowań pozytywnie ocenia współpracę z Ptak Warsaw Expo jako rzetelnym partnerem. </p> </div> </div> <div class="pwe-opinions__item"> <div class="pwe-opinions__item-media"> <div class="pwe-opinions__item-person-img"> <img width="500" height="500" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/default-opinions/Piotr-Fiejkiewicz.webp"> </div> <div class="pwe-opinions__item-company_logo"> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/default-opinions/pts-logo.webp"> </div> </div> <div class="pwe-opinions__item-person-info"> <h5 class="pwe-opinions__item-person-info-desc">Dyrektor Biura Zarządu</h5> <p class="pwe-opinions__item-company-name">POLSKIE TOWARZYSTWO STOMATOLOGICZNE</p> <h3 class="pwe-opinions__item-person-info-name">Piotr Fiejkiewicz</h3> </div> <div class="pwe-opinions__item-opinion"> <p style="display: inline;" class="pwe-opinions__item-opinion-text">PTAK Warsaw Expo jest największym centrum wystawienniczym, z jakim współpracujemy. Firma inwestuje w rozwój infrastruktury, co zwiększa jakość organizowanych wydarzeń. </p> </div> </div> <div class="pwe-opinions__item"> <div class="pwe-opinions__item-media"> <div class="pwe-opinions__item-person-img"> <img width="500" height="500" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/default-opinions/Janusz-Poulakowski.webp"> </div> <div class="pwe-opinions__item-company_logo"> <img width="300" height="200" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/default-opinions/evoluma-logo.webp"> </div> </div> <div class="pwe-opinions__item-person-info"> <h5 class="pwe-opinions__item-person-info-desc">Dyrektor Operacyjny</h5> <p class="pwe-opinions__item-company-name">Klaster Obróbki Metali</p> <h3 class="pwe-opinions__item-person-info-name">Janusz Poulakowski</h3> </div> <div class="pwe-opinions__item-opinion"> <p style="display: inline;" class="pwe-opinions__item-opinion-text">Klaster Obróbki Metali współpracuje z Ptak Warsaw Expo od samego początku. Cenimy profesjonalizm, innowacyjność oraz stabilność współpracy z Ptak Warsaw Expo. </p> </div> </div> </div> <span class="pwe-opinions__arrow pwe-opinions__arrow-prev pwe-arrow pwe-arrow-prev">‹</span> <span class="pwe-opinions__arrow pwe-opinions__arrow-next pwe-arrow pwe-arrow-next">›</span> </div> </div> <style> .pwelement_90841 .pwe-arrow { display: block; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 60px; font-weight: 700; z-index: 1; cursor: pointer; } .pwelement_90841 .pwe-arrow-prev { left: 14px; } .pwelement_90841 .pwe-arrow-next { right: 14px; } .pwelement_90841 .slick-dots { position: relative; width: 100%; max-width: 90px; overflow: hidden; white-space: nowrap; padding: 0 !important; list-style: none; margin: auto !important; } .pwelement_90841 .slick-dots li { width: 16px; height: 16px; margin: 0 7px; background-color: #bbb; border: none; border-radius: 50%; } .pwelement_90841 .slick-dots li button { opacity: 0; } .pwelement_90841 .slick-dots li.slick-active { transform-origin: center; background: #00a878; } </style> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { const pweElement = $(".pwelement_90841"); const slickSlider = $(".pwelement_90841 .pwe-slides"); const sliderArrows = $(".pwelement_90841 .pwe-arrow"); const totalSlides = slickSlider.children().length; const sliderDotsDisplay = ""; const sliderArrowsDisplay = "true"; const slidesToShowSetting = 4; // Function to initialize Slick Slider function initializeSlick(arrowsEnabled = false, dotsEnabled = false) { const currentSlidesToShow = getInitialSlidesToShow(); // Destroy Slick if already initialized if (slickSlider.hasClass("slick-initialized")) { slickSlider.slick("unslick"); } // Initialize Slick Slider slickSlider.slick({ infinite: true, slidesToShow: currentSlidesToShow, slidesToScroll: 1, arrows: arrowsEnabled, nextArrow: $(".pwelement_90841 .pwe-arrow-next"), prevArrow: $(".pwelement_90841 .pwe-arrow-prev"), autoplay: true, autoplaySpeed: 3000, dots: dotsEnabled, cssEase: "linear", swipeToSlide: true, }); // Hide arrows if arrows are disabled if (!arrowsEnabled) { sliderArrows.hide(); } else { sliderArrows.show(); } } // Settings for slidesToShow based on breakpoints function getInitialSlidesToShow() { const elementWidth = pweElement.width(); return elementWidth < 550 ? 1 : elementWidth < 960 ? 2 : elementWidth < 1100 ? 3 : elementWidth < 1400 ? 4 : slidesToShowSetting; } // Check if arrows and dots should be enabled function updateSlickSettings() { const currentSlidesToShow = getInitialSlidesToShow(); let dotsEnabled = totalSlides > currentSlidesToShow && sliderDotsDisplay === "true"; let arrowsEnabled = totalSlides > currentSlidesToShow && sliderArrowsDisplay === "true"; initializeSlick(arrowsEnabled, dotsEnabled); if (dotsEnabled) { slickSlider.on("afterChange", function (event, slick, currentSlide) { const $slickDots = $(event.target).find(".slick-dots"); const dotWidth = 30; // Calculate the offset based on the currentSlide index const scrollPosition = (currentSlide - 1) * dotWidth; // Set scrollLeft directly on the .slick-dots container $slickDots.animate({ scrollLeft: scrollPosition }, 300); }); } } // Initialize slider on document ready updateSlickSettings(); // Reinitialize slider on window resize and element resize const resizeObserver = new ResizeObserver(() => { updateSlickSettings(); }); resizeObserver.observe(pweElement[0]); }); });</script> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { // Function to set equal height function setEqualHeight() { let maxHeight = 0; // Reset the heights before calculations $(".pwe-opinions__item").css("height", "auto"); // Calculate the maximum height $(".pwe-opinions__item").each(function() { const thisHeight = $(this).outerHeight(); if (thisHeight > maxHeight) { maxHeight = thisHeight; } }); // Set the same height for all $(".pwe-opinions__item").css("minHeight", maxHeight); } // Call the function after loading the slider $(".pwe-opinions__items").on("init", function() { setEqualHeight(); }); // Call the function when changing the slide $(".pwe-opinions__items").on("afterChange", function() { setEqualHeight(); }); // Call the function at the beginning setEqualHeight(); $("#pweOpinions").css("visibility", "visible").animate({ opacity: 1 }, 500); }); });</script></div></div></div></div></div></div><script id="script-row-unique-11" data-row="script-row-unique-11" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-11"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-12"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_46857"> <style> #page-header { position: relative; z-index: 11; } .pwelement_46857 { opacity: 0; transition: opacity 0.3s ease; } .row-parent:has(.pwelement_46857 .custom-container-sticky-buttons) { padding: 0 !important; max-width: 100% !important; } .pwelement_46857 .custom-sticky-buttons-cropped { position: relative; display: flex; flex-wrap: wrap; justify-content: center; padding: 28px 18px; width: 100%; gap: 24px; } .pwelement_46857 .custom-sticky-buttons-full-size { background-color: white; z-index: 11; } .pwelement_46857 .custom-sticky-buttons-cropped-container { flex-direction: column; width: 100%; top: 0; z-index: 10; } .pwelement_46857 .custom-sticky-head-container { padding: 10px; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } .pwelement_46857 .custom-sticky-head-container * { margin: 0; } .pwelement_46857 .custom-sticky-button-item { text-align: center; z-index: 8; } .pwelement_46857 .custom-sticky-button-item.active { transform: scale(1.1); } .pwelement_46857 .custom-sticky-buttons-cropped .custom-sticky-button-item { max-width: 170px !important; min-width: 170px !important; } .pwelement_46857 .custom-sticky-button-item:hover { transform: scale(1.1) !important; } .pwelement_46857 .custom-sticky-button-item span { padding: 5px; } .pwelement_46857 .custom-sticky-button-item img, .pwelement_46857 .custom-sticky-button-item div { border-radius: 8px; width: 100%; object-fit: cover; cursor: pointer; text-transform: uppercase; font-size: 12px; display: flex; justify-content: center; align-items: center; color:black!important;; font-weight: 600; } .pwelement_46857 .custom-sticky-buttons-full-size .custom-sticky-button-item div { font-size: 16px !important; } .pwelement_46857 .custom-sticky-buttons-cropped .custom-sticky-button-item div { font-size: 12px !important; } .pwelement_46857 .custom-button-cropped { aspect-ratio: 21/9; } .pwelement_46857 .custom-button-full-size { aspect-ratio: 1/1; } .pwelement_46857 .custom-container-sticky-buttons .fa-chevron-down { transition: 0.3s ease !important; } .pwelement_46857 .custom-sticky-button-item { position: relative; display: inline-block; transition: ease .3s; } .pwelement_46857 .custom-image-button { display: block; width: 100%; height: auto; } .pwelement_46857 .custom-image-button-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; padding: 5px 10px; font-size: 16px; } .pwelement_46857 .sticky-buttons-info-top, .pwelement_46857 .sticky-buttons-info-bottom { position: relative; z-index: 11; background: white; display: flex; justify-content: center; text-align: center; margin: 0; } .pwelement_46857 .sticky-buttons-info-top { padding: 18px 36px 0; } .pwelement_46857 .sticky-buttons-info-bottom { padding: 0 36px 18px; } .pwelement_46857 .sticky-pin { position: fixed !important; top: 0; right: 0; left: 0; } .konferencja { display: none; } @media (max-width: 600px) { .pwelement_46857 .custom-sticky-buttons-full-size { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; gap: 20px; } .pwelement_46857 .custom-sticky-buttons-cropped .custom-sticky-button-item { max-width: 140px !important; min-width: 140px !important; } .pwelement_46857 .custom-sticky-button-item:hover { transform: unset; } } </style><style> .pwelement_46857 .custom-sticky-buttons-full-size { gap: 0; } .pwelement_46857 .custom-sticky-buttons-full-size .custom-sticky-button-item { margin: 18px; } .pwelement_46857 .custom-sticky-buttons-full-size .custom-sticky-button-item img { max-width: 200px; margin: 0 auto; } .pwelement_46857 .custom-sticky-button-item:hover { transform: scale(1.03) !important; } .pwelement_46857 .slick-dotted.slick-slider { margin-bottom: 0; } </style><style> .row-parent:has(.pwelement_46857 .custom-container-sticky-buttons) { padding: 36px !important; } .pwelement_46857 .custom-image-button-text { position: static; transform: none; padding-top: 18px; } .pwelement_46857 .custom-sticky-button-item div { text-transform: unset; } .pwelement_46857 .custom-sticky-buttons-full-size, .pwelement_46857 .custom-sticky-buttons-cropped { padding: 18px 0; } </style><style> .pwelement_46857 .custom-sticky-button-item img { cursor: unset; } </style><style> .row-parent:has(.pwelement_46857 .custom-container-sticky-buttons) { padding: 36px 36px 36px 36px; max-width: 1200px !important; } </style><style> .pwelement_46857 .custom-sticky-buttons-cropped-container { position: absolute; } </style><div id="stickyButtons-10396" class="custom-container-sticky-buttons"> <div class="sticky-buttons-title main-heading-text"> <h4 class="pwe-uppercase">Najważniejsze wydarzenia branżowe w Europie</h4> </div> <style> # { opacity: 0; } </style> <style> # { opacity: 0; } </style> <style> # { opacity: 0; } </style> <style> # { opacity: 0; } </style> <div class="custom-sticky-buttons-full-size pwe-slides" style="background-color:!important;"><div id="-btn" class="custom-sticky-button-item"> <img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" alt="sticky-button-6138" data-lazy-src="https://roofexpo.pl/wp-content/uploads/2025/01/1_bau.webp"><noscript><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="https://roofexpo.pl/wp-content/uploads/2025/01/1_bau.webp" alt="sticky-button-6138"></noscript> <div class="custom-image-button-text">BAU MESSE<br> (Monachium, Niemcy)</div> </div><div id="-btn" class="custom-sticky-button-item"> <img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" alt="sticky-button-6140" data-lazy-src="https://roofexpo.pl/wp-content/uploads/2025/01/2_BATIMAT.webp"><noscript><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="https://roofexpo.pl/wp-content/uploads/2025/01/2_BATIMAT.webp" alt="sticky-button-6140"></noscript> <div class="custom-image-button-text">BATIMAT<br> (Paryż, Francja)</div> </div><div id="-btn" class="custom-sticky-button-item"> <img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" alt="sticky-button-6142" data-lazy-src="https://roofexpo.pl/wp-content/uploads/2025/01/3_SAIE.webp"><noscript><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="https://roofexpo.pl/wp-content/uploads/2025/01/3_SAIE.webp" alt="sticky-button-6142"></noscript> <div class="custom-image-button-text">SAIE<br> (Bolonia, Włochy) </div> </div><div id="-btn" class="custom-sticky-button-item"> <img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" alt="sticky-button-6144" data-lazy-src="https://roofexpo.pl/wp-content/uploads/2025/01/4_roof_expo.webp"><noscript><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="https://roofexpo.pl/wp-content/uploads/2025/01/4_roof_expo.webp" alt="sticky-button-6144"></noscript> <div class="custom-image-button-text">MIĘDZYNARODOWE TARGI DACHÓW<br> (Warszawa, Polska)</div> </div> </div> <style> .pwelement_46857 .pwe-arrow { display: block; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 60px; font-weight: 700; z-index: 1; cursor: pointer; } .pwelement_46857 .pwe-arrow-prev { left: 14px; } .pwelement_46857 .pwe-arrow-next { right: 14px; } .pwelement_46857 .slick-dots { position: relative; width: 100%; max-width: 90px; overflow: hidden; white-space: nowrap; padding: 0 !important; list-style: none; margin: auto !important; } .pwelement_46857 .slick-dots li { width: 16px; height: 16px; margin: 0 7px; background-color: #bbb; border: none; border-radius: 50%; } .pwelement_46857 .slick-dots li button { opacity: 0; } .pwelement_46857 .slick-dots li.slick-active { transform-origin: center; background: #00a878; } </style> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { const pweElement = $(".pwelement_46857"); const slickSlider = $(".pwelement_46857 .pwe-slides"); const sliderArrows = $(".pwelement_46857 .pwe-arrow"); const totalSlides = slickSlider.children().length; const sliderDotsDisplay = "true"; const sliderArrowsDisplay = ""; const slidesToShowSetting = 5; // Function to initialize Slick Slider function initializeSlick(arrowsEnabled = false, dotsEnabled = false) { const currentSlidesToShow = getInitialSlidesToShow(); // Destroy Slick if already initialized if (slickSlider.hasClass("slick-initialized")) { slickSlider.slick("unslick"); } // Initialize Slick Slider slickSlider.slick({ infinite: true, slidesToShow: currentSlidesToShow, slidesToScroll: 1, arrows: arrowsEnabled, nextArrow: $(".pwelement_46857 .pwe-arrow-next"), prevArrow: $(".pwelement_46857 .pwe-arrow-prev"), autoplay: true, autoplaySpeed: 3000, dots: dotsEnabled, cssEase: "linear", swipeToSlide: true, }); // Hide arrows if arrows are disabled if (!arrowsEnabled) { sliderArrows.hide(); } else { sliderArrows.show(); } } // Settings for slidesToShow based on breakpoints function getInitialSlidesToShow() { const elementWidth = pweElement.width(); return elementWidth < 400 ? 1 : elementWidth < 600 ? 2 : elementWidth < 900 ? 3 : elementWidth < 1100 ? 4 : slidesToShowSetting; } // Check if arrows and dots should be enabled function updateSlickSettings() { const currentSlidesToShow = getInitialSlidesToShow(); let dotsEnabled = totalSlides > currentSlidesToShow && sliderDotsDisplay === "true"; let arrowsEnabled = totalSlides > currentSlidesToShow && sliderArrowsDisplay === "true"; initializeSlick(arrowsEnabled, dotsEnabled); if (dotsEnabled) { slickSlider.on("afterChange", function (event, slick, currentSlide) { const $slickDots = $(event.target).find(".slick-dots"); const dotWidth = 30; // Calculate the offset based on the currentSlide index const scrollPosition = (currentSlide - 1) * dotWidth; // Set scrollLeft directly on the .slick-dots container $slickDots.animate({ scrollLeft: scrollPosition }, 300); }); } } // Initialize slider on document ready updateSlickSettings(); // Reinitialize slider on window resize and element resize const resizeObserver = new ResizeObserver(() => { updateSlickSettings(); }); resizeObserver.observe(pweElement[0]); }); });</script> <div class="sticky custom-sticky-buttons-cropped-container"> <div class="custom-sticky-head-container style-accent-bg" style="background-color:!important;"> <h4 class="custom-sticky-head-text" style="color: white;">Wybierz kongres <i class="fa fa-chevron-down fa-1x fa-fw"></i> </h4> </div> <div class="custom-sticky-buttons-cropped style-accent-bg" style="background-color:!important;"><style> # { opacity: 0; } </style><style> #stickyButtons-10396 .custom-sticky-buttons-cropped-container { display: none !important; } </style><div id="-btn" class="custom-sticky-button-item"><div style="background-color:; aspect-ratio:;" class="custom-image-button custom-button-cropped"><span>BAU MESSE<br> (Monachium, Niemcy)</span></div></div><style> # { opacity: 0; } </style><style> #stickyButtons-10396 .custom-sticky-buttons-cropped-container { display: none !important; } </style><div id="-btn" class="custom-sticky-button-item"><div style="background-color:; aspect-ratio:;" class="custom-image-button custom-button-cropped"><span>BATIMAT<br> (Paryż, Francja)</span></div></div><style> # { opacity: 0; } </style><style> #stickyButtons-10396 .custom-sticky-buttons-cropped-container { display: none !important; } </style><div id="-btn" class="custom-sticky-button-item"><div style="background-color:; aspect-ratio:;" class="custom-image-button custom-button-cropped"><span>SAIE<br> (Bolonia, Włochy) </span></div></div><style> # { opacity: 0; } </style><style> #stickyButtons-10396 .custom-sticky-buttons-cropped-container { display: none !important; } </style><div id="-btn" class="custom-sticky-button-item"><div style="background-color:; aspect-ratio:;" class="custom-image-button custom-button-cropped"><span>MIĘDZYNARODOWE TARGI DACHÓW<br> (Warszawa, Polska)</span></div></div></div> </div> </div> <script type="rocketlazyloadscript"> document.addEventListener("DOMContentLoaded", () => { const pweElement = document.querySelector(".pwelement_46857"); const stickyScroll = "true"; const stickyMiniHide = "true"; const stickyMiniUrlsImg = ""; const btnsId = "[\"\",\"\",\"\",\"\"]"; const stickyButtonsDropdown = ""; const stickyButtonsFullSize = "true"; const tilesCroppedContainer = pweElement.querySelector(".custom-sticky-buttons-cropped-container"); const tilesCropped = pweElement.querySelector(".custom-sticky-buttons-cropped"); const tilesFullSize = pweElement.querySelector(".custom-sticky-buttons-full-size"); const stickyHeadContainer = pweElement.querySelector(".custom-sticky-head-container"); const uncodeMasthead = document.querySelector("#masthead .menu-container"); const customMasthead = document.querySelector("#pweMenu"); const containerMasthead = uncodeMasthead ? uncodeMasthead : customMasthead; const pweMenu = document.querySelector("#pweMenu"); const containerPageHeader = document.querySelector("#page-header"); const containerCustomHeader = document.querySelector("#pweHeader"); const adminBar = document.querySelector("#wpadminbar"); const desktop = true; const mobile = false; const autoSlider = "true"; pweElement.style.opacity = 1; const hideElement = (element) => { element.style.display = "none"; }; let displayValue = (autoSlider === true) ? "block" : "flex"; const showElement = (element, displayValue) => { element.style.display = displayValue; }; const setElementPosition = (element, position) => { element.style.position = position; }; const buttonsCroppedImage = [false,false,false,false]; const buttonsCroppedColor = ["","","",""]; const combinedArray = buttonsCroppedImage.concat(buttonsCroppedColor); if (combinedArray.every(value => value === false || value === "")) { hideElement(tilesCroppedContainer); } if (stickyButtonsDropdown !== "true") { hideElement(stickyHeadContainer); if (stickyButtonsFullSize === "true") { // dropdown on full size on setElementPosition(tilesCroppedContainer, "absolute"); showElement(tilesCropped); showElement(tilesFullSize); } else { // dropdown on full size off showElement(tilesCropped); } } else if (stickyButtonsDropdown === "true") { showElement(stickyHeadContainer); if (stickyButtonsFullSize === "true") { // dropdown off full size on setElementPosition(tilesCroppedContainer, "absolute"); showElement(stickyHeadContainer); hideElement(tilesCropped); showElement(tilesFullSize); } else { // dropdown off full size off showElement(tilesCroppedContainer); } } const stickyElement = pweElement.querySelector(".sticky"); const stickyClass = "sticky-pin"; let stickyPos; let stickyHeight; // Create a negative margin to prevent content "jumps": var jumpPreventDiv = document.createElement("div"); jumpPreventDiv.className = "jumps-prevent"; stickyElement.parentNode.insertBefore(jumpPreventDiv, stickyElement.nextSibling); if (containerMasthead && desktop) { stickyPos = stickyElement.getBoundingClientRect().top + window.scrollY - containerMasthead.offsetHeight; } else if (pweMenu && (desktop || mobile)) { stickyPos = stickyElement.getBoundingClientRect().top + window.scrollY - pweMenu.offsetHeight; } else { stickyPos = stickyElement.getBoundingClientRect().top + window.scrollY; } function jumpsPrevent() { stickyHeight = stickyElement.offsetHeight; stickyElement.style.marginBottom = "-" + stickyHeight + "px"; stickyElement.nextElementSibling.style.paddingTop = stickyHeight + "px"; } if (!tilesFullSize) { jumpsPrevent(); // Run // Function trigger: window.addEventListener("resize", function () { jumpsPrevent(); }); } // Sticker function: function stickerFn() { const masthead = document.querySelector("#masthead"); const isStuckMasthead = masthead ? masthead.classList.contains("is_stuck") : false; const stickyElementFixed = pweElement.querySelector(".sticky-pin"); const winTop = window.scrollY; // Check element position: if (winTop >= stickyPos) { stickyElement.classList.add(stickyClass); if (stickyElement) { if ((containerMasthead || pweMenu) && adminBar && desktop) { if (containerMasthead) { stickyElement.style.top = containerMasthead.offsetHeight + adminBar.offsetHeight + "px"; } else { stickyElement.style.top = pweMenu.offsetHeight + adminBar.offsetHeight + "px"; } } else if ((containerMasthead || pweMenu) && !adminBar && desktop) { if (containerMasthead) { stickyElement.style.top = containerMasthead.offsetHeight + "px"; } else { stickyElement.style.top = pweMenu.offsetHeight + "px"; } } else if ((isStuckMasthead || pweMenu) && mobile) { if (isStuckMasthead) { stickyElement.style.top = containerMasthead.offsetHeight + "px"; } else { stickyElement.style.top = pweMenu.offsetHeight + "px"; } } else { stickyElement.style.top = "0px"; } } } else { stickyElement.classList.remove(stickyClass); if (tilesFullSize) { stickyElement.style.top = "0px"; } } } stickerFn(); // Run // Function trigger: window.addEventListener("scroll", function () { stickerFn(); }); if (btnsId && typeof btnsId === "string") { try { const btnsIdArray = JSON.parse(btnsId); if (Array.isArray(btnsIdArray)) { btnsIdArray.forEach(function(btnId) { const trimmedBtnId = btnId.trim(); const vcRow = document.getElementById(trimmedBtnId); if (vcRow) { vcRow.classList.add("sticky-section-10396"); vcRow.classList.add("hide-section-10396"); } }); } else { console.error("Nie udało się przekształcić btnsId w tablicę."); } } catch (error) { console.error("Błąd podczas parsowania JSON w btnsId:", error); } } if (btnsId !== "") { pweElement.querySelectorAll(".custom-sticky-button-item").forEach(function(button, index) { button.style.transition = ".3s ease"; var hideSections = document.querySelectorAll(".page-wrapper .row-container.hide-section-10396"); // Hide all sections except the first one if ("" === "true") { for (var i = 1; i < hideSections.length; i++) { hideSections[i].style.display = "none"; } if (index === 0 && button) { hideSections[0].style.display = "block"; button.style.transform = "scale(1.1)"; } } else { for (var i = 0; i < hideSections.length; i++) { hideSections[i].style.display = "none"; } } button.addEventListener("click", function() { var targetId = button.id.replace("-btn", ""); let customScrollTop; if (containerPageHeader) { customScrollTop = containerPageHeader.offsetHeight; } else if (containerCustomHeader) { customScrollTop = containerCustomHeader.offsetHeight; } else { customScrollTop = containerMasthead.offsetHeight; } if (document.querySelectorAll("header.menu-transparent").length > 0 && desktop) { customScrollTop -= containerMasthead.offsetHeight; } customScrollTop += "px"; // Hide all elements of .row-container hideSections.forEach(function(section) { section.style.display = "none"; }); // Wyświetlamy elementy var targetElement = document.getElementById(targetId); if (targetElement) { targetElement.style.display = "block"; // Scroll to the desired section if (stickyScroll !== "true") { // if (stickyButtonsFullSize == "true" && (stickyMiniUrlsImg == "" || (stickyMiniUrlsImg != "" && stickyMiniHide == "true"))) { targetElement.style.scrollMarginTop = containerMasthead.offsetHeight + "px"; targetElement.scrollIntoView({ behavior: "smooth" }); // } else { // pweElement.querySelectorAll(".custom-sticky-button-item").forEach(function(button) { // const scrollTopValue = parseInt(customScrollTop); // button.addEventListener("click", function() { // window.scrollTo({ top: scrollTopValue, behavior: "smooth" }); // }); // }); // } } } if (button) { button.style.transform = "scale(1.1)"; } pweElement.querySelectorAll(".custom-sticky-button-item").forEach(function(otherButton) { if (otherButton !== button) { otherButton.style.transform = "scale(1)"; } }); }); }); } if (stickyButtonsDropdown === "true") { var congressMenuSlide = pweElement.querySelector(".custom-sticky-buttons-cropped-container"); // Funkcja sprawdzająca kliknięcie poza menu document.addEventListener("click", function (event) { if (!event.target.closest(".custom-sticky-buttons-cropped-container")) { // Jeśli menu jest otwarte, zamknij je var menus = pweElement.querySelectorAll(".custom-sticky-buttons-cropped"); menus.forEach(function(menu) { menu.classList.remove("open"); menu.style.maxHeight = "0"; menu.style.padding = "0"; }); var icons = pweElement.querySelectorAll(".custom-sticky-head-container i"); icons.forEach(function(icon) { icon.classList.remove("fa-chevron-up"); icon.classList.add("fa-chevron-down"); }); } }); // Kliknięcie na .custom-sticky-head-container var stickyHeadContainers = congressMenuSlide.querySelectorAll(".custom-sticky-head-container"); stickyHeadContainers.forEach(function(container) { container.addEventListener("click", function () { var menu = container.closest(".custom-sticky-buttons-cropped-container").querySelector(".custom-sticky-buttons-cropped"); if (menu.classList.contains("open")) { // Jeśli menu jest widoczne, zamknij je menu.classList.remove("open"); menu.style.maxHeight = "0"; menu.style.padding = "0"; container.querySelector("i").classList.remove("fa-chevron-up"); container.querySelector("i").classList.add("fa-chevron-down"); } else { // Jeśli menu nie jest widoczne, otwórz je menu.classList.add("open"); menu.style.maxHeight = "500px"; menu.style.padding = "28px 18px"; container.querySelector("i").classList.remove("fa-chevron-down"); container.querySelector("i").classList.add("fa-chevron-up"); } }); }); // Obsługa zmiany rozmiaru okna window.addEventListener("resize", function () { if (window.innerWidth >= 1300) { stickyHeadContainers.forEach(function(container) { container.removeEventListener("mouseenter", handleMouseEnter); container.addEventListener("mouseenter", handleMouseEnter); }); } else { stickyHeadContainers.forEach(function(container) { container.removeEventListener("mouseenter", handleMouseEnter); }); } }); // Funkcja obsługująca hover function handleMouseEnter(event) { var menu = event.target.closest(".custom-sticky-buttons-cropped-container").querySelector(".custom-sticky-buttons-cropped"); if (!menu.classList.contains("open")) { menu.classList.add("open"); menu.style.maxHeight = "500px"; menu.style.padding = "28px 18px"; event.target.querySelector("i").classList.remove("fa-chevron-down"); event.target.querySelector("i").classList.add("fa-chevron-up"); } } // Obsługa przewijania strony window.addEventListener("scroll", function () { var menus = pweElement.querySelectorAll(".custom-sticky-buttons-cropped"); menus.forEach(function(menu) { menu.classList.remove("open"); menu.style.maxHeight = "0"; menu.style.padding = "0"; }); var icons = pweElement.querySelectorAll(".custom-sticky-head-container i"); icons.forEach(function(icon) { icon.classList.remove("fa-chevron-up"); icon.classList.add("fa-chevron-down"); }); }); } else { pweElement.querySelector(".custom-sticky-head-container").style.display = "none"; } const stickySections = document.querySelectorAll(".sticky-section-10396"); stickySections.forEach(function (section) { section.style.opacity = 1; }) }); // Parameter for anchor function handleQueryParam() { setTimeout(() => { // Get the parameter from the current URL const urlParams = new URLSearchParams(window.location.search); const conferenceParam = urlParams.get("konferencja"); // Check if parameter exists if (conferenceParam) { // Show elements class with the appropriate id, hide the rest const allElements = document.querySelectorAll(".konferencja"); const containerMasthead = document.querySelector("#masthead .menu-container"); allElements.forEach(function (element) { if (element.id === conferenceParam) { element.style.display = "block"; element.classList.remove("hide-section-10396"); setTimeout(() => { element.style.opacity = 1; }, 100); if ("true" !== "true") { // Scroll to the element with id from the anchor element.style.scrollMarginTop = containerMasthead.offsetHeight + "px"; element.scrollIntoView({ behavior: "smooth" }); } } else { element.style.display = "none"; } }); // Add a .active class to the element with anchor id + -btn var activeBtn = document.getElementById(conferenceParam + "-btn"); if (activeBtn) { activeBtn.classList.add("active"); } } }, 500); } // Call the handler function when the page is loaded document.addEventListener("DOMContentLoaded", handleQueryParam); // Listen for changes to the conference parameter in the URL window.addEventListener("popstate", handleQueryParam); </script></div></div></div></div></div></div><script id="script-row-unique-12" data-row="script-row-unique-12" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-12"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-13"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_72627"> <style> #page-header { position: relative; z-index: 11; } .pwelement_72627 { opacity: 0; transition: opacity 0.3s ease; } .row-parent:has(.pwelement_72627 .custom-container-sticky-buttons) { padding: 0 !important; max-width: 100% !important; } .pwelement_72627 .custom-sticky-buttons-cropped { position: relative; display: flex; flex-wrap: wrap; justify-content: center; padding: 28px 18px; width: 100%; gap: 24px; } .pwelement_72627 .custom-sticky-buttons-full-size { background-color: white; z-index: 11; } .pwelement_72627 .custom-sticky-buttons-cropped-container { flex-direction: column; width: 100%; top: 0; z-index: 10; } .pwelement_72627 .custom-sticky-head-container { padding: 10px; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; } .pwelement_72627 .custom-sticky-head-container * { margin: 0; } .pwelement_72627 .custom-sticky-button-item { text-align: center; z-index: 8; } .pwelement_72627 .custom-sticky-button-item.active { transform: scale(1.1); } .pwelement_72627 .custom-sticky-buttons-cropped .custom-sticky-button-item { max-width: 170px !important; min-width: 170px !important; } .pwelement_72627 .custom-sticky-button-item:hover { transform: scale(1.1) !important; } .pwelement_72627 .custom-sticky-button-item span { padding: 5px; } .pwelement_72627 .custom-sticky-button-item img, .pwelement_72627 .custom-sticky-button-item div { border-radius: 8px; width: 100%; object-fit: cover; cursor: pointer; text-transform: uppercase; font-size: 12px; display: flex; justify-content: center; align-items: center; color:black!important;; font-weight: 600; } .pwelement_72627 .custom-sticky-buttons-full-size .custom-sticky-button-item div { font-size: 16px !important; } .pwelement_72627 .custom-sticky-buttons-cropped .custom-sticky-button-item div { font-size: 12px !important; } .pwelement_72627 .custom-button-cropped { aspect-ratio: 21/9; } .pwelement_72627 .custom-button-full-size { aspect-ratio: 1/1; } .pwelement_72627 .custom-container-sticky-buttons .fa-chevron-down { transition: 0.3s ease !important; } .pwelement_72627 .custom-sticky-button-item { position: relative; display: inline-block; transition: ease .3s; } .pwelement_72627 .custom-image-button { display: block; width: 100%; height: auto; } .pwelement_72627 .custom-image-button-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; padding: 5px 10px; font-size: 16px; } .pwelement_72627 .sticky-buttons-info-top, .pwelement_72627 .sticky-buttons-info-bottom { position: relative; z-index: 11; background: white; display: flex; justify-content: center; text-align: center; margin: 0; } .pwelement_72627 .sticky-buttons-info-top { padding: 18px 36px 0; } .pwelement_72627 .sticky-buttons-info-bottom { padding: 0 36px 18px; } .pwelement_72627 .sticky-pin { position: fixed !important; top: 0; right: 0; left: 0; } .konferencja { display: none; } @media (max-width: 600px) { .pwelement_72627 .custom-sticky-buttons-full-size { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; gap: 20px; } .pwelement_72627 .custom-sticky-buttons-cropped .custom-sticky-button-item { max-width: 140px !important; min-width: 140px !important; } .pwelement_72627 .custom-sticky-button-item:hover { transform: unset; } } </style><style> .pwelement_72627 .custom-sticky-buttons-full-size { gap: 0; } .pwelement_72627 .custom-sticky-buttons-full-size .custom-sticky-button-item { margin: 18px; } .pwelement_72627 .custom-sticky-buttons-full-size .custom-sticky-button-item img { max-width: 200px; margin: 0 auto; } .pwelement_72627 .custom-sticky-button-item:hover { transform: scale(1.03) !important; } .pwelement_72627 .slick-dotted.slick-slider { margin-bottom: 0; } </style><style> .row-parent:has(.pwelement_72627 .custom-container-sticky-buttons) { padding: 36px !important; } .pwelement_72627 .custom-image-button-text { position: static; transform: none; padding-top: 18px; } .pwelement_72627 .custom-sticky-button-item div { text-transform: unset; } .pwelement_72627 .custom-sticky-buttons-full-size, .pwelement_72627 .custom-sticky-buttons-cropped { padding: 18px 0; } </style><style> .row-parent:has(.pwelement_72627 .custom-container-sticky-buttons) { padding: 36px 36px 36px 36px; max-width: 1200px !important; } </style><style> .pwelement_72627 .custom-sticky-buttons-cropped-container { position: absolute; } </style><div id="stickyButtons-20727" class="custom-container-sticky-buttons"> <div class="sticky-buttons-title main-heading-text"> <h4 class="pwe-uppercase">Podobne Wydarzenia Branżowe Organizowane przez PWE</h4> </div> <style> # { opacity: 0; } </style> <style> # { opacity: 0; } </style> <style> # { opacity: 0; } </style> <style> # { opacity: 0; } </style> <div class="custom-sticky-buttons-full-size pwe-slides" style="background-color:!important;"><div id="-btn" class="custom-sticky-button-item"> <a href="https://woodwarsawexpo.com/" target="blank"><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" alt="sticky-button-6146" data-lazy-src="https://roofexpo.pl/wp-content/uploads/2025/01/1_WOOD_TECH.webp"><noscript><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="https://roofexpo.pl/wp-content/uploads/2025/01/1_WOOD_TECH.webp" alt="sticky-button-6146"></noscript></a> <div class="custom-image-button-text">Targi technologii obróbki drewna i produkcji mebli</div> </div><div id="-btn" class="custom-sticky-button-item"> <a href="https://floorexpo.pl/" target="blank"><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" alt="sticky-button-6148" data-lazy-src="https://roofexpo.pl/wp-content/uploads/2025/01/2_FLOOR-_EXPO.webp"><noscript><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="https://roofexpo.pl/wp-content/uploads/2025/01/2_FLOOR-_EXPO.webp" alt="sticky-button-6148"></noscript></a> <div class="custom-image-button-text">Międzynarodowe Targi Materiałów Podłogowych i Powierzchniowych</div> </div><div id="-btn" class="custom-sticky-button-item"> <a href="https://door-tec.pl/" target="blank"><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" alt="sticky-button-6150" data-lazy-src="https://roofexpo.pl/wp-content/uploads/2025/01/3_DOORTEC.webp"><noscript><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="https://roofexpo.pl/wp-content/uploads/2025/01/3_DOORTEC.webp" alt="sticky-button-6150"></noscript></a> <div class="custom-image-button-text">Międzynarodowe Targi Technologii i Produktów Branży Drzwiowej</div> </div><div id="-btn" class="custom-sticky-button-item"> <a href="https://warsawwindowexpo.com/" target="blank"><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" alt="sticky-button-6152" data-lazy-src="https://roofexpo.pl/wp-content/uploads/2025/01/4_WINDOW_-TECH.webp"><noscript><img width="500" height="500" style="aspect-ratio:;" class="custom-image-button custom-button-full-size" src="https://roofexpo.pl/wp-content/uploads/2025/01/4_WINDOW_-TECH.webp" alt="sticky-button-6152"></noscript></a> <div class="custom-image-button-text">Międzynarodowe Targi Technologii i Produktów Branży Okiennej</div> </div> </div> <style> .pwelement_72627 .pwe-arrow { display: block; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 60px; font-weight: 700; z-index: 1; cursor: pointer; } .pwelement_72627 .pwe-arrow-prev { left: 14px; } .pwelement_72627 .pwe-arrow-next { right: 14px; } .pwelement_72627 .slick-dots { position: relative; width: 100%; max-width: 90px; overflow: hidden; white-space: nowrap; padding: 0 !important; list-style: none; margin: auto !important; } .pwelement_72627 .slick-dots li { width: 16px; height: 16px; margin: 0 7px; background-color: #bbb; border: none; border-radius: 50%; } .pwelement_72627 .slick-dots li button { opacity: 0; } .pwelement_72627 .slick-dots li.slick-active { transform-origin: center; background: #00a878; } </style> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { const pweElement = $(".pwelement_72627"); const slickSlider = $(".pwelement_72627 .pwe-slides"); const sliderArrows = $(".pwelement_72627 .pwe-arrow"); const totalSlides = slickSlider.children().length; const sliderDotsDisplay = "true"; const sliderArrowsDisplay = ""; const slidesToShowSetting = 4; // Function to initialize Slick Slider function initializeSlick(arrowsEnabled = false, dotsEnabled = false) { const currentSlidesToShow = getInitialSlidesToShow(); // Destroy Slick if already initialized if (slickSlider.hasClass("slick-initialized")) { slickSlider.slick("unslick"); } // Initialize Slick Slider slickSlider.slick({ infinite: true, slidesToShow: currentSlidesToShow, slidesToScroll: 1, arrows: arrowsEnabled, nextArrow: $(".pwelement_72627 .pwe-arrow-next"), prevArrow: $(".pwelement_72627 .pwe-arrow-prev"), autoplay: true, autoplaySpeed: 3000, dots: dotsEnabled, cssEase: "linear", swipeToSlide: true, }); // Hide arrows if arrows are disabled if (!arrowsEnabled) { sliderArrows.hide(); } else { sliderArrows.show(); } } // Settings for slidesToShow based on breakpoints function getInitialSlidesToShow() { const elementWidth = pweElement.width(); return elementWidth < 400 ? 1 : elementWidth < 600 ? 2 : elementWidth < 900 ? 3 : elementWidth < 1100 ? 4 : slidesToShowSetting; } // Check if arrows and dots should be enabled function updateSlickSettings() { const currentSlidesToShow = getInitialSlidesToShow(); let dotsEnabled = totalSlides > currentSlidesToShow && sliderDotsDisplay === "true"; let arrowsEnabled = totalSlides > currentSlidesToShow && sliderArrowsDisplay === "true"; initializeSlick(arrowsEnabled, dotsEnabled); if (dotsEnabled) { slickSlider.on("afterChange", function (event, slick, currentSlide) { const $slickDots = $(event.target).find(".slick-dots"); const dotWidth = 30; // Calculate the offset based on the currentSlide index const scrollPosition = (currentSlide - 1) * dotWidth; // Set scrollLeft directly on the .slick-dots container $slickDots.animate({ scrollLeft: scrollPosition }, 300); }); } } // Initialize slider on document ready updateSlickSettings(); // Reinitialize slider on window resize and element resize const resizeObserver = new ResizeObserver(() => { updateSlickSettings(); }); resizeObserver.observe(pweElement[0]); }); });</script> <div class="sticky custom-sticky-buttons-cropped-container"> <div class="custom-sticky-head-container style-accent-bg" style="background-color:!important;"> <h4 class="custom-sticky-head-text" style="color: white;">Wybierz kongres <i class="fa fa-chevron-down fa-1x fa-fw"></i> </h4> </div> <div class="custom-sticky-buttons-cropped style-accent-bg" style="background-color:!important;"><style> # { opacity: 0; } </style><style> #stickyButtons-20727 .custom-sticky-buttons-cropped-container { display: none !important; } </style><div id="-btn" class="custom-sticky-button-item"><a href="https://woodwarsawexpo.com/"target="blank"><div style="background-color:; aspect-ratio:;" class="custom-image-button custom-button-cropped"><span>Targi technologii obróbki drewna i produkcji mebli</span></div></a></div><style> # { opacity: 0; } </style><style> #stickyButtons-20727 .custom-sticky-buttons-cropped-container { display: none !important; } </style><div id="-btn" class="custom-sticky-button-item"><a href="https://floorexpo.pl/"target="blank"><div style="background-color:; aspect-ratio:;" class="custom-image-button custom-button-cropped"><span>Międzynarodowe Targi Materiałów Podłogowych i Powierzchniowych</span></div></a></div><style> # { opacity: 0; } </style><style> #stickyButtons-20727 .custom-sticky-buttons-cropped-container { display: none !important; } </style><div id="-btn" class="custom-sticky-button-item"><a href="https://door-tec.pl/"target="blank"><div style="background-color:; aspect-ratio:;" class="custom-image-button custom-button-cropped"><span>Międzynarodowe Targi Technologii i Produktów Branży Drzwiowej</span></div></a></div><style> # { opacity: 0; } </style><style> #stickyButtons-20727 .custom-sticky-buttons-cropped-container { display: none !important; } </style><div id="-btn" class="custom-sticky-button-item"><a href="https://warsawwindowexpo.com/"target="blank"><div style="background-color:; aspect-ratio:;" class="custom-image-button custom-button-cropped"><span>Międzynarodowe Targi Technologii i Produktów Branży Okiennej</span></div></a></div></div> </div> </div> <script type="rocketlazyloadscript"> document.addEventListener("DOMContentLoaded", () => { const pweElement = document.querySelector(".pwelement_72627"); const stickyScroll = "true"; const stickyMiniHide = "true"; const stickyMiniUrlsImg = ""; const btnsId = "[\"\",\"\",\"\",\"\"]"; const stickyButtonsDropdown = ""; const stickyButtonsFullSize = "true"; const tilesCroppedContainer = pweElement.querySelector(".custom-sticky-buttons-cropped-container"); const tilesCropped = pweElement.querySelector(".custom-sticky-buttons-cropped"); const tilesFullSize = pweElement.querySelector(".custom-sticky-buttons-full-size"); const stickyHeadContainer = pweElement.querySelector(".custom-sticky-head-container"); const uncodeMasthead = document.querySelector("#masthead .menu-container"); const customMasthead = document.querySelector("#pweMenu"); const containerMasthead = uncodeMasthead ? uncodeMasthead : customMasthead; const pweMenu = document.querySelector("#pweMenu"); const containerPageHeader = document.querySelector("#page-header"); const containerCustomHeader = document.querySelector("#pweHeader"); const adminBar = document.querySelector("#wpadminbar"); const desktop = true; const mobile = false; const autoSlider = "true"; pweElement.style.opacity = 1; const hideElement = (element) => { element.style.display = "none"; }; let displayValue = (autoSlider === true) ? "block" : "flex"; const showElement = (element, displayValue) => { element.style.display = displayValue; }; const setElementPosition = (element, position) => { element.style.position = position; }; const buttonsCroppedImage = [false,false,false,false]; const buttonsCroppedColor = ["","","",""]; const combinedArray = buttonsCroppedImage.concat(buttonsCroppedColor); if (combinedArray.every(value => value === false || value === "")) { hideElement(tilesCroppedContainer); } if (stickyButtonsDropdown !== "true") { hideElement(stickyHeadContainer); if (stickyButtonsFullSize === "true") { // dropdown on full size on setElementPosition(tilesCroppedContainer, "absolute"); showElement(tilesCropped); showElement(tilesFullSize); } else { // dropdown on full size off showElement(tilesCropped); } } else if (stickyButtonsDropdown === "true") { showElement(stickyHeadContainer); if (stickyButtonsFullSize === "true") { // dropdown off full size on setElementPosition(tilesCroppedContainer, "absolute"); showElement(stickyHeadContainer); hideElement(tilesCropped); showElement(tilesFullSize); } else { // dropdown off full size off showElement(tilesCroppedContainer); } } const stickyElement = pweElement.querySelector(".sticky"); const stickyClass = "sticky-pin"; let stickyPos; let stickyHeight; // Create a negative margin to prevent content "jumps": var jumpPreventDiv = document.createElement("div"); jumpPreventDiv.className = "jumps-prevent"; stickyElement.parentNode.insertBefore(jumpPreventDiv, stickyElement.nextSibling); if (containerMasthead && desktop) { stickyPos = stickyElement.getBoundingClientRect().top + window.scrollY - containerMasthead.offsetHeight; } else if (pweMenu && (desktop || mobile)) { stickyPos = stickyElement.getBoundingClientRect().top + window.scrollY - pweMenu.offsetHeight; } else { stickyPos = stickyElement.getBoundingClientRect().top + window.scrollY; } function jumpsPrevent() { stickyHeight = stickyElement.offsetHeight; stickyElement.style.marginBottom = "-" + stickyHeight + "px"; stickyElement.nextElementSibling.style.paddingTop = stickyHeight + "px"; } if (!tilesFullSize) { jumpsPrevent(); // Run // Function trigger: window.addEventListener("resize", function () { jumpsPrevent(); }); } // Sticker function: function stickerFn() { const masthead = document.querySelector("#masthead"); const isStuckMasthead = masthead ? masthead.classList.contains("is_stuck") : false; const stickyElementFixed = pweElement.querySelector(".sticky-pin"); const winTop = window.scrollY; // Check element position: if (winTop >= stickyPos) { stickyElement.classList.add(stickyClass); if (stickyElement) { if ((containerMasthead || pweMenu) && adminBar && desktop) { if (containerMasthead) { stickyElement.style.top = containerMasthead.offsetHeight + adminBar.offsetHeight + "px"; } else { stickyElement.style.top = pweMenu.offsetHeight + adminBar.offsetHeight + "px"; } } else if ((containerMasthead || pweMenu) && !adminBar && desktop) { if (containerMasthead) { stickyElement.style.top = containerMasthead.offsetHeight + "px"; } else { stickyElement.style.top = pweMenu.offsetHeight + "px"; } } else if ((isStuckMasthead || pweMenu) && mobile) { if (isStuckMasthead) { stickyElement.style.top = containerMasthead.offsetHeight + "px"; } else { stickyElement.style.top = pweMenu.offsetHeight + "px"; } } else { stickyElement.style.top = "0px"; } } } else { stickyElement.classList.remove(stickyClass); if (tilesFullSize) { stickyElement.style.top = "0px"; } } } stickerFn(); // Run // Function trigger: window.addEventListener("scroll", function () { stickerFn(); }); if (btnsId && typeof btnsId === "string") { try { const btnsIdArray = JSON.parse(btnsId); if (Array.isArray(btnsIdArray)) { btnsIdArray.forEach(function(btnId) { const trimmedBtnId = btnId.trim(); const vcRow = document.getElementById(trimmedBtnId); if (vcRow) { vcRow.classList.add("sticky-section-20727"); vcRow.classList.add("hide-section-20727"); } }); } else { console.error("Nie udało się przekształcić btnsId w tablicę."); } } catch (error) { console.error("Błąd podczas parsowania JSON w btnsId:", error); } } if (btnsId !== "") { pweElement.querySelectorAll(".custom-sticky-button-item").forEach(function(button, index) { button.style.transition = ".3s ease"; var hideSections = document.querySelectorAll(".page-wrapper .row-container.hide-section-20727"); // Hide all sections except the first one if ("" === "true") { for (var i = 1; i < hideSections.length; i++) { hideSections[i].style.display = "none"; } if (index === 0 && button) { hideSections[0].style.display = "block"; button.style.transform = "scale(1.1)"; } } else { for (var i = 0; i < hideSections.length; i++) { hideSections[i].style.display = "none"; } } button.addEventListener("click", function() { var targetId = button.id.replace("-btn", ""); let customScrollTop; if (containerPageHeader) { customScrollTop = containerPageHeader.offsetHeight; } else if (containerCustomHeader) { customScrollTop = containerCustomHeader.offsetHeight; } else { customScrollTop = containerMasthead.offsetHeight; } if (document.querySelectorAll("header.menu-transparent").length > 0 && desktop) { customScrollTop -= containerMasthead.offsetHeight; } customScrollTop += "px"; // Hide all elements of .row-container hideSections.forEach(function(section) { section.style.display = "none"; }); // Wyświetlamy elementy var targetElement = document.getElementById(targetId); if (targetElement) { targetElement.style.display = "block"; // Scroll to the desired section if (stickyScroll !== "true") { // if (stickyButtonsFullSize == "true" && (stickyMiniUrlsImg == "" || (stickyMiniUrlsImg != "" && stickyMiniHide == "true"))) { targetElement.style.scrollMarginTop = containerMasthead.offsetHeight + "px"; targetElement.scrollIntoView({ behavior: "smooth" }); // } else { // pweElement.querySelectorAll(".custom-sticky-button-item").forEach(function(button) { // const scrollTopValue = parseInt(customScrollTop); // button.addEventListener("click", function() { // window.scrollTo({ top: scrollTopValue, behavior: "smooth" }); // }); // }); // } } } if (button) { button.style.transform = "scale(1.1)"; } pweElement.querySelectorAll(".custom-sticky-button-item").forEach(function(otherButton) { if (otherButton !== button) { otherButton.style.transform = "scale(1)"; } }); }); }); } if (stickyButtonsDropdown === "true") { var congressMenuSlide = pweElement.querySelector(".custom-sticky-buttons-cropped-container"); // Funkcja sprawdzająca kliknięcie poza menu document.addEventListener("click", function (event) { if (!event.target.closest(".custom-sticky-buttons-cropped-container")) { // Jeśli menu jest otwarte, zamknij je var menus = pweElement.querySelectorAll(".custom-sticky-buttons-cropped"); menus.forEach(function(menu) { menu.classList.remove("open"); menu.style.maxHeight = "0"; menu.style.padding = "0"; }); var icons = pweElement.querySelectorAll(".custom-sticky-head-container i"); icons.forEach(function(icon) { icon.classList.remove("fa-chevron-up"); icon.classList.add("fa-chevron-down"); }); } }); // Kliknięcie na .custom-sticky-head-container var stickyHeadContainers = congressMenuSlide.querySelectorAll(".custom-sticky-head-container"); stickyHeadContainers.forEach(function(container) { container.addEventListener("click", function () { var menu = container.closest(".custom-sticky-buttons-cropped-container").querySelector(".custom-sticky-buttons-cropped"); if (menu.classList.contains("open")) { // Jeśli menu jest widoczne, zamknij je menu.classList.remove("open"); menu.style.maxHeight = "0"; menu.style.padding = "0"; container.querySelector("i").classList.remove("fa-chevron-up"); container.querySelector("i").classList.add("fa-chevron-down"); } else { // Jeśli menu nie jest widoczne, otwórz je menu.classList.add("open"); menu.style.maxHeight = "500px"; menu.style.padding = "28px 18px"; container.querySelector("i").classList.remove("fa-chevron-down"); container.querySelector("i").classList.add("fa-chevron-up"); } }); }); // Obsługa zmiany rozmiaru okna window.addEventListener("resize", function () { if (window.innerWidth >= 1300) { stickyHeadContainers.forEach(function(container) { container.removeEventListener("mouseenter", handleMouseEnter); container.addEventListener("mouseenter", handleMouseEnter); }); } else { stickyHeadContainers.forEach(function(container) { container.removeEventListener("mouseenter", handleMouseEnter); }); } }); // Funkcja obsługująca hover function handleMouseEnter(event) { var menu = event.target.closest(".custom-sticky-buttons-cropped-container").querySelector(".custom-sticky-buttons-cropped"); if (!menu.classList.contains("open")) { menu.classList.add("open"); menu.style.maxHeight = "500px"; menu.style.padding = "28px 18px"; event.target.querySelector("i").classList.remove("fa-chevron-down"); event.target.querySelector("i").classList.add("fa-chevron-up"); } } // Obsługa przewijania strony window.addEventListener("scroll", function () { var menus = pweElement.querySelectorAll(".custom-sticky-buttons-cropped"); menus.forEach(function(menu) { menu.classList.remove("open"); menu.style.maxHeight = "0"; menu.style.padding = "0"; }); var icons = pweElement.querySelectorAll(".custom-sticky-head-container i"); icons.forEach(function(icon) { icon.classList.remove("fa-chevron-up"); icon.classList.add("fa-chevron-down"); }); }); } else { pweElement.querySelector(".custom-sticky-head-container").style.display = "none"; } const stickySections = document.querySelectorAll(".sticky-section-20727"); stickySections.forEach(function (section) { section.style.opacity = 1; }) }); // Parameter for anchor function handleQueryParam() { setTimeout(() => { // Get the parameter from the current URL const urlParams = new URLSearchParams(window.location.search); const conferenceParam = urlParams.get("konferencja"); // Check if parameter exists if (conferenceParam) { // Show elements class with the appropriate id, hide the rest const allElements = document.querySelectorAll(".konferencja"); const containerMasthead = document.querySelector("#masthead .menu-container"); allElements.forEach(function (element) { if (element.id === conferenceParam) { element.style.display = "block"; element.classList.remove("hide-section-20727"); setTimeout(() => { element.style.opacity = 1; }, 100); if ("true" !== "true") { // Scroll to the element with id from the anchor element.style.scrollMarginTop = containerMasthead.offsetHeight + "px"; element.scrollIntoView({ behavior: "smooth" }); } } else { element.style.display = "none"; } }); // Add a .active class to the element with anchor id + -btn var activeBtn = document.getElementById(conferenceParam + "-btn"); if (activeBtn) { activeBtn.classList.add("active"); } } }, 500); } // Call the handler function when the page is loaded document.addEventListener("DOMContentLoaded", handleQueryParam); // Listen for changes to the conference parameter in the URL window.addEventListener("popstate", handleQueryParam); </script></div></div></div></div></div></div><script id="script-row-unique-13" data-row="script-row-unique-13" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-13"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-14"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_74521"> <style> .pwelement_74521 .pwe-btn { color: white!important; background-color:#1f3e70!important; border:#1f3e70!important; } .pwelement_74521 .pwe-btn:hover { color: white!important; background-color:#0b2a5c !important; border:#0b2a5c !important; } .pwelement_74521 .pwe-post-thumbnail .image-container { width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; aspect-ratio: 1/1; } .pwelement_74521 .pwe-post-title { text-align: left; } </style> <style> .row-parent:has(.pwelement_74521 .pwe-container-posts) { max-width: 100%; padding: 0 !important; } .pwelement_74521 .pwe-posts-wrapper { max-width: 1200px; margin: 0 auto; padding: 36px; } .pwelement_74521 .pwe-posts { opacity: 0; } .pwelement_74521 .pwe-post { margin: 10px; } .pwelement_74521 .pwe-post-title { padding-top: 18px; margin: 0; } .pwelement_74521 .pwe-posts-title h4 { margin: 0 auto 18px; } .pwelement_74521 .pwe-post-thumbnail .image-container { border-radius: 18px; } .pwelement_74521 .pwe-posts .slides { align-items: flex-start !important; gap: 16px; } .pwelement_74521 .pwe-posts .slides a { padding: 10px; } @media (max-width: 1128px) { .pwelement_74521 .pwe-posts-wrapper { padding: 36px; } } @media (max-width: 650px) { .pwelement_74521 .pwe-posts .slides { gap: 18px; } } </style><div id="pwePosts" class="pwe-container-posts"> <div class="pwe-posts-wrapper"> <div class="pwe-posts-title main-heading-text"> <h4 class="pwe-uppercase"><span>Aktualności</span></h4> </div> <div class="pwe-posts pwe-slides"> <a class="pwe-post" href="https://roofexpo.pl/news/nowoczesne-technologie-i-branzowe-innowacje-podczas-roof-expo/"> <div class="pwe-post-thumbnail"> <div data-bg="https://roofexpo.pl/wp-content/uploads/2024/12/podsumowanie_aktualnosci-roof-pl.webp" class="image-container rocket-lazyload" style=""></div> </div> <h5 class="pwe-post-title">Nowoczesne technologie i branżowe innowacje podczas Roof Expo</h5> </a> <a class="pwe-post" href="https://roofexpo.pl/news/medale-targowe-przyznane-podczas-roof-expo-2024/"> <div class="pwe-post-thumbnail"> <div data-bg="https://roofexpo.pl/wp-content/uploads/2024/12/podsumowanie_pl-roof.jpg" class="image-container rocket-lazyload" style=""></div> </div> <h5 class="pwe-post-title">Medale Targowe przyznane podczas Roof Expo 2024</h5> </a> <a class="pwe-post" href="https://roofexpo.pl/news/plan-targow-2024/"> <div class="pwe-post-thumbnail"> <div data-bg="https://roofexpo.pl/wp-content/uploads/2023/06/Zobacz_plan_targow-roof-pl.jpg" class="image-container rocket-lazyload" style=""></div> </div> <h5 class="pwe-post-title">Plan Targów 2024</h5> </a> <a class="pwe-post" href="https://roofexpo.pl/news/fakro-velux-wienerberger-canada-systems-i-inni-najwieksi-odwiedza-roof-expo/"> <div class="pwe-post-thumbnail"> <div data-bg="https://roofexpo.pl/wp-content/uploads/2024/12/Zapowiedz_aktualnosci_roof_.webp" class="image-container rocket-lazyload" style=""></div> </div> <h5 class="pwe-post-title">FAKRO, VELUX, Wienerberger, CANADA SYSTEMS i inni. Najwięksi odwiedzą Roof Expo</h5> </a> <a class="pwe-post" href="https://roofexpo.pl/news/integracja-branzy-dekarskiej-strefa-rzemiosla-eliminacje-do-ifd-award-pierwsza-edycja-roof-expo-w-ptak-warsaw-expo/"> <div class="pwe-post-thumbnail"> <div data-bg="https://roofexpo.pl/wp-content/uploads/2023/11/roof-aktualnosci.jpg" class="image-container rocket-lazyload" style=""></div> </div> <h5 class="pwe-post-title">Integracja branży dekarskiej, Strefa Rzemiosła, eliminacje do IFD Award – pierwsza edycja Roof Expo w Ptak Warsaw Expo</h5> </a></div> <span class="pwe-opinions__arrow pwe-opinions__arrow-prev pwe-arrow pwe-arrow-prev">‹</span> <span class="pwe-opinions__arrow pwe-opinions__arrow-next pwe-arrow pwe-arrow-next">›</span> <style> .pwelement_74521 .pwe-arrow { display: block; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 60px; font-weight: 700; z-index: 1; cursor: pointer; } .pwelement_74521 .pwe-arrow-prev { left: 14px; } .pwelement_74521 .pwe-arrow-next { right: 14px; } .pwelement_74521 .slick-dots { position: relative; width: 100%; max-width: 90px; overflow: hidden; white-space: nowrap; padding: 0 !important; list-style: none; margin: auto !important; } .pwelement_74521 .slick-dots li { width: 16px; height: 16px; margin: 0 7px; background-color: #bbb; border: none; border-radius: 50%; } .pwelement_74521 .slick-dots li button { opacity: 0; } .pwelement_74521 .slick-dots li.slick-active { transform-origin: center; background: #00a878; } </style> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { const pweElement = $(".pwelement_74521"); const slickSlider = $(".pwelement_74521 .pwe-slides"); const sliderArrows = $(".pwelement_74521 .pwe-arrow"); const totalSlides = slickSlider.children().length; const sliderDotsDisplay = "true"; const sliderArrowsDisplay = ""; const slidesToShowSetting = 3; // Function to initialize Slick Slider function initializeSlick(arrowsEnabled = false, dotsEnabled = false) { const currentSlidesToShow = getInitialSlidesToShow(); // Destroy Slick if already initialized if (slickSlider.hasClass("slick-initialized")) { slickSlider.slick("unslick"); } // Initialize Slick Slider slickSlider.slick({ infinite: true, slidesToShow: currentSlidesToShow, slidesToScroll: 1, arrows: arrowsEnabled, nextArrow: $(".pwelement_74521 .pwe-arrow-next"), prevArrow: $(".pwelement_74521 .pwe-arrow-prev"), autoplay: true, autoplaySpeed: 3000, dots: dotsEnabled, cssEase: "linear", swipeToSlide: true, }); // Hide arrows if arrows are disabled if (!arrowsEnabled) { sliderArrows.hide(); } else { sliderArrows.show(); } } // Settings for slidesToShow based on breakpoints function getInitialSlidesToShow() { const elementWidth = pweElement.width(); return elementWidth < 400 ? 1 : elementWidth < 700 ? 2 : elementWidth < 900 ? 3 : slidesToShowSetting; } // Check if arrows and dots should be enabled function updateSlickSettings() { const currentSlidesToShow = getInitialSlidesToShow(); let dotsEnabled = totalSlides > currentSlidesToShow && sliderDotsDisplay === "true"; let arrowsEnabled = totalSlides > currentSlidesToShow && sliderArrowsDisplay === "true"; initializeSlick(arrowsEnabled, dotsEnabled); if (dotsEnabled) { slickSlider.on("afterChange", function (event, slick, currentSlide) { const $slickDots = $(event.target).find(".slick-dots"); const dotWidth = 30; // Calculate the offset based on the currentSlide index const scrollPosition = (currentSlide - 1) * dotWidth; // Set scrollLeft directly on the .slick-dots container $slickDots.animate({ scrollLeft: scrollPosition }, 300); }); } } // Initialize slider on document ready updateSlickSettings(); // Reinitialize slider on window resize and element resize const resizeObserver = new ResizeObserver(() => { updateSlickSettings(); }); resizeObserver.observe(pweElement[0]); }); });</script> <div class="pwe-btn-container" style="padding-top: 18px;"> <span> <a class="pwe-link btn pwe-btn" href="/aktualnosci/">Zobacz wszystkie</a> </span> </div> </div> </div> <script type="rocketlazyloadscript"> document.addEventListener("DOMContentLoaded", function() { const pwePostsElement = document.querySelector(".pwelement_74521 .pwe-posts"); const pweSliderElement = document.querySelector(".pwe-posts .slides"); const pwePostsRow = document.querySelector(".row-container:has(.pwe-posts)"); pwePostsElement.style.opacity = 1; pwePostsElement.style.transition = "opacity 0.3s ease"; if ((pwePostsElement && pwePostsElement.children.length === 0) || (pweSliderElement && pweSliderElement.children.length === 0)) { pwePostsRow.classList.add("desktop-hidden", "tablet-hidden", "mobile-hidden"); } const loadMoreButton = document.getElementById("load-more-posts"); if (loadMoreButton) { loadMoreButton.addEventListener("click", function() { const button = this; const offset = parseInt(button.getAttribute("data-offset")); button.innerText = "Ładowanie..."; button.disabled = true; const xhr = new XMLHttpRequest(); xhr.open("POST", "https://roofexpo.pl/wp-admin/admin-ajax.php", true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); xhr.onload = function() { if (xhr.status >= 200 && xhr.status < 400) { const response = xhr.responseText; const container = document.querySelector(".pwe-posts"); container.insertAdjacentHTML("beforeend", response); const newOffset = offset + 18; button.setAttribute("data-offset", newOffset); // Check if all posts have been loaded if (response.trim() === "") { button.remove(); } else { button.innerText = "Załaduj więcej"; button.disabled = false; } } }; xhr.send("action=load_more_posts&offset=" + offset); }); } }); </script></div></div></div></div></div></div><script id="script-row-unique-14" data-row="script-row-unique-14" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-14"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-15"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_11211"> <style> .pwe-medals__wrapper { display: flex; flex-direction: column; box-shadow: 2px 2px 12px #cccccc; border-radius: 36px; padding: 36px; text-align: center; gap: 18px; } .pwe-medals__heading h4 { margin: 0 auto; } .pwe-medals__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .pwe-medals__wrapper .pwe-medals__items { display: grid; } .pwe-medals__wrapper .pwe-medals__items_mobile { display: none; } .pwe-medals__wrapper .pwe-button-link { transform-origin: center !important; } @media(max-width: 650px) { .pwe-medals__wrapper { padding: 18px; } .pwe-medals__text p { line-height: 1.3; text-align: left; } .pwe-medals__items { display: flex; flex-wrap: wrap; justify-content: center; } .pwe-medals__item { max-width: 100px; } .pwe-medals__item img { width: 100%; } .pwe-medals__wrapper .pwe-medals__items_mobile { display: block; } .pwe-medals__wrapper .pwe-medals__items { display: none; } } .pwe-medals .pwe-button-link { color: white; background-color: #1f3e70; border: 1px solid #1f3e70; border-radius: 10px; min-width: 240px; } .pwe-medals .pwe-button-link:hover { color: white !important; background-color: #0b2a5c!important; border: 1px solid #0b2a5c!important; } </style> <div id="pweMedals" class="pwe-medals"> <div class="pwe-medals__wrapper"> <div class="pwe-medals__heading"> <h4>ZDOBĄDŹ PRESTIŻOWĄ NAGRODĘ W PTAK WARSAW EXPO!</h4> </div> <div class="pwe-medals__text"> <p>Dołącz do grona najlepszych na <strong>Targach Ptak Warsaw Expo</strong> i pokaż swoją firmę w świetle zwycięzców! Nagrody są przyznawane przez <strong>Krajową Izbę Targową</strong> oraz <strong>Ptak Warsaw Expo</strong> – wyróżnij się i zdobądź uznanie!</p></div> <div class="pwe-medals__items"> <div class="pwe-medals__item"><img width="500" height="500" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" data-lazy-src="/wp-content/plugins/PWElements/media/medals/innowacyjnosc.webp"/><noscript><img width="500" height="500" src="/wp-content/plugins/PWElements/media/medals/innowacyjnosc.webp"/></noscript></div> <div class="pwe-medals__item"><img width="500" height="500" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" data-lazy-src="/wp-content/plugins/PWElements/media/medals/premiera-targowa.webp"/><noscript><img width="500" height="500" src="/wp-content/plugins/PWElements/media/medals/premiera-targowa.webp"/></noscript></div> <div class="pwe-medals__item"><img width="500" height="500" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" data-lazy-src="/wp-content/plugins/PWElements/media/medals/produkt-targowy.webp"/><noscript><img width="500" height="500" src="/wp-content/plugins/PWElements/media/medals/produkt-targowy.webp"/></noscript></div> <div class="pwe-medals__item"><img width="500" height="500" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%3E%3C/svg%3E" data-lazy-src="/wp-content/plugins/PWElements/media/medals/ekspozycja-targowa.webp"/><noscript><img width="500" height="500" src="/wp-content/plugins/PWElements/media/medals/ekspozycja-targowa.webp"/></noscript></div> </div><div class="pwe-medals__items_mobile pwe-slides"><img width="500" height="500" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/medals/innowacyjnosc.webp" alt="Medal innowacyjnosc"/><img width="500" height="500" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/medals/premiera-targowa.webp" alt="Medal premiera-targowa"/><img width="500" height="500" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/medals/produkt-targowy.webp" alt="Medal produkt-targowy"/><img width="500" height="500" data-no-lazy="1" src="/wp-content/plugins/PWElements/media/medals/ekspozycja-targowa.webp" alt="Medal ekspozycja-targowa"/></div> <style> #pweMedals .pwe-arrow { display: block; position: absolute; top: 50%; transform: translate(0, -50%); font-size: 60px; font-weight: 700; z-index: 1; cursor: pointer; } #pweMedals .pwe-arrow-prev { left: 14px; } #pweMedals .pwe-arrow-next { right: 14px; } #pweMedals .slick-dots { position: relative; width: 100%; max-width: 90px; overflow: hidden; white-space: nowrap; padding: 0 !important; list-style: none; margin: auto !important; } #pweMedals .slick-dots li { width: 16px; height: 16px; margin: 0 7px; background-color: #bbb; border: none; border-radius: 50%; } #pweMedals .slick-dots li button { opacity: 0; } #pweMedals .slick-dots li.slick-active { transform-origin: center; background: #00a878; } </style> <script type="rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() { jQuery(function ($) { const pweElement = $("#pweMedals"); const slickSlider = $("#pweMedals .pwe-slides"); const sliderArrows = $("#pweMedals .pwe-arrow"); const totalSlides = slickSlider.children().length; const sliderDotsDisplay = "true"; const sliderArrowsDisplay = ""; const slidesToShowSetting = 5; // Function to initialize Slick Slider function initializeSlick(arrowsEnabled = false, dotsEnabled = false) { const currentSlidesToShow = getInitialSlidesToShow(); // Destroy Slick if already initialized if (slickSlider.hasClass("slick-initialized")) { slickSlider.slick("unslick"); } // Initialize Slick Slider slickSlider.slick({ infinite: true, slidesToShow: currentSlidesToShow, slidesToScroll: 1, arrows: arrowsEnabled, nextArrow: $("#pweMedals .pwe-arrow-next"), prevArrow: $("#pweMedals .pwe-arrow-prev"), autoplay: true, autoplaySpeed: 3000, dots: dotsEnabled, cssEase: "linear", swipeToSlide: true, }); // Hide arrows if arrows are disabled if (!arrowsEnabled) { sliderArrows.hide(); } else { sliderArrows.show(); } } // Settings for slidesToShow based on breakpoints function getInitialSlidesToShow() { const elementWidth = pweElement.width(); return elementWidth < 400 ? 2 : elementWidth < 600 ? 2 : elementWidth < 900 ? 3 : elementWidth < 1100 ? 4 : slidesToShowSetting; } // Check if arrows and dots should be enabled function updateSlickSettings() { const currentSlidesToShow = getInitialSlidesToShow(); let dotsEnabled = totalSlides > currentSlidesToShow && sliderDotsDisplay === "true"; let arrowsEnabled = totalSlides > currentSlidesToShow && sliderArrowsDisplay === "true"; initializeSlick(arrowsEnabled, dotsEnabled); if (dotsEnabled) { slickSlider.on("afterChange", function (event, slick, currentSlide) { const $slickDots = $(event.target).find(".slick-dots"); const dotWidth = 30; // Calculate the offset based on the currentSlide index const scrollPosition = (currentSlide - 1) * dotWidth; // Set scrollLeft directly on the .slick-dots container $slickDots.animate({ scrollLeft: scrollPosition }, 300); }); } } // Initialize slider on document ready updateSlickSettings(); // Reinitialize slider on window resize and element resize const resizeObserver = new ResizeObserver(() => { updateSlickSettings(); }); resizeObserver.observe(pweElement[0]); }); });</script> <div class="pwe-medals__heading"> <h4>POKAŻ SIĘ ŚWIATU JAKO LIDER W PTAK WARSAW EXPO!</h4> </div> <div class="pwe-medals__button"> <a class="pwe-button-link btn" href="/zostan-wystawca/">Zostań wystawcą</a> </div> </div> </div></div></div></div></div></div></div><script id="script-row-unique-15" data-row="script-row-unique-15" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-15"));</script></div></div></div><div data-parent="true" class="vc_row row-container" id="row-unique-16"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_28677"> <style> .pwe-numbers { max-width:1200px; margin: 0 auto; display: flex; flex-direction: column; gap:30px; } .pwe-numbers__title { margin: 0 auto; font-size: 24px !important; text-align: center; text-transform: uppercase; } .pwe-numbers__wrapper { display: flex; gap:30px; } .pwe-numbers__img { flex: .5; background-image: url(/wp-content/plugins/PWElements/media/bg-object.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; border-radius: 30px; } .pwe-numbers__container { flex:.5; } .pwe-numbers__container-ufi { display: flex; justify-content: space-around; border:1px solid rgba(0, 0, 0, 0.1); border-radius: 30px; margin-bottom: 20px; max-width: 90%; margin:0 auto; } .pwe-numbers__container-ufi img { max-width: 45%; } .pwe-numbers__container-numbers { display:flex; justify-content: space-around; } .pwe-numbers__container-numbers div { flex:.5; display: flex; align-items: center; flex-direction: column; margin:10px 0px; } .pwe-numbers__container-numbers img { max-height: 50px; object-fit: contain; } .pwe-numbers__container-numbers h3, .pwe-numbers__container-numbers p { margin:4px 0; line-height: 1.3; text-align: center; } @media(max-width:900px){ .pwe-numbers__wrapper { flex-direction: column; } .pwe-numbers__img { min-height: 250px; } } .pwe-footer-bg, .pwe-footer-images-bg { display: none; } </style> <div id="pweNumbers" class="pwe-numbers"> <h2 class="pwe-numbers__title">NAJWIĘKSZE CENTRUM TARGOWE W EUROPIE ŚRODKOWO-WSCHODNIEJ</h2> <div class="pwe-numbers__wrapper"> <div class="pwe-numbers__container"> <div class="pwe-numbers__container-ufi"> <img width="264" height="85" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20264%2085'%3E%3C/svg%3E" data-lazy-src="/wp-content/plugins/PWElements/media/numbers-el/certifed.webp" /><noscript><img width="264" height="85" src="/wp-content/plugins/PWElements/media/numbers-el/certifed.webp" /></noscript> <img width="264" height="85" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20264%2085'%3E%3C/svg%3E" data-lazy-src="/wp-content/plugins/PWElements/media/numbers-el/ufi.webp" /><noscript><img width="264" height="85" src="/wp-content/plugins/PWElements/media/numbers-el/ufi.webp" /></noscript> </div> <div class="pwe-numbers__container-numbers"> <div> <img width="200" height="200" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E" data-lazy-src="/wp-content/plugins/PWElements/media/numbers-el/exhibitors.webp" /><noscript><img width="200" height="200" src="/wp-content/plugins/PWElements/media/numbers-el/exhibitors.webp" /></noscript> <h3>20000</h3> <p>Wystawców<br>rocznie</p> </div> <div> <img width="200" height="200" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E" data-lazy-src="/wp-content/plugins/PWElements/media/numbers-el/visitors.webp" /><noscript><img width="200" height="200" src="/wp-content/plugins/PWElements/media/numbers-el/visitors.webp" /></noscript> <h3>1mln+</h3> <p>Odwiedzających<br>rocznie</p> </div> </div> <div class="pwe-numbers__container-numbers"> <div> <img width="200" height="200" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E" data-lazy-src="/wp-content/plugins/PWElements/media/numbers-el/fairs.webp" /><noscript><img width="200" height="200" src="/wp-content/plugins/PWElements/media/numbers-el/fairs.webp" /></noscript> <h3>120+</h3> <p>Targów B2B<br>rocznie</p> </div> <div> <img width="200" height="200" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3E%3C/svg%3E" data-lazy-src="/wp-content/plugins/PWElements/media/numbers-el/area.webp" /><noscript><img width="200" height="200" src="/wp-content/plugins/PWElements/media/numbers-el/area.webp" /></noscript> <h3>153k</h3> <p>Powierzchni m<sup>2</sup></p> </div> </div> </div> <div class="pwe-numbers__img"></div> </div> </div></div></div></div></div></div></div><script id="script-row-unique-16" data-row="script-row-unique-16" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-16"));</script></div></div></div><div data-parent="true" class="vc_row row-container desktop-hidden tablet-hidden mobile-hidden" id="row-unique-17"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"> <div class="wpb_raw_code wpb_raw_js" > <div class="wpb_wrapper"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ExhibitionEvent", "name": "Roof Expo", "url": "https://roofexpo.pl", "description": "Międzynarodowe Targi Dachów", "image": "https://roofexpo.pl/doc/kafelek.jpg", "startDate": "2025/12/02 10:00", "endDate": "2025/12/04 17:00", "eventStatus": "https://schema.org/EventScheduled", "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode", "location": { "@type": "Place", "name": "Ptak Warsaw Expo", "address": { "@type": "PostalAddress", "streetAddress": "Aleja Katowicka 62", "addressLocality": "Nadarzyn", "postalCode": "05-830", "addressCountry": "PL" } }, "offers": { "@type": "Offer", "name": "Rejestracja", "price": "0", "priceCurrency": "PLN", "url": "https://roofexpo.pl/rejestracja/", "availability": "https://schema.org/InStock" } } </script> </div> </div> </div></div></div></div></div><script id="script-row-unique-17" data-row="script-row-unique-17" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-17"));</script></div></div></div></div></div> </div> </article> </div> </div> <footer id="colophon" class="site-footer"> <div data-parent="true" class="vc_row row-container" id="row-unique-18"><div class="row limit-width row-parent"><div class="wpb_row row-inner"><div class="wpb_column pos-top pos-center align_left column_parent col-lg-12 single-internal-gutter"><div class="uncol style-light" ><div class="uncoltable"><div class="uncell no-block-padding" ><div class="uncont"><div class="pwelement pwelement_69958"> <style> .row-parent:has(.pwe-footer) { max-width: 100%; padding: 0 !important; } .wpb_column:has(.pwe-footer) { padding: 0 !important; } .pwelement:has(.pwe-footer) { z-index: 1; } .pwe-footer-bg { position: relative; padding: 36px; background-size: cover; } .pwe-footer-bg:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); opacity: .4; } .pwe-footer-bg-wrapper { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 36px; } .pwe-footer-bg-limit { max-width: 950px; margin: 0 auto; display: flex; flex-direction: column; gap: 36px; } .pwe-footer-images-bg img { width: 100%; object-fit: contain; } .pwe-footer-bg, .pwe-footer-images-bg { background-position: center; background-repeat: no-repeat; } .pwe-footer-logo-pwe { width: 100%; display: flex; float: left; } .pwe-footer-logo-pwe img { width: 140px; } .pwe-footer-title-section h4 span { color: white; width: auto; } .pwe-footer-title-section h2 { margin: 0; width: auto !important; } .pwe-footer-title-pl { color: white; font-size: 96px; } .pwe-footer-title-en { color: white; font-size: 84px; } @media (min-width: 320px) and (max-width: 1200px) { .pwe-footer-title-pl { font-size: calc(24px + (96 - 24) * ( (100vw - 320px) / ( 1200 - 320) )); } .pwe-footer-title-en { font-size: calc(24px + (84 - 24) * ( (100vw - 320px) / ( 1200 - 320) )); } } .pwe-footer-benefits { display: flex; justify-content: space-around; } .pwe-footer-benefits p { text-align: center; font-size: 14px; font-weight: 700; color: white; text-shadow: 0 0 10px black; } .pwe-footer-nav { background-color: black; padding: 36px; } .pwe-footer-nav-wrapper { display: flex; width: 100%; max-width: 1200px; margin: 0 auto; gap: 18px; } .pwe-footer-nav-left-column, .pwe-footer-nav-right-column { display: flex; gap: 18px; } .pwe-footer-nav-left-column { width: 25%; } .pwe-footer-nav-right-column { width: 75%; } .pwe-footer-nav-logo-column { width: 100%; } .pwe-footer-nav-column { width: 33.333%; } .pwe-footer-nav-column h5 span { color: white; } .pwe-footer-nav-logo-top, .pwe-footer-nav-logo-bottom { max-width: 200px !important; } .pwe-footer-nav-logo-bottom img { padding: 8px; max-height: 150px; object-fit: contain; } .pwe-footer-nav-links ul { padding: 0 !important; list-style: none !important; } .pwe-footer-nav-links ul li a { color: white !important; } @media (max-width:1000px){ .pwe-footer-benefits { flex-direction: column; justify-content: center; } .pwe-footer-nav-column h5 span { font-size: 16px; } .pwe-footer-nav-left-column { width: 30%; } .pwe-footer-nav-right-column { width: 70%; flex-wrap: wrap; justify-content: space-between; } .pwe-footer-nav-column { width: 47%; } } @media (max-width:720px) { .pwe-footer-nav-column h5 span { font-size: 14px; } .pwe-footer-nav-links ul li a { font-size: 14px; } } @media (max-width:640px) { .pwe-footer-nav-wrapper { flex-direction: column; } .pwe-footer-nav-left-column { width: 100%; } .pwe-footer-nav-logo-top, .pwe-footer-nav-logo-bottom { margin: 0 auto; } .pwe-footer-nav-right-column { width: 100%; } } @media (max-width:500px) { .pwe-footer-bg { padding: 18px; } .pwe-footer-title-section h4 { text-align: center; width: auto; } .pwe-footer-title-section h4 span { font-size: 16px; } .pwe-footer-nav-right-column { flex-direction: column; } .pwe-footer-nav-column { width: 200px; margin-left: auto; margin-right: auto; } } </style> <div id="pweFooter" class="pwe-footer"> <div data-bg="/wp-content/plugins/PWElements/media/footer.webp" class="pwe-footer-bg rocket-lazyload" style=""> <div class="pwe-footer-bg-wrapper"> <div class="pwe-footer-bg-limit"> <div class="pwe-footer-logo-pwe"> <img width="265" height="235" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20265%20235'%3E%3C/svg%3E" alt="pwe logo" data-lazy-src="/wp-content/plugins/PWElements/media/logo_pwe.webp"><noscript><img width="265" height="235" src="/wp-content/plugins/PWElements/media/logo_pwe.webp" alt="pwe logo"></noscript> </div> <div class="pwe-footer-title-section"><h4 class="pwe-align-left"><span>Targi / Konferencje / Eventy</span></h4> <h2 class="pwe-align-center"><span class="pwe-uppercase pwe-footer-title-pl">Stolica Targów</span></h2></div> </div> <div class="pwe-footer-benefits"><p class="pwe-uppercase">DOŚWIADCZONY ZESPÓŁ</p> <p class="pwe-uppercase">PROFESJONALIZM I KOMPLEKSOWOŚĆ</p> <p class="pwe-uppercase">DOSKONAŁA LOKALIZACJA</p> <p class="pwe-uppercase">INNOWACYJNY SYSTEM WYSTAWIENNICZY</p></div> </div> </div> <div class="pwe-footer-images-bg"> <img width="1442" height="143" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201442%20143'%3E%3C/svg%3E" alt="footer background" data-lazy-src="/wp-content/plugins/PWElements/media/footer-images.webp"><noscript><img width="1442" height="143" src="/wp-content/plugins/PWElements/media/footer-images.webp" alt="footer background"></noscript> </div> <div class="pwe-footer-nav"> <div class="pwe-footer-nav-wrapper"> <div class="pwe-footer-nav-left-column"> <div class="pwe-footer-nav-logo-column"> <div class="pwe-footer-nav-logo-top"><a href="https://roofexpo.pl"><img width="248" height="127" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20248%20127'%3E%3C/svg%3E" alt="logo pwe & ufi" data-lazy-src="/wp-content/plugins/PWElements/media/logo_pwe_ufi.webp"><noscript><img width="248" height="127" src="/wp-content/plugins/PWElements/media/logo_pwe_ufi.webp" alt="logo pwe & ufi"></noscript></a></div> <div class="pwe-footer-nav-logo-bottom text-centered"> <a href="https://roofexpo.pl"> <span class="logo-trade-fair"><img width="700" height="400" src="/doc/logo.webp" alt="logo-Roof Expo"></span> </a> </div> </div> </div> <div class="pwe-footer-nav-right-column">  <div class="pwe-footer-nav-column"> <h5><span class="pwe-uppercase">Roof Expo</span></h5> <div class="pwe-footer-nav-links"><div class="menu-footer-menu-1-pl-container"><ul id="menu-footer-menu-1-pl" class="menu"><li id="menu-item-86" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2 current_page_item menu-item-86"><a href="https://roofexpo.pl/" aria-current="page">Strona główna</a></li> <li id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="https://roofexpo.pl/kontakt/">Kontakt</a></li> <li id="menu-item-4683" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4683"><a target="_blank" rel="noopener" href="https://warsawexpo.eu/kalendarz-targowy">Kalendarz targowy</a></li> <li id="menu-item-1965" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1965"><a target="_blank" rel="noopener" href="https://warsawexpo.eu/polityka-prywatnosci/">Polityka prywatności</a></li> </ul></div></div> </div>  <div class="pwe-footer-nav-column"> <h5><span class="pwe-uppercase">DLA ODWIEDZAJĄCYCH</span></h5> <div class="pwe-footer-nav-links"><div class="menu-footer-menu-2-pl-container"><ul id="menu-footer-menu-2-pl" class="menu"><li id="menu-item-1304" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1304"><a href="https://roofexpo.pl/rejestracja/">Zarejestruj się</a></li> <li id="menu-item-1305" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1305"><a href="/odwiedzajacy/#visitorsBenefits">Dlaczego warto</a></li> <li id="menu-item-1308" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1308"><a href="/odwiedzajacy/#faq">Praktyczne informacje</a></li> <li id="menu-item-1309" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1309"><a href="/odwiedzajacy/#dojazd">Dojazd</a></li> <li id="menu-item-3051" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3051"><a target="_blank" rel="noopener" href="https://warsawexpo.eu/biuro-prasowe">Media</a></li> <li id="menu-item-1311" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1311"><a target="_blank" rel="noopener" href="https://warsawexpo.eu/baza-hotelowa/">Baza hotelowa</a></li> </ul></div></div> </div>  <div class="pwe-footer-nav-column"> <h5><span class="pwe-uppercase">DLA WYSTAWCÓW</span></h5> <div class="pwe-footer-nav-links"><div class="menu-footer-menu-3-pl-container"><ul id="menu-footer-menu-3-pl" class="menu"><li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"><a href="https://roofexpo.pl/zostan-wystawca/">Zarezerwuj stoisko</a></li> <li id="menu-item-5010" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5010"><a href="/wystawcy/#exhibitorsBenefits">Dlaczego warto</a></li> <li id="menu-item-4685" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4685"><a href="/wystawcy/#stand">Dedykowana zabudowa targowa</a></li> <li id="menu-item-4686" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4686"><a href="/wystawcy/#download">Dokumenty do pobrania</a></li> <li id="menu-item-5011" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5011"><a href="https://roofexpo.pl/wypromuj-sie/">Wypromuj się na targach</a></li> </ul></div></div> </div></div></div></div></div></div></div></div></div></div></div><script id="script-row-unique-18" data-row="script-row-unique-18" type="text/javascript" class="vc_controls">UNCODE.initRow(document.getElementById("row-unique-18"));</script></div></div></div><div class="row-container style-color-140628-bg footer-last"> <div class="row row-parent style-dark no-top-padding no-h-padding no-bottom-padding"> <div class="site-info uncell col-lg-6 pos-middle text-left"><p>© 2025 Ptak Warsaw Expo Sp. z o.o.</p> </div><div class="uncell col-lg-6 pos-middle text-right"><div class="social-icon icon-box icon-box-top icon-inline"><a href="https://www.facebook.com/roofexpowarsaw/" target="_blank"><i class="fa fa-facebook-square"></i></a></div><div class="social-icon icon-box icon-box-top icon-inline"><a href="https://www.instagram.com/roofexpo/" target="_blank"><i class="fa fa-instagram"></i></a></div><div class="social-icon icon-box icon-box-top icon-inline"><a href="https://www.linkedin.com/company/roof-expo" target="_blank"><i class="fa fa-linkedin-square"></i></a></div><div class="social-icon icon-box icon-box-top icon-inline"><a href="https://www.youtube.com/playlist?list=PL0uv62TZgbz8M_Xe-k_NtDB1ztuBUdvd-" target="_blank"><i class="fa fa-youtube-play"></i></a></div></div> </div> </div> </footer> </div> </div> </div> </div> <div class="style-light footer-scroll-top footer-scroll-higher"><a href="#" class="scroll-top"><i class="fa fa-angle-up fa-stack btn-default btn-hover-nobg"></i></a></div> <script type="rocketlazyloadscript" data-rocket-type="text/javascript">window.addEventListener('DOMContentLoaded', function() {/* ROZWIJANE ZGODY */ jQuery(function ($) { $('.show-consent').on('click touch', function () { $(this).parents( "li" ).find('.gfield_consent_description').toggle( "slow" ); }); }); /* Show more/less */ let hidden = true; jQuery(function ($) { $(".seeMore").click(function() { if(event.target.innerHTML == "ukryj...") $(event.target).text("więcej...") else $(event.target).text("ukryj...") hidden = !hidden; $(event.target.previousElementSibling).slideToggle(); }); }); /* Zamiana tekstu newsów */ let newsy = document.querySelectorAll('.t-entry-readmore'); for(let i=0; i<newsy.length; i++){ newsy[i].querySelector('a').innerText = "Czytaj 🡵" } /* One Reg Form */ function getLocationPath() { const urlParams = new URLSearchParams(window.location.search); const registrationParam = urlParams.get('reg'); const utmSource = urlParams.get('utm_source'); if (registrationParam) { return registrationParam; } else if (utmSource === 'byli') { return 'vip'; } else if (utmSource === 'premium') { return 'platinum'; } else { let urlPath = window.location.pathname; urlPath = urlPath.replace(/^\/en\//, '').replace(/^\/|\/$/g, ''); return urlPath.length > 0 ? urlPath : "header"; } } function setLocationToForm() { const locationInput = document.querySelector(".location input"); if (locationInput) { const locationPath = getLocationPath(); locationInput.value = locationPath; } } const emailInput = document.querySelector('input[type="email"]'); if (emailInput) { emailInput.addEventListener('change', function() { const locationInputContainer = document.querySelector(".location input"); if (locationInputContainer) { setLocationToForm(); } }); }});</script><script type="text/html" id="wpb-modifications"></script><link data-minify="1" rel='stylesheet' id='slick-slider-css-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/assets/slick-slider/slick.css?ver=1739366068' type='text/css' media='all' /> <link data-minify="1" rel='stylesheet' id='slick-slider-theme-css-css' href='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/assets/slick-slider/slick-theme.css?ver=1739366068' type='text/css' media='all' /> <script type='text/javascript' id='nav-menu-js-js-extra'> /* <![CDATA[ */ var menu_js = {"menu_transparent":"true","trade_fair_datetotimer":"2025\/12\/02 10:00","trade_fair_enddata":"2025\/12\/04 17:00"}; var menu_js = {"menu_transparent":"true","trade_fair_datetotimer":"2025\/12\/02 10:00","trade_fair_enddata":"2025\/12\/04 17:00"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/includes/nav-menu/assets/script.js?ver=1739365844' id='nav-menu-js-js'></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/elements/js/script.js?ver=1739365844' id='pwelement-js-js' data-rocket-defer defer></script> <script type='text/javascript' id='exclusions-js-js-extra'> /* <![CDATA[ */ var data_js = {"accent_color":"#1f3e70","main2_color":"#00a878"}; /* ]]> */ </script> <script data-minify="1" type='text/javascript' src='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/elements/js/exclusions.js?ver=1739365844' id='exclusions-js-js'></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/includes/katalog-wystawcow/assets/katalog.js?ver=1739365844' id='pwe-katalog-js-js' data-rocket-defer defer></script> <script type='text/javascript' id='pwe-display-info-js-js-extra'> /* <![CDATA[ */ var pweScriptData = {"locale":"pl_PL"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/plugins/PWElements/includes/display-info/assets/display-info.js?ver=1739285157' id='pwe-display-info-js-js' data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/plugins/PWElements/includes/media-gallery/assets/media-gallery.js?ver=1739285157' id='pwe-media-gallery-js-js' data-rocket-defer defer></script> <script type='text/javascript' id='script-js-js-extra'> /* <![CDATA[ */ var data_js = {"source_utm":""}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/includes/registration/assets/script.js?ver=1739365844' id='script-js-js' data-rocket-defer defer></script> <script type='text/javascript' id='my-custom-element-js-js-extra'> /* <![CDATA[ */ var inner_data = {"trade_date":"2-4 grudnia 2025","trade_start":"2025\/12\/02 10:00","trade_end":"2025\/12\/04 17:00","trade_name":"Roof Expo","trade_desc":"Mi\u0119dzynarodowe Targi Dach\u00f3w","trade_name_en":"Roof Expo","trade_desc_en":"International Roofing Industry Trade Fair"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/custom-element/my-custom-element/js/script.js?ver=1739365844' id='my-custom-element-js-js' data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' id='mediaelement-core-js-before'> var mejsL10n = {"language":"pl","strings":{"mejs.download-file":"Pobierz plik","mejs.install-flash":"Korzystasz z przegl\u0105darki, kt\u00f3ra nie ma w\u0142\u0105czonej lub zainstalowanej wtyczki Flash player. W\u0142\u0105cz wtyczk\u0119 Flash player lub pobierz najnowsz\u0105 wersj\u0119 z https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Tryb pe\u0142noekranowy","mejs.play":"Odtw\u00f3rz","mejs.pause":"Zatrzymaj","mejs.time-slider":"Slider Czasu","mejs.time-help-text":"U\u017cyj strza\u0142ek lewo\/prawo aby przesun\u0105\u0107 o sekund\u0119 do przodu lub do ty\u0142u, strza\u0142ek g\u00f3ra\/d\u00f3\u0142 aby przesun\u0105\u0107 o dziesi\u0119\u0107 sekund.","mejs.live-broadcast":"Transmisja na \u017cywo","mejs.volume-help-text":"U\u017cywaj strza\u0142ek do g\u00f3ry\/do do\u0142u aby zwi\u0119kszy\u0107 lub zmniejszy\u0107 g\u0142o\u015bno\u015b\u0107.","mejs.unmute":"W\u0142\u0105cz dzwi\u0119k","mejs.mute":"Wycisz","mejs.volume-slider":"Suwak g\u0142o\u015bno\u015bci","mejs.video-player":"Odtwarzacz video","mejs.audio-player":"Odtwarzacz plik\u00f3w d\u017awi\u0119kowych","mejs.captions-subtitles":"Napisy","mejs.captions-chapters":"Rozdzia\u0142y","mejs.none":"Brak","mejs.afrikaans":"afrykanerski","mejs.albanian":"Alba\u0144ski","mejs.arabic":"arabski","mejs.belarusian":"bia\u0142oruski","mejs.bulgarian":"bu\u0142garski","mejs.catalan":"katalo\u0144ski","mejs.chinese":"chi\u0144ski","mejs.chinese-simplified":"chi\u0144ski (uproszczony)","mejs.chinese-traditional":"chi\u0144ski (tradycyjny)","mejs.croatian":"chorwacki","mejs.czech":"czeski","mejs.danish":"du\u0144ski","mejs.dutch":"holenderski","mejs.english":"angielski","mejs.estonian":"esto\u0144ski","mejs.filipino":"filipi\u0144ski","mejs.finnish":"fi\u0144ski","mejs.french":"francuski","mejs.galician":"galicyjski","mejs.german":"niemiecki","mejs.greek":"grecki","mejs.haitian-creole":"Kreolski haita\u0144ski","mejs.hebrew":"hebrajski","mejs.hindi":"hinduski","mejs.hungarian":"w\u0119gierski","mejs.icelandic":"islandzki","mejs.indonesian":"indonezyjski","mejs.irish":"irlandzki","mejs.italian":"w\u0142oski","mejs.japanese":"japo\u0144ski","mejs.korean":"korea\u0144ski","mejs.latvian":"\u0142otewski","mejs.lithuanian":"litewski","mejs.macedonian":"macedo\u0144ski","mejs.malay":"malajski","mejs.maltese":"malta\u0144ski","mejs.norwegian":"norweski","mejs.persian":"perski","mejs.polish":"polski","mejs.portuguese":"portugalski","mejs.romanian":"rumu\u0144ski","mejs.russian":"rosyjski","mejs.serbian":"serbski","mejs.slovak":"s\u0142owacki","mejs.slovenian":"s\u0142owe\u0144ski","mejs.spanish":"hiszpa\u0144ski","mejs.swahili":"suahili","mejs.swedish":"szwedzki","mejs.tagalog":"tagalski","mejs.thai":"tajski","mejs.turkish":"turecki","mejs.ukrainian":"ukrai\u0144ski","mejs.vietnamese":"wietnamski","mejs.welsh":"walijski","mejs.yiddish":"jidysz"}}; </script> <script type='text/javascript' src='https://roofexpo.pl/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.16' id='mediaelement-core-js' data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=5.8.10' id='mediaelement-migrate-js' data-rocket-defer defer></script> <script type='text/javascript' id='mediaelement-js-extra'> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=5.8.10' id='wp-mediaelement-js' data-rocket-defer defer></script> <script type='text/javascript' src='https://roofexpo.pl/wp-content/themes/uncode/library/js/plugins.min.js' id='uncode-plugins-js' data-rocket-defer defer></script> <script type='text/javascript' src='https://roofexpo.pl/wp-content/themes/uncode/library/js/app.min.js' id='uncode-app-js' data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/plugins/wp-rocket/assets/js/heartbeat.js?ver=3.17.3.1' id='heartbeat-js' data-rocket-defer defer></script> <script type='text/javascript' src='https://roofexpo.pl/wp-includes/js/wp-embed.min.js?ver=5.8.10' id='wp-embed-js' data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/plugins/PWElements/assets/three-js/three.min.js?ver=0.1' id='three-js-js'></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/assets/three-js/GLTFLoader.js?ver=1739366068' id='GLTFLoader-js-js'></script> <script type='text/javascript' id='script-map-js-js-extra'> /* <![CDATA[ */ var data_js = {"map_type":"PWEMapDynamic","map_dynamic_3d":"true","map_dynamic_preset":"preset_1","map_color":"","accent_color":"#1f3e70"}; /* ]]> */ </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/cache/min/1/wp-content/plugins/PWElements/includes/map/assets/script.js?ver=1739366068' id='script-map-js-js' data-rocket-defer defer></script> <script type="rocketlazyloadscript" data-rocket-type='text/javascript' data-rocket-src='https://roofexpo.pl/wp-content/plugins/PWElements/scripts/../assets/slick-slider/slick.min.js' id='slick-slider-js-js' data-rocket-defer defer></script> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://roofexpo.pl/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=["https:\/\/roofexpo.pl\/doc\/background.webp","https:\/\/roofexpo.pl\/doc\/header_mobile.webp","https:\/\/roofexpo.pl\/doc\/logo.webp"];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script></body> </html>

CINXE.COM

Międzynarodowe Targi Dachów - Roof Expo!