<!DOCTYPE html> <!-- HTC Spark Start. --><html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Dachowa domy - intro"> <base href="/"> <style> *{ margin:0; } body{ font-family:"Roboto"; } </style> <link rel="stylesheet" href="/assets/fonts/material-design-iconic-font.min.css"> <link href='/assets/fonts/fonts.css' rel='stylesheet' type='text/css'> <script> var allowCdn=false; var fontsInit={ addCssLink:function (url) { var lnk=document.createElement("link"); lnk.rel="stylesheet"; lnk.type="text/css"; lnk.href=url; document.getElementsByTagName("head")[0].appendChild(lnk); }, checkCdnAvail: function(testUrl,callOk,callFail) { if(!allowCdn) { callFail(); return; } var xhttp=new XMLHttpRequest(); var ok=false; xhttp.onreadystatechange=function() { if((xhttp.readyState == 4)&&(xhttp.status == 200||xhttp.status == 404)) { ok=true; callOk(); } }; xhttp.open("GET",testUrl,1); xhttp.timeout=500; xhttp.send(); setTimeout(function(){ if(!ok) { callFail(); } },500); } }; (function() { function useCdn() { fontsInit.addCssLink("https://fonts.googleapis.com/icon?family=Material+Icons"); fontsInit.addCssLink("https://fonts.googleapis.com/css?family=Roboto:400,100,100i,300i,300,400i,500,500i,700,700i,900,900i&subset=latin,latin-ext"); fontsInit.addCssLink("https://fonts.googleapis.com/css?family=Lato:400,100,100i,300i,300,400i,500,500i,700,700i,900,900i"); fontsInit.addCssLink("https://fonts.googleapis.com/css?family=Muli:400,100,100i,300i,300,400i,500,500i,700,700i,900,900i"); fontsInit.addCssLink("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,600;1,700&display=swap"); fontsInit.addCssLink("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"); } function useFallback() { fontsInit.addCssLink("/assets/fonts/fonts_fallback.css"); } fontsInit.checkCdnAvail("https://fonts.googleapis.com/css?family=Roboto:400,100,100i,300i,300,400i,500,500i,700,700i,900,900i&subset=latin,latin-ext", useCdn,useFallback); })(); </script> <title>Dachowa domy - intro</title> <link id="doc_icon" rel="icon" type="image/x-icon" href="/webng/_service/loader/app_icon_load.pub.c?app=22230027"/><script>(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-MGL3JL6');</script> </head> <body> </head> <body> </head> <body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MGL3JL6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script> portal={ nav:function(link) { window.location.href=link; }, scrollToBoxElem:function(box_elem,link_type,link_name) { // Pozycja docelowego elementu. var targetTop=document.querySelector(".box_elem[data-id=\""+box_elem+"\"]").getBoundingClientRect().top; targetTop+=window.scrollY; var page=document.getElementById("page"); // Korekta o nagBwek, je|eli jest nad stron. if(page.getAttribute("data-layout_c") == 3) { targetTop-=64; } // Scrollowanie. portal.priv_scrollTo(targetTop,300); //document.getElementsByTagName("html")[0].scrollTop=Math.ceil(targetTop); // Zdarzenie dla ggl tags manager. if(window.dataLayer!=null) { window.dataLayer.push({ 'event': 'scroll_to_box_clicked', 'link_type': link_type||'?', 'link_name': link_name||'?' }); } // Przerwanie nawigacji. return false; }, scrollTop:function(box_elem) { // Pozycja docelowego elementu - kontener gBwnej zawarto[ci. var targetTop=document.querySelector(".portal_box_c_1").getBoundingClientRect().top; targetTop+=window.scrollY; var page=document.getElementById("page"); // Korekta o nagBwek, je|eli jest nad stron. if(page.getAttribute("data-layout_c") == 3) { targetTop-=64; } // Scrollowanie. portal.priv_scrollTo(targetTop,300); //document.getElementsByTagName("html")[0].scrollTop=Math.ceil(targetTop); // Przerwanie nawigacji. return false; }, priv_scrollTo:function(targetTop,duration=200) { if(("requestAnimationFrame" in window) === false) { document.getElementsByTagName("html")[0].scrollTop=Math.ceil(targetTop); return; } targetTop=Math.ceil(targetTop); var start=window.scrollY; var startTime=("now" in window.performance)?performance.now():new Date().getTime(); function ease(t) { return (--t)*t*t+1; } function scrollStep() { var now=("now" in window.performance)?performance.now():new Date().getTime(); var time=Math.min(1,ease(((now-startTime)/duration))); var y=Math.ceil((time*(targetTop-start))+start); document.getElementsByTagName("html")[0].scrollTop=y; document.getElementsByTagName("body")[0].scrollTop=y; if((window.scrollY === targetTop)||(time === 1)) { return; } requestAnimationFrame(scrollStep); } scrollStep(); } } var PORTAL_PAGE; var PORTAL_PAGE_SCROLLED=0; window.addEventListener("scroll",function(event){ var p=(document.scrollingElement || document.documentElement).scrollTop; if(PORTAL_PAGE===undefined) { PORTAL_PAGE=document.getElementById("page"); } if((p>0)&&(PORTAL_PAGE_SCROLLED === 0)) { PORTAL_PAGE.classList.add("page_scrolled"); PORTAL_PAGE_SCROLLED=1; return; } if((p===0)&&(PORTAL_PAGE_SCROLLED === 1)) { PORTAL_PAGE.classList.remove("page_scrolled"); PORTAL_PAGE_SCROLLED=0; } }); </script> <link href="/webng/common/services/cloud_colors/db-load_cloud_colors.pub.csc?cloud=22156810&palette=40882995" rel="stylesheet" type="text/css"/> <div id="app_root" class="cloud22156810 acolp_40882995" data-app-version="22230030" data-app-id="22230027" data-cloud="22156810" data-app-name="portal_Dachowa"><style> .portal_box_c_2 { position: fixed; /*height: 116px;*/ /* Rozmiar powinny ustala elementy wstarione w kontener */ top: 0; left: 0; z-index:50; width:100%; } .page_scrolled .portal_box_c_2 { /*height:64px;*/ /* Rozmiar powinny ustala elementy wstarione w kontener */ } .portal_box_c_6 { position: fixed; bottom: 0; left: 0; right: 0; } </style> <div id="page" data-url-name="start" data-layout_c="3"><style> .bbcode a.btn { color:#fff; text-decoration:none; display:inline-block; padding:12px 30px 14px 30px; border-radius:3px; border-style:solid; transition: all 0.2s cubic-bezier(0.4,0,0.2,1); line-height:12px; } .bbcode a.btn > div { color:#fff !important; font-size:11px; font-weight:600; letter-spacing:1px; line-height:initial; } .bbcode a { text-decoration:none; } .bbcode.classic a { color:#F7881F; } .bbcode.classic a:hover { color:#F7881F; } .bbcode.classic a:hover span, .bbcode.classic a:hover div { text-decoration:underline; } .bbcode.classic a.btn:hover span, .bbcode.classic a.btn:hover div { text-decoration:none; } .bbcode.sharp a.btn { border-radius:0; padding:15px 40px 14px 40px; } .bbcode.sharp a.btn > div { letter-spacing:0; } .bbcode ul{ list-style: none; padding: 0; } .bbcode ul > li{ padding-left:1.3em; } .bbcode ul > li:before{ content:"\f26b"; font-family:"Material-Design-Iconic-Font"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:inline-block; width:1.3em; margin-left:-1.3em; } .bbcode.classic ul > li:before{ content:""; } .bbcode table td { vertical-align:top; } .bbcode.classic hr { border-color:#CECECE !important; } .portal_box { background-position:center top; /* Warto doda kiedy[ konfiguracj powtarzania. */ background-repeat:no-repeat; } .box_elem { position:relative; } .bg-size-c1 { background-size: initial; } .bg-size-c2 { background-size: contain; } .bg-size-c3 { background-size: cover; } .box_elem_render_fail{ background-color:#fff; height:300px; } @media screen and (min-width: 1280px) { .box_elem.elem_show--wide { display:block; } .box_elem.elem_show--narrow { display:none; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .box_elem.elem_show--wide { display:block; } .box_elem.elem_show--narrow { display:none; } } @media screen and (max-width: 767px) { .box_elem.elem_show--wide { display:none; } .box_elem.elem_show--narrow { display:block; } } </style> <style> #alert { z-index: 998; display: none; position: fixed; top: 0; left: 0; width:100%; height:100%; background-color: rgba(0,0, 0, 0.1); } #alert .alert__dlg { z-index: 999; position: fixed; top: 100px; left: 50%; transform: translateX(-50%); } #alert .close { cursor: pointer; position: absolute; outline: none; background: none; border: 0; } #alert.modern .alert__dlg { text-align: center; font-size: 16px; border-top: 3px solid #ccc; background-color: rgba(0,0, 0, 0.8); color: #fff; padding: 50px 75px 0; } #alert.modern.error .alert__dlg { border-top-color: #D73737; } #alert.modern.success .alert__dlg { border-top-color: #629742; } #alert.modern.warning .alert__dlg { border-top-color: #D9B615; } #alert.modern.info .alert__dlg { border-top-color: #0F1760;} #alert.modern .close { top: 14px; right: 14px; font-size: 18px; color: #ccc; } #alert.modern .close:hover { color: #fff; } #alert.modern .icon { margin: 19px 0 28px; } #alert.modern .icon::before { font-family: 'Material Icons'; font-size: 40px; } #alert.modern.error .icon::before { content:"remove_circle_outline"; color: #D73737; } #alert.modern.success .icon::before { content:"check"; color: #629742; } #alert.modern.warning .icon::before { content:"error_outline"; color: #D9B615; } #alert.modern.info .icon::before { content:"info_outline"; color: #0F1760; } #alert.simple .alert__dlg { text-align: center; font-size: 16px; border-top: 3px solid #ccc; background-color: #fff; color: #2E2E2E; padding: 40px 75px 20px 75px; border-radius:8px; box-shadow: 0px 16px 58px #00000014; font-family: 'SourceSans3'; } #alert.simple.error .alert__dlg { border-top-color: #D73737; } #alert.simple.success .alert__dlg { border-top-color: #629742; } #alert.simple.warning .alert__dlg { border-top-color: #D9B615; } #alert.simple.info .alert__dlg { border-top-color: #0F1760;} #alert.simple .close { top: 14px; right: 14px; font-size: 18px; color: #7B7B7B; } #alert.simple .close:hover { color: #2E2E2E; } #alert.simple .icon { margin: 19px 0 10px; } #alert.simple .icon::before { font-family: 'Material Icons'; font-size: 40px; } #alert.simple.error .icon::before { content:"remove_circle_outline"; color: #D73737; } #alert.simple.success .icon::before { content:"check"; color: #629742; } #alert.simple.warning .icon::before { content:"error_outline"; color: #D9B615; } #alert.simple.info .icon::before { content:"info_outline"; color: #0F1760; } </style> <div id="alert"> <div class="alert__dlg"> <button class="close material-icons">close</button> <header></header> <div class="body"></div> <div class="icon material-icons"></div> </div> </div> <script> /* Jednorazowa inicjalizacja mechanizmu alertw. */ (function(){ var alertEl=document.getElementById("alert"); var bodyEl=alertEl.getElementsByClassName("body")[0]; var closeEl=alertEl.getElementsByClassName("close")[0]; function closeAlert() { alertEl.style.display="none"; bodyEl.innerHTML=""; }; function closeAlertOnBg(evt) { if(evt.target !== alertEl) { return; } closeAlert(); } function initEvents() { alertEl.addEventListener("click", function(evt) { closeAlertOnBg(evt) }); closeEl.addEventListener("click", function() { closeAlert() }); } initEvents(); portal.alert=function(body,type,style) { type=type||"info"; alertEl.classList=type+" "+(style||"modern"); bodyEl.innerHTML=body; alertEl.style.display="block"; } })(); </script> <div class="portal_box portal_box_c_2 (null)" style="(null)" data-id="22231583"></div><div class="portal_box portal_box_c_1 (null)" style="(null)" data-id="22231517"><div class="box_elem elem_c_slider elem_show--always" data-id="28803634"> <style> .elem_c_slider .slider { position: relative; width: 100%; height: 100%; } .elem_c_slider .container { height: 100%; overflow: hidden; margin: auto; position: relative; } .elem_c_slider .slides { position: relative; height: 100%; transition: all 1s; } .elem_c_slider .prev, .elem_c_slider .next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,.4); color: white; padding: 20px; font-size: 16px; cursor: pointer; } .elem_c_slider .prev { left: 0; } .elem_c_slider .next { right: 0; } .elem_c_slider .slide { height: 100%; width: 100%; float: left; background-size: cover; position: relative; } .elem_c_slider .slide .content { position: relative; } .elem_c_slider .slide .body { position: relative; text-align: center; } .elem_c_slider .slide header { position: relative; } .elem_c_slider .indicators { position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); margin: 0 5px; white-space: nowrap; } .elem_c_slider .indicators button { border-radius: 50%; border: 2px solid; border-color: #fff; width: 20px; height: 20px; outline: 0; cursor: pointer; box-sizing: border-box; background: transparent; } .elem_c_slider .slide.active { display: initial; } .elem_c_slider .indicators button:not(.active) { background: transparent !important; } .elem_c_slider .more { margin-top: 48px; height: 40px; min-width: 180px; font-size: 12px; font-weight: 900; text-transform: uppercase; cursor: pointer; color: inherit; outline: 0; border: 0; border-radius: 3px; transition: opacity .2s; } .elem_c_slider .more:hover { transition: opacity .2s; opacity: .9; } .elem_c_slider .content, .elem_c_slider .prev, .elem_c_slider .next, .elem_c_slider .indicators { z-index: 3; } @media screen and (min-width: 1024px) and (max-width: 1279px) { .elem_c_slider .content { transform: scale(0.8); } .elem_c_slider .content div { margin-left: initial !important; margin-right: initial !important; } } @media screen and (min-width: 478px) and (max-width: 767px) { .elem_c_slider .content { font-size: .8rem; } } @media screen and (max-width: 477px) { .elem_c_slider .content { font-size: .8rem; } } @media screen and (max-height: 600px) { .elem_c_slider .slide header { padding: 20px 0 !important; } .elem_c_slider .indicators { bottom: 20px; } .elem_c_slider .content { justify-content: center; } } @media screen and (max-height: 360px) { .elem_c_slider .indicators { display:none; } } .elem_c_slider .simple .container { max-width: 1200px; margin: 0 auto; } .elem_c_slider .simple .prev, .elem_c_slider .simple .next { background: transparent; font-size:36px; } .elem_c_slider[data-id="28803634"] .simple .prev:hover, .elem_c_slider[data-id="28803634"] .simple .next:hover { color:; } .elem_c_slider .simple .slide { height: 100%; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; display: flex; } .elem_c_slider .simple .slide > a { flex: 1 1; color: inherit; } .elem_c_slider .simple .slide > a { color: inherit; } .elem_c_slider .simple .slide .content { max-width:1280px; margin:auto; width:100%; box-sizing: border-box; padding:0px 40px; overflow:hidden; } .elem_c_slider .simple .slide .content .separator{ height:2px; margin:23px 0px; background-color:#fff; } .elem_c_slider .simple .slide .body { text-align:left; } .elem_c_slider .simple .slide .content header { margin-top:280px; font-size:60px; font-weight:800; line-height:64px; font-family:'Lato'; } .elem_c_slider .simple .slide .content header h2 { font-size:60px; } .elem_c_slider .simple .slide .content header .text { font-family:'Lato'; font-size:24px; line-height:34px; } .elem_c_slider .simple .slide header .icon { margin-right: 15px; border-radius: 50%; padding: 15px; } .elem_c_slider .simple .more { font-family:'Lato'; letter-spacing: 1px; font-weight:600; font-size:12px; position: relative; height: 63px; } .elem_c_slider .simple .more { transition: all 0.1s ease-in; } .elem_c_slider .simple .more:hover { color: #fff !important; } .elem_c_slider .simple .more:not(:hover) { color:#ffffff !important; background: transparent !important; border-color:#ffffff !important; } .elem_c_slider[data-id="28803634"] .standard .more { border-color:; } .elem_c_slider .simple .more a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .elem_c_slider .simple .more { padding:22px 40px; display:inline-block; border-width:2px; border-style:solid; margin-top:35px; font-size:12px; font-weight:600; border-radius:3px; letter-spacing: 1px; cursor:pointer; } .elem_c_slider .simple .indicators button { margin: 0 7px; border-color: #fff; box-shadow: 0 0 2px #4f4f4f; width:15px; height:15px; padding:0px; } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_slider .simple header { font-size: 46px !important; } } </style><div id="28803634" class="slider simple" style="min-width:0px;min-height:500px;color:;background-color:;"><div class="container"><div class="slides" style="width:200%"><div class="slide" style="width:50.0000000000000000%;background-image:url('/webng/_service/loader/src_load.pub.c?src_file=28803946');min-height:500px;"><div class="content"> <div class="limiter" style="max-width:200px"><div class="body"></div> </div> </div></div><div class="slide" style="width:50.0000000000000000%;background-image:url('/webng/_service/loader/src_load.pub.c?src_file=28803987');min-height:500px;"><div class="content"> <div class="limiter" style="max-width:200px"><div class="body"></div> </div> </div></div></div><div class="indicators"> <button class="active acol_front_bg"style="background:"></button><button class=" acol_front_bg"style="background:"></button></div></div> </div> <script> (function() { var activeClassName="active", animateSlide, changeSlide, changeSlideClick, slider=document.getElementById("28803634"), currentIndex=0, indicatorsEl=slider.querySelectorAll(".indicators > button"), interval, leftToRight=true, nextSlideEl=slider.querySelector('.next'), nextSlide, onInit, prevSlideEl=slider.querySelector('.prev'), prevSlide, resetInterval, setActiveIndicator, slidesContainerEl=slider.querySelector(".slides"), slidesEl=slider.getElementsByClassName("slide"), slideshow, startSlideshow; startSlideshow=function() { interval=setInterval(slideshow,6000); } resetInterval=function() { clearInterval(interval); startSlideshow(); } slideshow=function() { if(currentIndex+1 === slidesEl.length) leftToRight=false; else if(currentIndex === 0) leftToRight=true; if(leftToRight) { changeSlide(currentIndex+1); return; } changeSlide(currentIndex-1); } changeSlide=function(newIndex) { setActiveIndicator(currentIndex,newIndex); animateSlide(currentIndex,newIndex); currentIndex=newIndex; } changeSlideClick=function(newIndex) { resetInterval(); if(currentIndex === newIndex) return; changeSlide(newIndex); } setActiveIndicator=function(prevIndex,newIndex) { if(indicatorsEl[prevIndex] != null) indicatorsEl[prevIndex].classList.remove(activeClassName); if(indicatorsEl[newIndex] != null) indicatorsEl[newIndex].classList.add(activeClassName); } animateSlide=function(prevIndex,currentIndex) { var slidesCount=slidesEl.length; var translateRange=(100/slidesCount)*currentIndex*(-1); slidesContainerEl.style.transform="translateX("+translateRange+"%)"; } nextSlide=function() { if(currentIndex+1 === slidesEl.length) return; changeSlide(currentIndex+1); resetInterval(); } prevSlide=function() { if(currentIndex === 0) return; changeSlide(currentIndex-1); resetInterval(); } onInit=function() { for(var i=0;i<indicatorsEl.length;i++) { indicatorsEl[i].addEventListener('click',changeSlideClick.bind(this,i)); } startSlideshow(); if(prevSlideEl != null) { prevSlideEl.addEventListener('click',prevSlide); } if(nextSlideEl != null) { nextSlideEl.addEventListener('click',nextSlide); } } onInit(); })(); </script></div><div class="box_elem elem_c_sep elem_show--always" data-id="28804191"> <style> .elem_c_sep .bg.graphical { padding: 5px 0; display: block; } .elem_c_sep .bg.line { display: block; } .elem_c_sep svg { margin: 0 auto; display: block; color: inherit; fill: currentColor; } .elem_c_sep .simple { margin: 0 auto; max-width: 1200px; } .elem_c_sep .simple.small { height: 2px; } .elem_c_sep .graphical { margin: 0 auto; background: transparent; color: rgba(0, 0, 0, .16); } .elem_c_sep .line div { margin: auto; height: 1px; } .elem_c_sep .line.small { max-width: 600px; width: 50%; } .elem_c_sep .line.medium { max-width: 1200px; width: 100%; } .elem_c_sep .line.large { width: 100%; } .elem_c_sep .space { margin: 0 auto !important; /*background: transparent !important;*/ } @media screen and (min-width: 1280px) { .elem_c_sep .simple.medium { height: 10px; } .elem_c_sep .simple.large { height: 20px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px; } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 15px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 30px; } .elem_c_sep .space.large { height: 50px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_sep .simple.medium { height: 5px; } .elem_c_sep .simple.large { height: 10px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 10px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 20px; } .elem_c_sep .space.large { height: 30px; } } @media screen and (max-width: 767px) { .elem_c_sep .simple.medium { height: 3px; } .elem_c_sep .simple.large { height: 5px; } .elem_c_sep .graphical.small svg { width: 75px; } .elem_c_sep .graphical.medium svg { width: 100px; } .elem_c_sep .graphical.large svg { width: 144px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 5px 0; } .elem_c_sep .space.small { height: 5px; } .elem_c_sep .space.medium { height: 10px; } .elem_c_sep .space.large { height: 15px; } } </style><div class="bg simple"> <div class="simple large" style="margin-top:10px;margin-bottom:10px;background:#FFFFFF;"></div> </div></div><div class="box_elem elem_c_txt elem_show--always" data-id="28804304"> <style> .elem_c_txt .bg { width:100%; background-position:top center; } .elem_c_txt .wrap { color:#222; display:block; max-width:1080px; margin:auto; box-sizing:border-box; padding:10px 40px; } .elem_c_txt .bbcode.sharp a > div { color:#F7881F !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } .elem_c_txt .bbcode { overflow:hidden; } @media screen and (min-width: 481px) and (max-width: 768px) { .elem_c_txt .wrap{ padding:1px 20px; } } @media screen and (max-width: 480px) { .elem_c_txt .wrap{ padding:1px 5px; } } </style><div class="bg standard" style="background-color:;min-height:0px"> <div class="wrap" style="color:"> <div class="label bbcode standard" style=""><br><div style="text-align:center;"><span style="font-weight:bold;font-size:26px;color:#004080;">Nasze inwestycje</span></div></div> </div> </div></div><div class="box_elem elem_c_sep elem_show--always" data-id="28805424"> <style> .elem_c_sep .bg.graphical { padding: 5px 0; display: block; } .elem_c_sep .bg.line { display: block; } .elem_c_sep svg { margin: 0 auto; display: block; color: inherit; fill: currentColor; } .elem_c_sep .simple { margin: 0 auto; max-width: 1200px; } .elem_c_sep .simple.small { height: 2px; } .elem_c_sep .graphical { margin: 0 auto; background: transparent; color: rgba(0, 0, 0, .16); } .elem_c_sep .line div { margin: auto; height: 1px; } .elem_c_sep .line.small { max-width: 600px; width: 50%; } .elem_c_sep .line.medium { max-width: 1200px; width: 100%; } .elem_c_sep .line.large { width: 100%; } .elem_c_sep .space { margin: 0 auto !important; /*background: transparent !important;*/ } @media screen and (min-width: 1280px) { .elem_c_sep .simple.medium { height: 10px; } .elem_c_sep .simple.large { height: 20px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px; } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 15px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 30px; } .elem_c_sep .space.large { height: 50px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_sep .simple.medium { height: 5px; } .elem_c_sep .simple.large { height: 10px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 10px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 20px; } .elem_c_sep .space.large { height: 30px; } } @media screen and (max-width: 767px) { .elem_c_sep .simple.medium { height: 3px; } .elem_c_sep .simple.large { height: 5px; } .elem_c_sep .graphical.small svg { width: 75px; } .elem_c_sep .graphical.medium svg { width: 100px; } .elem_c_sep .graphical.large svg { width: 144px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 5px 0; } .elem_c_sep .space.small { height: 5px; } .elem_c_sep .space.medium { height: 10px; } .elem_c_sep .space.large { height: 15px; } } </style><div class="bg simple"> <div class="simple large" style="margin-top:10px;margin-bottom:10px;background:#FFFFFF;"></div> </div></div><div class="box_elem elem_c_banner_list elem_show--always" data-id="29030650"> <style> #elem29030650 .wrapper { margin: 0 auto; max-width: 1200px; } #elem29030650 .list-root { background-color: ; margin: 0px; min-height: 0; min-width: 0; position: relative; } #elem29030650 .list { display: flex; flex-direction: row; list-style-type: none; padding: 0; margin: 0; width: 100%; } #elem29030650 .list__item { max-width: calc(100% / 3 - 2px / 2); } #elem29030650 .list { flex-wrap: wrap; flex: 1 0 calc(100% / 3); justify-content: space-between; } #elem29030650 .list__item:nth-child(n+4) { margin-top:2px; } #elem29030650 .list__item { width: 100%; } #elem29030650 .banner { display: flex; flex-direction: row-reverse; } #elem29030650 .banner { flex-direction: column-reverse; } #elem29030650 .banner__content { align-items: start; background: inherit; box-sizing: border-box; color: #2E2E2E; display: flex; flex-direction: column; justify-content: space-between; padding: 2em; } #elem29030650 .banner__title { font-size: 1.5em; margin-bottom: .5em; } #elem29030650 .banner__link { margin-top: 2em; } #elem29030650 .banner__picture { background: inherit; } #elem29030650 .banner__picture:empty { opacity: 0.5; } #elem29030650 .banner__img { background-position-x: center; background-position-y: center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; min-height: 300px; } #elem29030650 .button { background-color: transparent; border-color: #F7881F; border-style: solid; border-radius: 3px; border-width: 2px; box-sizing: border-box; display: inline-block; font-family: 'Lato'; font-weight: 600; font-size: .6em; letter-spacing: 1px; padding: 1em 2em; position: relative; transition: all 0.1s ease-in; } #elem29030650 .button__text { white-space: nowrap; } #elem29030650 .button:hover { background-color: #F7881F; border-color: #F7881F; } #elem29030650 .button:not(:hover) { color: #F7881F !important; } #elem29030650 .button a { bottom: 0; left: 0; position: absolute; top: 0; right: 0; } #elem29030650 .bbcode.sharp a > div { color:#F7881F !important; font-size:16px; font-family:'SourceSans3'; font-weight:400; } @media (min-width: 920px) { #elem29030650 .list { flex-wrap: wrap; flex: 1 0 calc(100% / 3); justify-content: space-between; } } @media (max-width: 920px) { #elem29030650 .list__item { width: calc(100% / 3 - 2px / 4); } #elem29030650 .list__item:nth-child(n+4) { margin-top: calc(2px / 2); } } @media (min-width: 769px) { #elem29030650 .banner__content, #elem29030650 .banner__picture { flex: 1; } } @media (min-width: 992px) { #elem29030650 .banner__content, #elem29030650 .banner__picture { width: 50%; } } @media (min-width: 1200px) { #elem29030650 .banner__content, #elem29030650 .banner__picture { flex: initial; } } @media (max-width: 992px) { #elem29030650 .banner { flex-direction: column-reverse; } } @media (max-width: 768px) { #elem29030650 .list__item { max-width: 100%; } #elem29030650 .list__item:first-child { margin-top: 0; } #elem29030650 .banner__content { flex-direction: column; } #elem29030650 .banner__content, #elem29030650 .banner__picture { flex: 1; } #elem29030650 .list { flex: 1 0 50%; } #elem29030650 .list__item { margin: calc(2px / 2) 0 0 0; } #elem29030650 .list__item:nth-child(-n+2) { margin-top: 0; } #elem29030650 .list__item { width: calc(50% - 2px / 4); } } @media (max-width: 480px) { #elem29030650 .list { flex: 1 0 100%; } #elem29030650 .list__item { width: 100%; max-width: 100%; } #elem29030650 .list__item:first-child { margin-top: 0; } #elem29030650 .list__item:not(:first-child) { margin: calc(2px / 2) 0 0 0; } #elem29030650 .banner { flex-direction: column-reverse; } #elem29030650 .banner__content, #elem29030650 .banner__picture { width: 100%; } } #elem29030650 .list { position: absolute; top: 0; z-index: -1; opacity: 0; transition: all .6s; } #elem29030650 .list.active { opacity: 1; z-index: 0; } #elem29030650 .list.max { position: static; } #elem29030650 .list-root__nav { display: flex; list-style: none; padding: 0; display: flex; justify-content: center; align-items: center; color: #b2b2b2; margin: 1em 0; } #elem29030650 .list-root__link { border-radius: 50%; height: .8em; width: .8em; border: 2px solid; border-color: currentColor; background: transparent; margin: 0 .25em; } #elem29030650 .list-root__link.active { background: #F7881F; border-color: #F7881F; } #elem29030650 .list-root__link-prev:before { font-size: 1.2em; content: "\1f850"; margin-right: .25em; } #elem29030650 .list-root__link-next:before { font-size: 1.2em; content: "\1f852"; margin-left: .25em; } #elem29030650 .list-root__link, #elem29030650 .list-root__link-next, #elem29030650 .list-root__link-prev { cursor: pointer; } #elem29030650 .banner { justify-content: space-between; } #elem29030650 .banner__content, #elem29030650 .banner__picture { box-sizing: border-box; width: 100%; } #elem29030650 .banner__content { z-index: 1; min-height: 180px; } @media (max-width: 768px) { #elem29030650 .list.max { position: absolute; } #elem29030650 .list.active { position: static; } #elem29030650 .list__item { width: 100%; } } </style><div id="elem29030650"> <div class="wrapper"> <div class="list-root scrollable"> <ul class="list active max"><li class="list__item banner" style="background-color:#fff"><div class="banner__content"><div class="banner__title"> </div><div class="banner__text bbcode standard"style="min-width:380px;max-width:380px;"><img width='210' height='64' src="/webng/_service/loader/src_load.pub.c?src_file=22231597"/><br><div style="font-family:'Lato'"><span style="font-weight:bold;font-size:22px;"><br>Nowoczesne domy szeregowe<br>w Dachowej, tu| pod Poznaniem</span></div><div style="font-family:'Lato'"><span style="font-size:16px;"><br>Przekonaj si, |e to wspaniaBe miejsce do |ycia oraz tak|e dobra inwestycja na przyszBo[...</span></div></div><div class="banner__link button" style="color:#fff"><a href="http://www.dachowa-domy.pl"></a><span class="button__text">ZOBACZ WICEJ</span></div></div><div class="banner__picture"><div class="banner__img" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=22231595')"/></div> </li><li class="list__item banner" style="background-color:#fff"><div class="banner__content"><div class="banner__title"> </div><div class="banner__text bbcode standard"style="min-width:380px;max-width:380px;"><img width='200' height='85' src="/webng/_service/loader/src_load.pub.c?src_file=28798769"/><br><div style="font-family:'Lato'"><span style="font-weight:bold;font-size:22px;"><br>Domy szeregowe Skrzewo -<br>- otoczenie ma znaczenie!</span></div><div style="font-family:'Lato'"><span style="font-size:16px;"><br>Zameszkaj tu| pod Poznaniem w domu z ogrodem!</span></div></div><div class="banner__link button" style="color:#fff"><a href="err1/"></a><span class="button__text">ZOBACZ WICEJ</span></div></div><div class="banner__picture"><div class="banner__img" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=28798766')"/></div> </li><li class="list__item banner" style="background-color:#fff"><div class="banner__content"><div class="banner__text bbcode standard"style="min-width:380px;max-width:380px;"><img width='200' height='65' src="/webng/_service/loader/src_load.pub.c?src_file=22236488"/><br><div style="font-family:'Lato'"><span style="font-weight:bold;font-size:22px;"><br>Nowoczesne mieszkania w Poznaniu ul. Dmowskiego 81</span></div><div style="font-family:'Lato'"><span style="font-size:16px;"><br>Zamieszkaj w centrum miasta gdzie wszdzie masz blisko i nic Ci nie ominie</span></div></div><div class="banner__link button" style="color:#fff"><a href="http://www.dmowskiego-domy.pl"></a><span class="button__text">ZOBACZ WICEJ</span></div></div><div class="banner__picture"><div class="banner__img" style="background-image:url('/webng/_service/loader/src_load.pub.c?src_file=22236490')"/></div> </li></ul></div> </div> </div></div><div class="box_elem elem_c_sep elem_show--always" data-id="28804282"> <style> .elem_c_sep .bg.graphical { padding: 5px 0; display: block; } .elem_c_sep .bg.line { display: block; } .elem_c_sep svg { margin: 0 auto; display: block; color: inherit; fill: currentColor; } .elem_c_sep .simple { margin: 0 auto; max-width: 1200px; } .elem_c_sep .simple.small { height: 2px; } .elem_c_sep .graphical { margin: 0 auto; background: transparent; color: rgba(0, 0, 0, .16); } .elem_c_sep .line div { margin: auto; height: 1px; } .elem_c_sep .line.small { max-width: 600px; width: 50%; } .elem_c_sep .line.medium { max-width: 1200px; width: 100%; } .elem_c_sep .line.large { width: 100%; } .elem_c_sep .space { margin: 0 auto !important; /*background: transparent !important;*/ } @media screen and (min-width: 1280px) { .elem_c_sep .simple.medium { height: 10px; } .elem_c_sep .simple.large { height: 20px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px; } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 15px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 30px; } .elem_c_sep .space.large { height: 50px; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .elem_c_sep .simple.medium { height: 5px; } .elem_c_sep .simple.large { height: 10px; } .elem_c_sep .graphical.small svg { width: 100px; } .elem_c_sep .graphical.medium svg { width: 144px; } .elem_c_sep .graphical.large svg { width: 200px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 10px 0; } .elem_c_sep .space.small { height: 10px; } .elem_c_sep .space.medium { height: 20px; } .elem_c_sep .space.large { height: 30px; } } @media screen and (max-width: 767px) { .elem_c_sep .simple.medium { height: 3px; } .elem_c_sep .simple.large { height: 5px; } .elem_c_sep .graphical.small svg { width: 75px; } .elem_c_sep .graphical.medium svg { width: 100px; } .elem_c_sep .graphical.large svg { width: 144px } /* Domy[lny (minimalny) odstp dla separatora w formie linii. */ .elem_c_sep .bg.line { padding: 5px 0; } .elem_c_sep .space.small { height: 5px; } .elem_c_sep .space.medium { height: 10px; } .elem_c_sep .space.large { height: 15px; } } </style><div class="bg simple"> <div class="simple large" style="margin-top:10px;margin-bottom:10px;background:#FFFFFF;"></div> </div></div><div class="box_elem elem_c_img_link_list elem_show--always" data-id="28802635"> <style> .elem_c_img_link_list .wrapper { margin: 0 auto; max-width: 1200px; } .elem_c_img_link_list .list { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; } .elem_c_img_link_list[data-id="28802635"] .list { background-color: transparent; margin: 0px; min-width: 0px; min-height: 1px; } .elem_c_img_link_list .list--mode-standard { justify-content: space-around; } .elem_c_img_link_list .list--mode-modern { justify-content: space-between; } .elem_c_img_link_list .list__item { align-items: center; box-sizing: border-box; cursor: context-menu; display: flex; position: relative; } .elem_c_img_link_list[data-id="28802635"] .list__item { color: #A7A7A7; } .elem_c_img_link_list .graphic { position: relative; } .elem_c_img_link_list .graphic__more { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); } .elem_c_img_link_list .graphic__hover, .elem_c_img_link_list .graphic__default { max-width: 100%; } .elem_c_img_link_list .graphic__default { display: block; opacity: 1; } .elem_c_img_link_list .graphic__hover { display: none; opacity: 0; } .elem_c_img_link_list .link { bottom: 0; left: 0; position: absolute; top: 0; right: 0; } .elem_c_img_link_list .detail { margin-left: .5em; } .elem_c_img_link_list .list__item:hover .graphic__hover { display: block; opacity: 1; } .elem_c_img_link_list .list__item:hover .graphic__hover + .graphic__default { display: none; opacity: 0; } .elem_c_img_link_list[data-id="28802635"] .list { border-bottom: 1px solid #A7A7A7; border-top: 1px solid #A7A7A7; padding: 20px 0; } .elem_c_img_link_list .list--mode-compact .list__item { flex: 1; justify-content: center; padding: 20px 0; } .elem_c_img_link_list .list--mode-compact .list__item:last-of-type { border: 0; } @media (min-width: 769px) { .elem_c_img_link_list[data-id="28802635"] .list__item { border-right: 1px solid #A7A7A7; } } @media (max-width: 768px) { .elem_c_img_link_list .list--mode-compact { flex-direction: column; border-right-width:0px; padding: 0; } .elem_c_img_link_list .list--mode-compact .detail { margin-left: .5em; } .elem_c_img_link_list .list--mode-compact .list__item { border-right: 0; border-bottom: 1px solid; flex-direction: row; margin: 0 20px; width: 80%; } .elem_c_img_link_list[data-id="28802635"] .list__item { border-bottom: 1px solid #A7A7A7; } } </style><div class="wrapper"> <div class="list list--mode-compact"><li class="list__item"> <figure class="graphic"><img class="graphic__default" src="/webng/_service/loader/src_load.pub.c?src_file=22231563"/></figure><div class="detail bbcode label"><span style="font-weight:bold;font-size:22px;">sprzedaz@sthome.pl</span></div></li><li class="list__item"> <figure class="graphic"><img class="graphic__default" src="/webng/_service/loader/src_load.pub.c?src_file=22231567"/></figure><div class="detail bbcode label"><a class="txt" target="_blank" href="https://www.facebook.com/STHomedeweloper/"><div style='display:inline-block'><span style="font-weight:bold;font-size:22px;" class="acol_neutralLight2">Facebook</span></div></a></div></li><li class="list__item"> <figure class="graphic"><img class="graphic__default" src="/webng/_service/loader/src_load.pub.c?src_file=22231571"/></figure><div class="detail bbcode label"><span style="font-weight:bold;font-size:22px;">+48 61 10 10 441</span></div></li></div> </div></div></div></div></div><script src="https://storage.googleapis.com/cdn-ang/scripts/comparer.partner.js?position=0&noform=1&amount=400000&fetch=1&property_type=1&developer=1&property_value=710000&period=30&type_interest=1&age=25&user_uid=TspMdy34WJ"></script> </body> </html> <!-- HTC End. -->