1<!DOCTYPE html> 2<!--[if lt IE 7]> 3<html class="no-js lt-ie9 lt-ie8 lt-ie7"> 4<![endif]--> 5<!--[if IE 7]> 6<html class="no-js lt-ie9 lt-ie8"> 7<![endif]--> 8<!--[if IE 8]> 9<html class="no-js lt-ie9"> 10<![endif]--> 11<!--[if gt IE 8]><!--> 12<html class="no-js desktop chrome safari browser" lang="en-EN"> 13<!--<![endif]--> 14<head> 15 <meta charset="utf-8"> 16 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 17 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" /> 18 <meta name="mobile-web-app-capable" content="yes" /> 19 <meta http-equiv="imagetoolbar" content="false" /> 20 <meta name="author" content="eCreo Multimedia" /> 21 <meta name="revisit-after" content="1 days" /> 22 23 24 <meta name="keywords" content="websites, online stores, mobile applications, web design, web development" /> 25<meta name="description" content="eCreo Multimiedia tworzy Strony Internetowe, Sklepy Internetowe, Systemy CMS. W dziale projektowym realizujemy Logotypy, Wizualizacje, Foldery." /> 26<meta property="og:site_name" content="eCreo Multimedia PoznaÅ" /> 27<meta property="og:locale" content="en_EN" /> 28<meta property="og:type" content="website" /> 29<meta property="og:title" content="Websites, Online Stores, Design - eCreo Multimedia" /> 30<meta property="og:description" content="" /> 31<meta property="fb:app_id" content="576217945771545" /> 32<meta property="og:url" content="https://www.ecreo.eu/en" /> 33<link rel="canonical" href="https://www.ecreo.eu/en" /> 34<link hreflang="x-default" rel="alternate" href="https://www.ecreo.eu" /> 35<link hreflang="pl" rel="alternate" href="https://www.ecreo.eu" /> 36<link as="script" rel="preload" href="/min/serve/g/aadcb46d7830204be2a3f4e94c026ce1/lm/1725446923/lang/en" /> 37<link rel="stylesheet" type="text/css" href="/min/serve/g/4d18ac639346157997d825e9e8df58ba/lm/1777879498/lang/en" />
38<script type="text/javascript" src="/min/serve/g/400c1a9fd220d486794e9f86ed4bbc0d/lm/1776687270/lang/en"></script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript"> 40/*<![CDATA[*/ 41console.log('GA'); 42 43 44 window.dataLayer = window.dataLayer || []; 45 46 gtag = function() { 47 console.log( "gtag", arguments ); 48 dataLayer.push(arguments); 49 } 50 51 gtag("consent", "default", { 52 "ad_storage": "denied", 53 "ad_user_data": "denied", 54 "ad_personalization": "denied", 55 "analytics_storage": "denied", 56 "wait_for_update" : 500 57 }); 58 59 60/*]]>*/ 61</script>
61 62<title>Websites, Online Stores, Design - eCreo Multimedia</title> 63 64 <!-- Global site tag (gtag.js) - Google Analytics --> 65<!--
vendor: 67 bytes, line 65
65 <script async src="https://www.googletagmanager.com/gtag/js?id=
65UA-3690395-1
vendor: 11 bytes, line 65
65"></script>
65--> 66<!--
66<script>--> 67<!-- window.dataLayer = window.dataLayer || [];--> 68<!-- function gtag(){dataLayer.push(arguments);}--> 69<!-- gtag('js', new Date());--> 70<!----> 71<!-- gtag('config', 'UA-3690395-1');--> 72<!-- </script>
72--> 73 74 <!-- Google Tag Manager --> 75
75<script>
vendor: 375 bytes, lines 75-79
75(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 76 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 77 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 78 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 79 })(window,document,'script','dataLayer','
79GTM-PFWCT7
vendor: 3 bytes, line 79
79');
79</script>
79 80 <!-- End Google Tag Manager --> 81 82 <!-- Preload --><link as="font" crossorigin="anonymous" rel="preload" type="font/woff" href="/themes/default/web/assets/fonts/Glyphter.woff" /><link as="font" crossorigin="anonymous" rel="preload" type="font/woff" href="/themes/default/web/assets/fonts/frontfonts/Geometria-ExtraBold.woff2" /><link as="font" crossorigin="anonymous" rel="preload" type="font/woff" href="/themes/default/web/assets/fonts/frontfonts/Geometria.woff2" /><link as="font" crossorigin="anonymous" rel="preload" type="font/woff" href="/themes/default/web/assets/fonts/frontfonts/Geometria-Bold.woff2" /><!-- Preload end --> 83 84 <link rel="shortcut icon" href="/themes/default/web/assets/favicons/favicon.ico"> 85 <link rel="icon" type="image/png" sizes="16x16" href="/themes/default/web/assets/favicons/favicon-16x16.png"> 86 <link rel="icon" type="image/png" sizes="32x32" href="/themes/default/web/assets/favicons/favicon-32x32.png"> 87 <link rel="icon" type="image/png" sizes="48x48" href="/themes/default/web/assets/favicons/favicon-48x48.png"> 88 <link rel="manifest" href="/themes/default/web/assets/favicons/manifest.json"> 89 <meta name="mobile-web-app-capable" content="yes"> 90 <meta name="theme-color" content="#fff"> 91 <meta name="application-name"> 92 <link rel="icon" type="image/png" sizes="228x228" href="/themes/default/web/assets/favicons/coast-228x228.png"> 93 <meta name="msapplication-TileColor" content="#fff"> 94 <meta name="msapplication-TileImage" content="/themes/default/web/assets/favicons/mstile-144x144.png"> 95 <meta name="msapplication-config" content="/themes/default/web/assets/favicons/browserconfig.xml"> 96 <link rel="yandex-tableau-widget" href="/themes/default/web/assets/favicons/yandex-browser-manifest.json"> 97 <style> 98 body.init > * { 99 transition: all 0.5s ease; 100 opacity: 0; 101 } 102 </style> 103
103<script> 104 window.addEventListener('beforeunload', function(){ 105 document.body.classList.add('unload'); 106 }); 107 </script>
107 108 </head><body class="init" data-mobile="desktop,chrome,safari,browser"> 109 110 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 110-111
110 111 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
111GTM-PFWCT7
vendor: 109 bytes, lines 111-113
111" 112 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 113
113<!-- End Google Tag Manager (noscript) --> 114 115 <!--Fragmenty svg uzywane wielokrotnie przyz <use href="#id"> --> 116 <svg style="position: absolute; z-index: -1"> 117 <defs> 118 <linearGradient 119 id="g-primary-1" 120 x1="0.5" 121 x2="0.5" 122 y2="1" 123 gradientUnits="objectBoundingBox" 124 > 125 <stop offset="0" style="stop-color:#c8005a;" /> 126 <stop offset="1" style="stop-color:#e82717;" /> 127 </linearGradient> 128 <mask id="rounded-triangle-mask"> 129 <!--viewBox="0 35 1120 1120"--> 130 <use href="#rounded-triangle-path-for-mask" fill="white" /> 131 </mask> 132 <clipPath id="rounded-triangle-clipPath"> 133 <use href="#rounded-triangle-path-for-mask" clip-rule="evenodd" fill="white" /> 134 </clipPath> 135 <g id="rounded-triangle-path"> 136 <!--viewBox="0 0 99 79"--> 137 <path 138 d="M41.026,13.524a10,10,0,0,1,16.948,0L89.407,63.69A10,10,0,0,1,80.933,79H18.067A10,10,0,0,1,9.593,63.69Z" 139 /> 140 </g> 141 <!--viewBox="0 35 1120 1120"--> 142 <path 143 id="rounded-triangle-path-for-mask" 144 d="M475.7,139.434c39-63.751,131.6-63.751,170.606,0L1028.9,764.814c40.765,66.634-7.188,152.186-85.3,152.186H178.407c-78.115,0-126.068-85.552-85.3-152.186Z" 145 /> 146 <g id="eCreo-wing-big"> 147 <!--viewBox="0 0 1388.353 1094.185"--> 148 <path 149 d="m 1308.4509,1094.035 2.7973,-0.294 c 5.3505,-79.4529 -4.1111,-152.12368 -28.1231,-215.97988 -25.162,-66.9216 -67.1636,-126.49843 -124.8386,-177.07623 v 0 C 1104.6428,653.64593 1030.7659,607.85777 938.70416,564.59133 849.33389,522.58949 742.57939,482.8309 572.92593,431.93768 403.27247,381.04446 227.72006,328.43866 145.07303,256.17021 l -2.18379,1.77314 C 260.45958,467.37452 471.01278,610.01751 786.27199,693.70459 616.33448,680.83812 461.4366,661.03525 298.84309,571.20565 l -1.7942,2.15406 c 52.62757,64.23033 127.0207,118.33892 221.0963,160.82068 80.55659,36.37686 173.10784,63.36761 275.07821,80.22743 149.96692,24.79364 256.7697,54.01932 336.113,91.97485 97.9347,46.8427 156.5224,108.22603 179.1145,187.65233 z" 150 style="fill: url(#g-primary-1)" 151 /> 152 <path 153 d="m 1346.4107,823.74821 2.5413,-1.2387 C 1309.5224,702.88999 1259.721,609.24725 1192.2283,527.81536 1112.1425,431.19057 1004.8326,349.56053 851.338,271.75111 697.84337,193.94169 546.10942,154.56158 399.36349,116.4773 277.26755,84.789862 161.94096,54.859115 42.225401,1.234196 L 39.472199,4.1370412e-4 40.263912,2.9118388 C 53.443795,51.275902 79.388201,99.543877 115.29137,142.49777 c 35.72138,42.73508 81.37327,80.31281 132.02041,108.67335 72.95415,40.8481 206.41403,79.99951 335.47933,117.86216 108.03114,31.69735 219.73943,64.46261 298.65723,98.70979 199.08886,86.38389 329.72996,153.45002 464.96236,356.00514 z" 154 style="fill: url(#g-primary-1)" 155 /> 156 </g> 157 158 <g id="ecreo-wing"> 159 <path 160 d="m 10.428,33.985 c -6.551,5.164 -9.3,12.09 -9.177,20.361 v 0 c 3.058,-8.944 14.39,-11.908 28.168,-13.45 9.9,-1.108 20.574,-4.394 26.94,-11.381 -8.788,4.271 -17.046,4.961 -27.059,5.168 15.989,-3.224 28.668,-9.7 36.1,-21.458 -4.86,3.82 -15.063,6.153 -25.822,8.781 -12.906,3.157 -23.095,7.206 -29.15,11.979 z" 161 /> 162 <path 163 d="M 27.185,12.407 C 10.975,19.583 4.275,28.888 0,39.884 8.011,29.147 15.464,26.084 25.685,22.268 35.132,18.744 52.638,16.134 59.914,12.547 65.514,9.784 69.851,5.147 71.547,-0.001 57.099,5.584 43.644,5.12 27.185,12.407 Z" 164 /> 165 </g> 166 <g id="ecreo-text"> 167 <path 168 d="m 10.312,61.072 a 7.566,7.566 0 0 1 7.927,-7.835 7.338,7.338 0 0 1 3.709,0.948 6.809,6.809 0 0 1 2.614,2.684 8.148,8.148 0 0 1 0.972,3.941 11.333,11.333 0 0 1 -0.092,1.681 H 13.983 a 4.3,4.3 0 0 0 1.45,2.413 4.414,4.414 0 0 0 2.9,0.9 3.2,3.2 0 0 0 3.038,-1.419 h 3.886 a 5.829,5.829 0 0 1 -2.545,3.269 8.141,8.141 0 0 1 -4.472,1.219 7.706,7.706 0 0 1 -5.73,-2.221 7.613,7.613 0 0 1 -2.198,-5.58 z m 3.64,-1.3 h 7.866 a 3.98,3.98 0 0 0 -1.172,-2.541 3.626,3.626 0 0 0 -2.591,-0.929 3.856,3.856 0 0 0 -2.722,0.96 4.671,4.671 0 0 0 -1.381,2.514 z" 169 /> 170 <path 171 d="m 28.189,61.087 a 7.825,7.825 0 0 1 1.05,-4 7.5,7.5 0 0 1 2.869,-2.828 8.115,8.115 0 0 1 4.04,-1.
17102 7.589,7.589 0 0 1 4.912,1.658 6.411,6.411 0 0 1 2.414,4.28 h -3.717 a 3.123,3.123 0 0 0 -1.242,-1.9 3.9,3.9 0 0 0 -2.367,-0.717 4,4 0 0 0 -3.1,1.3 5,5 0 0 0 0,6.468 4,4 0 0 0 3.1,1.3 3.835,3.835 0 0 0 2.367,-0.734 3.2,3.2 0 0 0 1.242,-1.95 h 3.717 a 6.392,6.392 0 0 1 -2.414,4.287 7.611,7.611 0 0 1 -4.912,1.65 7.8,7.8 0 0 1 -5.66,-2.24 7.438,7.438 0 0 1 -2.299,-5.554 z" 172 /> 173 <path 174 d="M 46.694,68.522 V 53.576 h 3.671 v 1.878 a 7.3,7.3 0 0 1 5.429,-2.156 v 3.408 a 7.025,7.025 0 0 0 -5.429,2.505 v 9.311 z" 175 /> 176 <path 177 d="m 57.521,61.072 a 7.567,7.567 0 0 1 7.927,-7.835 7.338,7.338 0 0 1 3.709,0.948 6.809,6.809 0 0 1 2.614,2.684 8.15,8.15 0 0 1 0.972,3.941 11.335,11.335 0 0 1 -0.093,1.681 H 61.192 a 4.3,4.3 0 0 0 1.45,2.413 4.414,4.414 0 0 0 2.9,0.9 3.2,3.2 0 0 0 3.038,-1.419 h 3.886 a 5.828,5.828 0 0 1 -2.545,3.269 8.142,8.142 0 0 1 -4.473,1.219 7.706,7.706 0 0 1 -5.729,-2.221 7.612,7.612 0 0 1 -2.198,-5.58 z m 3.64,-1.3 h 7.865 a 3.979,3.979 0 0 0 -1.172,-2.541 3.626,3.626 0 0 0 -2.591,-0.929 3.856,3.856 0 0 0 -2.722,0.96 4.67,4.67 0 0 0 -1.38,2.514 z" 178 /> 179 <path 180 d="m 75.395,61.072 a 7.523,7.523 0 0 1 2.274,-5.606 8.4,8.4 0 0 1 11.4,0 7.516,7.516 0 0 1 2.278,5.606 7.655,7.655 0 0 1 -2.278,5.668 8.3,8.3 0 0 1 -11.388,0 7.648,7.648 0 0 1 -2.286,-5.668 z m 3.671,0 a 4.713,4.713 0 0 0 1.2,3.285 4.291,4.291 0 0 0 6.2,0 4.713,4.713 0 0 0 1.2,-3.285 4.562,4.562 0 0 0 -1.2,-3.223 4.362,4.362 0 0 0 -6.2,0 4.561,4.561 0 0 0 -1.199,3.223 z" 181 /> 182 </g> 183 <g id="logo"> 184 <!-- viewBox="0 0 91.343 68.999" --> 185 <use href="#ecreo-wing" fill="url(#g-primary-1)" /> 186 <use href="#ecreo-text" /> 187 </g> 188 <g id="section-rounded-bottom"> 189 <!-- viewBox="0 0 1614 57.366" --> 190 <path d="m 1614,-57.366 c 0,0 -410.5,57.366 -813.99999,57.366 -403.5,0 -800.00000972395889,-57.366 -800.00000972395889,-57.366 z" /> 191 </g> 192 </defs> 193 </svg> 194 <div id="body-content"> 195 <aside class="fixed-background-content d-block" style="display:none;">
196 <div id="bg-content" class="fixed-background"></div> 197</aside>
198<script> 199 var pageId = "default"; 200 function renderBg() { 201 switch (pageId) { 202 /* conact */ 203 case 613: 204 pageId = 31; 205 break; 206 } 207 var p1 = 0.91; 208 var p2 = 1.1; 209 var p3 = 1.0; 210 var predefinedPropsList = { 211 'default': [ 212 { 213 top: (192 * p1)+'px', left: (336 / 1600 * 100)+'%', 214 '--s': 0.4, '--mr': -280, 'red': false 215 }, { 216 top: (641 * p1)+'px', left: (46.36 / 1600 * 100)+'%', 217 '--s': 1, '--mr': -289, 'red': false 218 }, { 219 top: (647 * p1)+'px', left: (472 / 1600 * 100)+'%', 220 '--s': 0.5, '--mr': -167, 'red': false 221 }, { 222 top: (683 * p1)+'px', left: (964 / 1600 * 100)+'%', 223 '--s': 1, '--mr': -112, 'red': true 224 }, { 225 top: (858 * p1)+'px', left: (624 / 1600 * 100)+'%', 226 '--s': 1.5, '--mr': -113, 'red': false 227 }, { 228 top: (1125 * p1)+'px', left: (1438 / 1600 * 100)+'%', 229 '--s': 0.5, '--mr': -167, 'red': false 230 }, { 231 top: (1603 * p1)+'px', left: (1388 / 1600 * 100)+'%', 232 '--s': 1.5, '--mr': -140, 'red': false 233 }, { 234 top: (1850 * p1)+'px', left: (579 / 1600 * 100)+'%', 235 '--s': 0.75, '--mr': -112, 'red': true 236 }, { 237 top: (1954 * p1)+'px', left: (166 / 1600 * 100)+'%', 238 '--s': 1, '--mr': -74, 'red': false 239 }, { 240 top: (2310 * p1)+'px', left: (95 / 1600 * 100)+'%', 241 '--s': 1.5, '--mr': -113, 'red': false 242 }, { 243 top: (3271 * p1)+'px', left: (790 / 1600 * 100)+'%', 244 '--s': 1, '--mr': -289, 'red': false 245 }, { 246 top: (3355 * p1)+'px', left: (1251 / 1600 * 100)+'%', 247 '--s': 1.5, '--mr': -339, 'red': false 248 }, { 249 top: (3520 * p1)+'px', left: (46 / 1600 * 100)+'%', 250 '--s': 0.5, '--mr': 126, 'red': true 251 }, { 252 top: (3768 * p1)+'px', left: (195 / 1600 * 100)+'%', 253 '--s': 0.5, '--mr': -280, 'red': false 254 }, { 255 top: (3956 * p1)+'px', left: (848 / 1600 * 100)+'%', 256 '--s': 0.5, '--mr': 155, 'red': true 257 }, { 258 top: (4011 * p1)+'px', left: (58 / 1600 * 100)+'%', 259 '--s': 1, '--mr': -289, 'red': false 260 }, { 261 top: (4355 * p1)+'px', left: (1441 / 1600 * 100)+'%', 262 '--s': 0.75, '--mr': -112, 'red': true 263 }, { 264 top: (4366 * p1)+'px', left: (593 / 1600 * 100)+'%', 265 '--s': 0.5, '--mr': -167, 'red': false 266 }, { 267 top: (4430 * p1)+'px', left: (37 / 1600 * 100)+'%', 268 '--s': 1, '--mr': -289, 'red': false 269 }, { 270 top: (4538 * p1)+'px', left: (1338 / 1600 * 100)+'%', 271 '--s': 1.3, '--mr': -113, 'red': false 272 }, { 273 top: (5001 * p1)+'px', left: (1456 / 1600 * 100)+'%', 274 '--s': 2, '--mr': -62, 'red': false 275 } 276 ], 277 31 /* conact */: [ 278 { 279 top: (179 * p2)+'px', left: (79 / 1600 * 100)+'%', 280 '--s': 0.4, '--mr': -216, 'red': false 281 },{ 282 top: (145 * p2)+'px', left: (1181 / 1600 * 100)+'%', 283 '--s': 0.6, '--mr': -100, 'red': false 284 },{ 285 top: (262 * p2)+'px', left: (516 / 1600 * 100)+'%', 286 '--s': 0.6, '--mr': -200, 'red': false 287 },{ 288 top: (471 * p2)+'px', left: (606 / 1600 * 100)+'%', 289 '--s': 0.6, '--mr': -100, 'red': false 290 },{ 291 top: (689 * p2)+'px', left: (1252 / 1600 * 100)+'%', 292 '--s': 0.8, '--mr': -97, 'red': true 293 },{ 294 top: (784 * p2)+'px', left: (122 / 1600 * 100)+'%', 295 '--s': 0.6, '--mr': -126, 'red': false 296 },{ 297 top: (831 * p2)+'px', left: (581 / 1600 * 100)+'%', 298 '--s': 1.5, '--mr': -80, 'red': false 299 },{ 300 top: (964 * p2)+'px', left: (1388 / 1600 * 100)+'%',
301 '--s': 1, '--mr': -113, 'red': false 302 },{ 303 top: (921 * p2)+'px', left: (399 / 1600 * 100)+'%', 304 '--s': 0.3, '--mr': 256, 'red': false 305 },{ 306 top: (1030 * p2)+'px', left: (438 / 1600 * 100)+'%', 307 '--s': 1.2, '--mr': 125, 'red': false 308 },{ 309 top: (1813 * p2)+'px', left: (47 / 1600 * 100)+'%', 310 '--s': 0.8, '--mr': -228, 'red': false 311 },{ 312 top: (1899 * p2)+'px', left: (1397 / 1600 * 100)+'%', 313 '--s': 0.8, '--mr': 162, 'red': false 314 } 315 ], 316 321 /* firma */: [ 317 { 318 top: (96 * p3)+'px', left: (742 / 1600 * 100)+'%', 319 '--s': 1.0, '--mr': -49, 'red': false 320 },{ 321 top: (161 * p3)+'px', left: (1500 / 1600 * 100)+'%', 322 '--s': 2.0, '--mr': -70, 'red': false 323 },{ 324 top: (336 * p3)+'px', left: (784 / 1600 * 100)+'%', 325 '--s': 0.8, '--mr': 162, 'red': true 326 },{ 327 top: (461 * p3)+'px', left: (1 / 1600 * 100)+'%', 328 '--s': 2.0, '--mr': -70, 'red': false 329 },{ 330 top: (947 * p3)+'px', left: (1458 / 1600 * 100)+'%', 331 '--s': 1.0, '--mr': -49, 'red': false 332 },{ 333 top: (1549 * p3)+'px', left: (0 / 1600 * 100)+'%', 334 '--s': 0.7, '--mr': -70, 'red': false 335 },{ 336 top: (1568 * p3)+'px', left: (302 / 1600 * 100)+'%', 337 '--s': 1.5, '--mr': -75, 'red': true 338 },{ 339 top: (2051 * p3)+'px', left: (1438 / 1600 * 100)+'%', 340 '--s': 1.2, '--mr': -43, 'red': false 341 },{ 342 top: (2147 * p3)+'px', left: (100 / 1600 * 100)+'%', 343 '--s': 0.7, '--mr': -75, 'red': true 344 },{ 345 top: (2841 * p3)+'px', left: (242 / 1600 * 100)+'%', 346 '--s': 1.3, '--mr': -49, 'red': false 347 },{ 348 top: (2972 * p3)+'px', left: (184 / 1600 * 100)+'%', 349 '--s': 0.7, '--mr': -31, 'red': true 350 },{ 351 top: (3001 * p3)+'px', left: (1344 / 1600 * 100)+'%', 352 '--s': 1.1, '--mr': -62, 'red': true 353 },{ 354 top: (3267 * p3)+'px', left: (622 / 1600 * 100)+'%', 355 '--s': 0.9, '--mr': -128, 'red': false 356 },{ 357 top: (3584 * p3)+'px', left: (184 / 1600 * 100)+'%', 358 '--s': 0.7, '--mr': -31, 'red': true 359 },{ 360 top: (3698 * p3)+'px', left: (135 / 1600 * 100)+'%', 361 '--s': 1.6, '--mr': 76, 'red': false 362 } 363 ] 364 }; 365 var container = document.getElementById('bg-content'); 366 var propsList = predefinedPropsList[ pageId ]; 367 if (!propsList) { 368 propsList = []; 369 for (var i = 0; i < window.innerHeight; i+= 10) { 370 var props = { 371 top: (i * 25) +'px', 372 left: Math.floor(Math.random() * 90) +'%', 373 '--s': Math.random() * 0.4 + 0.5, 374 '--z': Math.random(), 375 '--mr': Math.floor(Math.random() * 360), 376 '--sr': Math.floor(Math.random() * 360), 377 'red': Math.random() < 0.2 378 }; 379 propsList.push(props); 380 } 381 } 382 container.innerHTML = ''; 383 for (var i = 0; i < propsList.length; i+= 1) { 384 var props = propsList[ i ]; 385 var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); 386 var use = document.createElementNS("http://www.w3.org/2000/svg", "use"); 387 388 svg.style.setProperty('top', props['top']); 389 svg.style.setProperty('left', props['left']);
390 svg.style.setProperty('--s', props['--s']); 391 svg.style.setProperty('--z', props['--z'] || props['--s'] * 2); 392 svg.style.setProperty('--mr', props['--mr']); 393 svg.style.setProperty('--sr', props['--sr'] || props['--mr']); 394 if (props['red']) { 395 svg.setAttribute('class', 'red'); 396 } 397 398 svg.setAttribute('viewBox', '0 5 99 79'); 399 use.setAttribute('href', '#rounded-triangle-path'); 400 svg.appendChild(use); 401 container.appendChild(svg); 402 } 403 } 404 website.onload(renderBg); 405</script>
405 <header class="main"> 406 <nav class="py-3 py-md-4 px-3 px-sm-4 px-lg-5 pl-xl-4 px-xxl-5 d-flex justify-content-between"> 407 <a href="https://www.ecreo.eu/en" class="nav-brand mx-1 mx-sm-n2 mx-md-2 mx-xl-0"> 408 <svg class="nav-brand-logo" viewBox="-4 -4 99 77"> 409<!-- <use class="logo-wing-shadow" x="2" y="1" href="#ecreo-wing" fill="#ffffff" stroke="#ffffff" stroke-width="2" paint-order="stroke" stroke-linecap="square" stroke-linejoin="arcs" stroke-miterlimit="8" />--> 410 <use class="logo-wing" href="#ecreo-wing" fill="url(#g-primary-1)" style="fill: url(#g-primary-1)" /> 411 <use class="logo-text" href="#ecreo-text" /> 412 </svg> 413 </a> 414 <ul class="nav d-flex align-items-center mx-n1 mx-md-n2" role="menu"> 415 <li class="nav-item mx-1 mx-md-2"> 416 <a 417 class="nav-link btn-valuation-porject" 418 href="https://www.ecreo.eu/en/contact#wycen-projekt" 419 ><span>Quote project</span></a 420 > 421 </li> 422 <li class="nav-item mx-1 mx-md-2"> 423 <div class="btn-group"> 424 <a class="btn btn-language dropdown-toggle" data-toggle="dropdown" href="#"> 425 en </a> 426 <div class="dropdown-menu"> 427 <a class="dropdown-item" href="https://www.ecreo.eu" data-barba-prevent="self"> 428 pl </a> 429 <a class="dropdown-item" href="https://www.ecreo.eu/en" data-barba-prevent="self"> 430 en </a> 431 </div> 432 </div> 433 </li> 434 <li class="nav-item mx-1 mx-md-2"> 435 <a 436 class="nav-link btn btn-menu" 437 href="javascript:;" 438 > 439 <svg viewBox="0 0 30 22" height="16" width="24"> 440 <line y2="1.5" y1="1.5" x1="0" id="line1" x2="30"></line> 441 <line y2="11.047" y1="11.047" x1="0" id="line2" x2="30"></line> 442 <line y2="20.5" y1="20.5" x1="0" id="line3" x2="30"></line> 443 </svg> 444 </a 445 > 446 </li> 447 </ul> 448 </nav> 449 </header> 450 451 <div id="barba-wrapper" data-barba="wrapper"> 452 <main data-barba="container" data-barba-namespace="en"> 453 454 455<div class="ovh"> 456 <section 457 class="full-view-section-min d-flex flex-column position-relative home-section-main" 458> 459 <div class="container flex-fill py-6 d-flex align-items-stretch align-items-md-center position-relative z-index-1 w-100"> 460 <div class="row flex-fill justify-content-between align-items-center"> 461 <header class="home-header col-md-6 position-relative z-index-3 py-4"> 462 <h1 463 class="fs-48 fs-sm-64 fs-lg-48 fs-xl-60 fw-extrabold mb-7 mb-lg-4_5 animated" 464 data-animate-class="fadeInUpMedium" 465 data-animate-delay="300" 466 > 467 <p>We are<br /> 468ready for Your <br /> 469<span class="text-g-primary">challenge</span></p> 470 </h1> 471 <div class="fs-24 d-none d-lg-block animated" 472 data-animate-class="fadeInUpMedium" 473 data-animate-delay="500" 474 > 475 <p>creative and web</p> 476 </div> 477 </header> 478 <div class="col-md-5 d-flex justify-content-center justify-content-md-end align-items-center py-5 py-md-0"> 479 <nav class="position-relative pt-6 mx-lg-n2"> 480 <div 481 id="eCreo-big-wing" 482 class="d-none d-lg-block animated" 483 data-animate-class="fadeIn" 484 > 485 <svg viewBox="0 0 1388.353 1094.185"> 486 <use href="#eCreo-wing-big" /> 487 </svg> 488 </div> 489 <ul 490 class="nav nav-home flex-column position-relative z-index-1" 491 > 492 <li 493 class="nav-item mx-n2 animated" 494 data-animate-class="fadeInRight" 495 data-animate-delay="300" 496 > 497 <a href="https://www.ecreo.eu/en/offer-web" class="nav-link">
498 <span>web</span> 499 </a> 500 </li> 501 <li 502 class="nav-item mx-n2 animated" 503 data-animate-class="fadeInRight" 504 data-animate-delay="400" 505 > 506 <a href="https://www.ecreo.eu/en/offer-e-commerce" class="nav-link"> 507 <span>e-commerce</span> 508 </a> 509 </li> 510 <li 511 class="nav-item mx-n2 animated" 512 data-animate-class="fadeInRight" 513 data-animate-delay="500" 514 > 515 <a href="https://www.ecreo.eu/en/offer-development-investments" class="nav-link"> 516 <span>branding</span> 517 </a> 518 </li> 519 <li 520 class="nav-item mx-n2 animated" 521 data-animate-class="fadeInRight" 522 data-animate-delay="600" 523 > 524 <a href="https://www.ecreo.eu/en/offer-design" class="nav-link"> 525 <span>design</span> 526 </a> 527 </li> 528 </ul> 529 </nav> 530 </div> 531 </div> 532 </div> 533 <div class="container pb-5 pb-md-7 mt-n3 mt-md-n5 w-100 position-relative z-index-3"> 534 <div class="d-flex justify-content-between bottom-links"> 535 <a 536 href="https://www.ecreo.eu/en/realizations" 537 class="btn btn-link btn-custom-underline mx-n3 animated" 538 data-animate-class="fadeInUpMedium" 539 data-animate-delay="600" 540 ><span>Our projects</span></a> 541 <a 542 href="javascript:website.scrollTo('#section-what-we-do')" 543 class="btn btn-link btn-custom-underline mx-n3 animated" 544 data-animate-class="fadeInUpMedium" 545 data-animate-delay="800" 546 ><span>Explore the offer</span></a> 547 </div> 548 </div> 549</section> <section class=""> 550 <div class="container position-relative mt-8"> 551 <div class="row justify-content-end animated" data-animate-delay="waypoint"> 552 <div class="col-12 col-lg-4 text-center text-lg-left"> 553 <header> 554 <h2>Realizations</h2> 555 </header> 556 </div> 557 </div> 558 <div class="row pb-0 my-6 my-xxl-5 row-realization" data-template="7-0-5_a"> 559 <div class="col-image col-12 col-md-7 pt-10 pt-md-0"><div class="ml-0 ml-md-n7 ml-lg-0"><div class="realization-image"> 560 <a href="https://www.ecreo.eu/en/royal-collection" class="mockup" data-csspy-scroll> 561 <figure 562 class="w-100 animated" 563 data-animate-delay="waypoint" 564 > 565 <img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%20width%3D%22800%22%20height%3D%220%22%3E%3C%2Fsvg%3E" class="w-100 lazy" data-original="https://www.ecreo.eu/assets/photo//upload/pictures/macbook-mockup1-92-crop-800-0.png" alt="Royal Collection" class="w-100 lazy" /><noscript><img src="https://www.ecreo.eu/assets/photo//upload/pictures/macbook-mockup1-92-crop-800-0.png" /></noscript> </figure> 566 </a> 567 <a 568 href="https://www.ecreo.eu/en/royal-collection" 569 class="d-block triangle my-n8 animated" 570 data-animate-delay="waypoint" 571 data-animate-event-class="rotateInDownLeft" 572 data-animate-event-class2="rotateOutDownRight" 573 data-animate-offset="80" 574 > 575 <svg viewBox="0 0 1120 1120"> 576 <clipPath class="clipPath" id="0a33dd11-8f36-4751-9e7f-2a6efbeb0a94"> 577 <use href="#rounded-triangle-path-for-mask" clip-rule="evenodd" fill="white" stroke="white" stroke-width="100px" x="0" /> 578 </clipPath> 579 <g id="main" clip-path="url(#0a33dd11-8f36-4751-9e7f-2a6efbeb0a94)"> 580 <image 581 x="0" 582 y="50" 583 class="lazy" 584 data-original="https://www.ecreo.eu/assets/photo//upload/realizacje/royal_02-crop-800-0.jpg.webp" 585 height="100%" /> 586 <rect x="0" y="0" width="100%" height="100%" fill="url(#g-primary-1)" opacity="0.8" /> 587 </g> 588 </svg> 589 </a> 590</div></div></div> 591 <div class="col-content col-md-5 offset-lg-1 col-lg-4 col-xxl-3"><div class="d-flex flex-column justify-content-center align-items-start w-100 h-100 py-5"> 592 <header class="w-100"> 593 <a 594 href="https://www.ecreo.eu/en/royal-collection" 595 class="animated" 596 data-animate-delay="waypoint" 597 data-animate-offset="100" > 598 <figure class="mb-5 sizing-logotype"> 599 <img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%20width%3D%22290%22%20height%3D%2237.457%22%3E%3C%2Fsvg%3E" class="lazy" data-original="https://www.ecreo.eu/upload/realizacje/royal-collection/royal-collection.svg" alt="Royal Collection" class="lazy" width="290" height="37.457" /><noscript><img src="https://www.ecreo.eu/upload/realizacje/royal-collection/royal-collection.svg" /></noscript> </figure> 600 </a> 601 <div 602 class="h3 animated" 603 data-animate-delay="waypoint" 604 data-animate-offset="100" > 605 <p>More than 80 top brands and 13 shops nationwide</p> 606 </div> 607 </header> 608 <div 609 class="animated" 610 data-animate-delay="waypoint" 611 data-animate-offset="100" > 612 <ul class="list-inline mx-n1 mt-3 mb-2 tag-list"> 613 <li class="list-inline-item mx-1"> 614 <a href="https://www.ecreo.eu/en/realizations?tags%5B%5D=e-commerce"> 615 #e-commerce </a> 616 </li> 617 <li class="list-inline-item mx-1"> 618 <a href="https://www.ecreo.eu/en/realizations?tags%5B%5D=design">
619 #design </a> 620 </li> 621 </ul> </div> 622 <a 623 href="https://www.ecreo.eu/en/royal-collection" 624 class="btn btn-link btn-custom-underline btn-case-study mt-4 px-3 mx-n3 animated" 625 data-animate-delay="waypoint" 626 data-animate-offset="100" > 627 <span>Case study</span> 628 </a> 629</div></div> 630 </div> 631 <div class="row my-6 my-xxl-5 row-realization" data-reverse data-template="6-3-3_a"> 632 <div class="col-image col-12 col-md-6 order-1 order-md-2"><div class="ml-0 mr-md-n7"><div class="realization-image"> 633 <a href="https://www.ecreo.eu/en/gomez" class="mockup" data-csspy-scroll> 634 <figure 635 class="w-100 animated" 636 data-animate-delay="waypoint" 637 > 638 <img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%20width%3D%22800%22%20height%3D%220%22%3E%3C%2Fsvg%3E" class="w-100 lazy" data-original="https://www.ecreo.eu/assets/photo//upload/pictures/iphone-mockup1-3-crop-800-0.png" alt="Gomez" class="w-100 lazy" /><noscript><img src="https://www.ecreo.eu/assets/photo//upload/pictures/iphone-mockup1-3-crop-800-0.png" /></noscript> </figure> 639 </a> 640 <a 641 href="https://www.ecreo.eu/en/gomez" 642 class="d-block triangle my-n8 animated" 643 data-animate-delay="waypoint" 644 data-animate-event-class="rotateInDownRight" 645 data-animate-event-class2="rotateOutDownLeft" 646 data-animate-offset="80" 647 > 648 <svg viewBox="0 0 1120 1120"> 649 <clipPath class="clipPath" id="eaad3e0a-8370-4b6d-96fa-5dc39a7001aa"> 650 <use href="#rounded-triangle-path-for-mask" clip-rule="evenodd" fill="white" stroke="white" stroke-width="100px" x="0" /> 651 </clipPath> 652 <g id="main" clip-path="url(#eaad3e0a-8370-4b6d-96fa-5dc39a7001aa)"> 653 <image 654 x="0" 655 y="50" 656 class="lazy" 657 data-original="https://www.ecreo.eu/assets/photo//upload/realizacje/gomez_02-crop-800-0.jpg.webp" 658 height="100%" /> 659 <rect x="0" y="0" width="100%" height="100%" fill="url(#g-primary-1)" opacity="0.8" /> 660 </g> 661 </svg> 662 </a> 663</div></div></div> 664 <div class="col-content col-md-6 offset-md-0 col-lg-4 offset-lg-2 col-xxl-4 offset-xxl-2 order-2 order-md-1 pt-10 pt-md-0"><div class="d-flex flex-column justify-content-center align-items-start w-100 h-100 py-5"> 665 <header class="w-100"> 666 <a 667 href="https://www.ecreo.eu/en/gomez" 668 class="animated" 669 data-animate-delay="waypoint" 670 > 671 <figure class="mb-5 sizing-logotype"> 672 <img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%20width%3D%22138%22%20height%3D%2230%22%3E%3C%2Fsvg%3E" class="lazy" data-original="https://www.ecreo.eu/upload/pictures/gomez-logo.svg" alt="Gomez" class="lazy" width="138" height="30" /><noscript><img src="https://www.ecreo.eu/upload/pictures/gomez-logo.svg" /></noscript> </figure> 673 </a> 674 <div 675 class="h3 animated" 676 data-animate-delay="waypoint" 677 > 678 <p>The online fashion house of major brands</p> 679 </div> 680 </header> 681 <div 682 class="animated" 683 data-animate-delay="waypoint" 684 > 685 <ul class="list-inline mx-n1 mt-3 mb-2 tag-list"> 686 <li class="list-inline-item mx-1"> 687 <a href="https://www.ecreo.eu/en/realizations?tags%5B%5D=e-commerce"> 688 #e-commerce </a> 689 </li> 690 <li class="list-inline-item mx-1"> 691 <a href="https://www.ecreo.eu/en/realizations?tags%5B%5D=design"> 692 #design </a> 693 </li> 694 </ul> </div> 695 <a 696 href="https://www.ecreo.eu/en/gomez" 697 class="btn btn-link btn-custom-underline btn-case-study mt-4 px-3 mx-n3 animated" 698 data-animate-delay="waypoint" 699 > 700 <span>Case study</span> 701 </a> 702</div></div> 703 </div> 704 <div class="row pb-0 my-6 my-xxl-5 row-realization" data-template="8-0-3_a">
705 <div class="col-image col-12 col-md-7 col-lg-8"><div class="ml-0 ml-md-n7 ml-lg-0"><div class="realization-image"> 706 <a href="https://www.ecreo.eu/en/do-poznania" class="mockup" data-csspy-scroll> 707 <figure 708 class="w-100 animated" 709 data-animate-delay="waypoint" 710 > 711 <img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%20width%3D%22800%22%20height%3D%220%22%3E%3C%2Fsvg%3E" class="w-100 lazy" data-original="https://www.ecreo.eu/assets/photo//upload/pictures/macbook-mockup1-90-crop-800-0.png" alt="dopoznania.pl" class="w-100 lazy" /><noscript><img src="https://www.ecreo.eu/assets/photo//upload/pictures/macbook-mockup1-90-crop-800-0.png" /></noscript> </figure> 712 </a> 713 <a 714 href="https://www.ecreo.eu/en/do-poznania" 715 class="d-block triangle my-n8 animated" 716 data-animate-delay="waypoint" 717 data-animate-event-class="rotateInDownLeft" 718 data-animate-event-class2="rotateOutDownRight" 719 data-animate-offset="80" 720 > 721 <svg viewBox="0 0 1120 1120"> 722 <clipPath class="clipPath" id="fe11e4de-e61c-4cdf-8ea6-d0facb2ce8ee"> 723 <use href="#rounded-triangle-path-for-mask" clip-rule="evenodd" fill="white" stroke="white" stroke-width="100px" x="0" /> 724 </clipPath> 725 <g id="main" clip-path="url(#fe11e4de-e61c-4cdf-8ea6-d0facb2ce8ee)"> 726 <image 727 x="0" 728 y="50" 729 class="lazy" 730 data-original="https://www.ecreo.eu/assets/photo//upload/realizacje/dopoznania/main-crop-800-0.jpg.webp" 731 height="100%" /> 732 <rect x="0" y="0" width="100%" height="100%" fill="url(#g-primary-1)" opacity="0.8" /> 733 </g> 734 </svg> 735 </a> 736</div></div></div> 737 <div class="col-content offset col-md-5 col-lg-4"><div class="d-flex flex-column justify-content-center align-items-start w-100 h-100 py-5"> 738 <header class="w-100"> 739 <a 740 href="https://www.ecreo.eu/en/do-poznania" 741 class="animated" 742 data-animate-delay="waypoint" 743 > 744 <figure class="mb-5 sizing-logotype"> 745 <img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%20width%3D%22238%22%20height%3D%2258.842%22%3E%3C%2Fsvg%3E" class="lazy" data-original="https://www.ecreo.eu/upload/realizacje/logotype/dopoznania.svg" alt="dopoznania.pl" class="lazy" width="238" height="58.842" /><noscript><img src="https://www.ecreo.eu/upload/realizacje/logotype/dopoznania.svg" /></noscript> </figure> 746 </a> 747 <div 748 class="h3 animated" 749 data-animate-delay="waypoint" 750 > 751 <p>Over 14,500 flat and house offers in one place</p> 752 </div> 753 </header> 754 <div 755 class="animated" 756 data-animate-delay="waypoint" 757 > 758 <ul class="list-inline mx-n1 mt-3 mb-2 tag-list"> 759 <li class="list-inline-item mx-1"> 760 <a href="https://www.ecreo.eu/en/realizations?tags%5B%5D=web"> 761 #web </a> 762 </li> 763 <li class="list-inline-item mx-1"> 764 <a href="https://www.ecreo.eu/en/realizations?tags%5B%5D=design"> 765 #design </a> 766 </li> 767 </ul> </div> 768 <a 769 href="https://www.ecreo.eu/en/do-poznania" 770 class="btn btn-link btn-custom-underline btn-case-study mt-4 px-3 mx-n3 animated" 771 data-animate-delay="waypoint" 772 > 773 <span>Case study</span> 774 </a> 775</div></div> 776 </div> 777 <div class="row mt-n3 mt-md-n5 mt-xl-n6 pb-xl-9 position-relative z-index-4 animated" data-animate-delay="waypoint"> 778 <div class="col-12 col-md-4 offset-md-8"> 779 <a href="https://www.ecreo.eu/en/realizations" class="btn btn-outline-primary-secondary px-4 d-block d-md-inline-block"> 780 <span class="px-2 text-center">More realizations</span> 781 </a> 782 </div> 783 </div> 784 </div> 785 </section> 786 787 <section id="section-what-we-do" class="mb-10 pb-5 pt-md-8 "> 788 <input id="circle-modal-close" type="radio" name="circle-modal" /> 789 <div class="container"> 790 <div class="row pt-8"> 791 <div 792 class="col-12 position-relative z-index-3 order-md-3 animated" 793 data-event-class="fadeIn" 794 data-animate-delay="waypoint" 795 data-animate-offset="100" 796 > 797 <header> 798 <h3 class="text-center fs-48 fs-md-64 mb-6 mb-md-0">What we do?</h3> 799 </header> 800 </div> 801 <div class="col-7 col-md-5 offset-1 order-md-2 px-2 py-7 py-md-1 mt-md-4"> 802 <div class="circle-modal-container"> 803 <div class="embed-responsive embed-responsive-1by1 no-overflow"> 804 <div class="embed-responsive-item"> 805 <div class="circle-modal"> 806 <input id="circle-modal-0" type="radio" name="circle-modal" /> 807 <div 808 class="bg-circle dashed-circle animated" 809 data-event-class="fadeIn" 810 data-animate-delay="waypoint" 811 data-animate-offset="100" 812 data-animate-delay-waypoint="0" 813 > 814 <svg width="100%" height="100%"> 815 <circle 816 cx="50%" cy="50%" r="49%" 817 stroke-alignment="inside" 818 stroke-width="2" 819 stroke-dasharray="10, 10" 820 fill="none" 821 /> 822 </svg> 823 </div> 824 <div class="animated" 825 data-event-class="fadeIn" 826 data-animate-delay="waypoint" 827 data-animate-offset="100" 828 data-animate-delay-waypoint="400" 829 > 830 <label 831 for="circle-modal-0" 832 class="circle-modal-label" 833 >
834 <span class="text-g-primary fs-32">Web</span> 835 <a href="https://www.ecreo.eu/en/offer-web" class="d-none"></a> 836 </label> 837 </div> 838 <div class="modal-circle-body"> 839 <div class="modal-circle-body-inner"> 840 <label for="circle-modal-close" class="label-modal-close my-4"><span class="icon-close fs-24"></span></label> 841 <header class="my-4"> 842 <h3> 843 <a href="https://www.ecreo.eu/en/offer-web" class="custom-underline-onhover"> 844 <span>Web</span> 845 </a> 846 </h3> 847 </header> 848 <nav class="my-4"> 849 <ul class="nav flex-column align-items-center tag-list"> 850 <li class="nav-item"> 851 <a href="https://www.ecreo.eu/en/websites" class="nav-link px-1"> 852 Websites </a> 853 </li> 854 <li class="nav-item"> 855 <a href="https://www.ecreo.eu/en/online-stores" class="nav-link px-1"> 856 Online stores </a> 857 </li> 858 <li class="nav-item"> 859 <a href="https://www.ecreo.eu/en/web-seo-sem" class="nav-link px-1"> 860 SEO + SEM </a> 861 </li> 862 <li class="nav-item"> 863 <a href="https://www.ecreo.eu/en/web-social-media" class="nav-link px-1"> 864 Social media </a> 865 </li> 866 <li class="nav-item"> 867 <a href="https://www.ecreo.eu/en/uxui" class="nav-link px-1"> 868 UX/UI </a> 869 </li> 870 <li class="nav-item"> 871 <a href="https://www.ecreo.eu/en/web-software-house" class="nav-link px-1"> 872 Software house </a> 873 </li> 874 </ul> 875 </nav> 876 <footer class="my-4"> 877 <a href="https://www.ecreo.eu/en/offer-web" class="fs-18 custom-underline-onhover"> 878 <span>More</span> 879 </a> 880 </footer> 881 </div> 882 </div> 883 </div> 884 </div> 885 </div> 886 </div> 887 </div> 888 <div class="col-10 offset-2 col-md-6 offset-md-0 py-9 order-md-2 mb-md-n7"> 889 <div class="circle-modal-container"> 890 <div class="embed-responsive embed-responsive-1by1 no-overflow"> 891 <div class="embed-responsive-item"> 892 <div class="circle-modal"> 893 <input id="circle-modal-1" type="radio" name="circle-modal" /> 894 <div 895 class="bg-circle dashed-circle animated" 896 data-event-class="fadeIn" 897 data-animate-delay="waypoint" 898 data-animate-offset="100" 899 data-animate-delay-waypoint="100" 900 > 901 <svg width="100%" height="100%"> 902 <circle 903 cx="50%" cy="50%" r="49%" 904 stroke-alignment="inside" 905 stroke-width="2" 906 stroke-dasharray="10, 10" 907 fill="none" 908 /> 909 </svg> 910 </div> 911 <div class="animated" 912 data-event-class="fadeIn" 913 data-animate-delay="waypoint" 914 data-animate-offset="100" 915 data-animate-delay-waypoint="500" 916 > 917 <label 918 for="circle-modal-1" 919 class="circle-modal-label" 920 >
921 <span class="text-g-primary fs-24">E-commerce</span> 922 <a href="https://www.ecreo.eu/en/offer-e-commerce" class="d-none"></a> 923 </label> 924 </div> 925 <div class="modal-circle-body"> 926 <div class="modal-circle-body-inner"> 927 <label for="circle-modal-close" class="label-modal-close my-4"><span class="icon-close fs-24"></span></label> 928 <header class="my-4"> 929 <h3> 930 <a href="https://www.ecreo.eu/en/offer-e-commerce" class="custom-underline-onhover"> 931 <span>E-commerce</span> 932 </a> 933 </h3> 934 </header> 935 <nav class="my-4"> 936 <ul class="nav flex-column align-items-center tag-list"> 937 <li class="nav-item"> 938 <a href="https://www.ecreo.eu/en/e-commerce-online-stores" class="nav-link px-1"> 939 Online stores </a> 940 </li> 941 <li class="nav-item"> 942 <a href="https://www.ecreo.eu/en/b2b-platforms" class="nav-link px-1"> 943 B2B platforms </a> 944 </li> 945 <li class="nav-item"> 946 <a href="https://www.ecreo.eu/en/integrations" class="nav-link px-1"> 947 Integrations </a> 948 </li> 949 <li class="nav-item"> 950 <a href="https://www.ecreo.eu/en/aplikacje-mobilne" class="nav-link px-1"> 951 Mobile apps </a> 952 </li> 953 <li class="nav-item"> 954 <a href="https://www.ecreo.eu/en/konfiguratory-produktow" class="nav-link px-1"> 955 Product configurators </a> 956 </li> 957 </ul> 958 </nav> 959 <footer class="my-4"> 960 <a href="https://www.ecreo.eu/en/offer-e-commerce" class="fs-18 custom-underline-onhover"> 961 <span>More</span> 962 </a> 963 </footer> 964 </div> 965 </div> 966 </div> 967 </div> 968 </div> 969 </div> 970 </div> 971 <div class="col-9 col-md-6 py-10 py-md-8 order-md-4 mt-md-n6"> 972 <div class="circle-modal-container"> 973 <div class="embed-responsive embed-responsive-1by1 no-overflow"> 974 <div class="embed-responsive-item"> 975 <div class="circle-modal"> 976 <input id="circle-modal-2" type="radio" name="circle-modal" /> 977 <div 978 class="bg-circle dashed-circle animated" 979 data-event-class="fadeIn" 980 data-animate-delay="waypoint" 981 data-animate-offset="100" 982 data-animate-delay-waypoint="200" 983 > 984 <svg width="100%" height="100%"> 985 <circle 986 cx="50%" cy="50%" r="49%" 987 stroke-alignment="inside" 988 stroke-width="2" 989 stroke-dasharray="10, 10" 990 fill="none" 991 /> 992 </svg> 993 </div> 994 <div class="animated" 995 data-event-class="fadeIn" 996 data-animate-delay="waypoint" 997 data-animate-offset="100" 998 data-animate-delay-waypoint="600" 999 > 1000 <label 1001 for="circle-modal-2" 1002 class="circle-modal-label" 1003 >
1004 <span class="text-g-primary fs-28">Real estate</span> 1005 <a href="https://www.ecreo.eu/en/offer-realestate-investments" class="d-none"></a> 1006 </label> 1007 </div> 1008 <div class="modal-circle-body"> 1009 <div class="modal-circle-body-inner"> 1010 <label for="circle-modal-close" class="label-modal-close my-4"><span class="icon-close fs-24"></span></label> 1011 <header class="my-4"> 1012 <h3> 1013 <a href="https://www.ecreo.eu/en/offer-realestate-investments" class="custom-underline-onhover"> 1014 <span>Real estate</span> 1015 </a> 1016 </h3> 1017 </header> 1018 <nav class="my-4"> 1019 <ul class="nav flex-column align-items-center tag-list"> 1020 <li class="nav-item"> 1021 <a href="https://www.ecreo.eu/en/marketing-strategy" class="nav-link px-1"> 1022 Marketing strategy </a> 1023 </li> 1024 <li class="nav-item"> 1025 <a href="https://www.ecreo.eu/en/identyfikacja-wizualna" class="nav-link px-1"> 1026 Visual identification </a> 1027 </li> 1028 <li class="nav-item"> 1029 <a href="https://www.ecreo.eu/en/visualisations" class="nav-link px-1"> 1030 Visualisations </a> 1031 </li> 1032 <li class="nav-item"> 1033 <a href="https://www.ecreo.eu/en/development-investments-websites" class="nav-link px-1"> 1034 Websites </a> 1035 </li> 1036 <li class="nav-item"> 1037 <a href="https://www.ecreo.eu/en/seo-sem" class="nav-link px-1"> 1038 SEO & SEM </a> 1039 </li> 1040 <li class="nav-item"> 1041 <a href="https://www.ecreo.eu/en/consultations" class="nav-link px-1"> 1042 Consultations </a> 1043 </li> 1044 </ul> 1045 </nav> 1046 <footer class="my-4"> 1047 <a href="https://www.ecreo.eu/en/offer-realestate-investments" class="fs-18 custom-underline-onhover"> 1048 <span>More</span> 1049 </a> 1050 </footer> 1051 </div> 1052 </div> 1053 </div> 1054 </div> 1055 </div> 1056 </div> 1057 </div> 1058 <div class="col-7 offset-5 col-md-4 offset-md-1 order-md-5 mt-md-7 pr-md-6"> 1059 <div class="circle-modal-container"> 1060 <div class="embed-responsive embed-responsive-1by1 no-overflow"> 1061 <div class="embed-responsive-item"> 1062 <div class="circle-modal"> 1063 <input id="circle-modal-3" type="radio" name="circle-modal" /> 1064 <div 1065 class="bg-circle dashed-circle animated" 1066 data-event-class="fadeIn" 1067 data-animate-delay="waypoint" 1068 data-animate-offset="100" 1069 data-animate-delay-waypoint="300" 1070 > 1071 <svg width="100%" height="100%"> 1072 <circle 1073 cx="50%" cy="50%" r="49%" 1074 stroke-alignment="inside" 1075 stroke-width="2" 1076 stroke-dasharray="10, 10" 1077 fill="none" 1078 /> 1079 </svg> 1080 </div> 1081 <div class="animated" 1082 data-event-class="fadeIn" 1083 data-animate-delay="waypoint" 1084 data-animate-offset="100" 1085 data-animate-delay-waypoint="700" 1086 > 1087 <label 1088 for="circle-modal-3" 1089 class="circle-modal-label" 1090 >
1091 <span class="text-g-primary fs-32">Design</span> 1092 <a href="https://www.ecreo.eu/en/offer-design" class="d-none"></a> 1093 </label> 1094 </div> 1095 <div class="modal-circle-body"> 1096 <div class="modal-circle-body-inner"> 1097 <label for="circle-modal-close" class="label-modal-close my-4"><span class="icon-close fs-24"></span></label> 1098 <header class="my-4"> 1099 <h3> 1100 <a href="https://www.ecreo.eu/en/offer-design" class="custom-underline-onhover"> 1101 <span>Design</span> 1102 </a> 1103 </h3> 1104 </header> 1105 <nav class="my-4"> 1106 <ul class="nav flex-column align-items-center tag-list"> 1107 <li class="nav-item"> 1108 <a href="https://www.ecreo.eu/en/visual-identity" class="nav-link px-1"> 1109 Visual Identity </a> 1110 </li> 1111 <li class="nav-item"> 1112 <a href="https://www.ecreo.eu/en/digital-design" class="nav-link px-1"> 1113 Digital design </a> 1114 </li> 1115 <li class="nav-item"> 1116 <a href="https://www.ecreo.eu/en/print-design" class="nav-link px-1"> 1117 Print design </a> 1118 </li> 1119 <li class="nav-item"> 1120 <a href="https://www.ecreo.eu/en/animacje-i-filmy" class="nav-link px-1"> 1121 Animations and videos </a> 1122 </li> 1123 <li class="nav-item"> 1124 <a href="https://www.ecreo.eu/en/visualizations" class="nav-link px-1"> 1125 Visualizations </a> 1126 </li> 1127 </ul> 1128 </nav> 1129 <footer class="my-4"> 1130 <a href="https://www.ecreo.eu/en/offer-design" class="fs-18 custom-underline-onhover"> 1131 <span>More</span> 1132 </a> 1133 </footer> 1134 </div> 1135 </div> 1136 </div> 1137 </div> 1138 </div> 1139 </div> 1140 </div> 1141 </div> 1142 </div> 1143</section>
1144<script> 1145 website.onload(function(){ 1146 const list = document.querySelectorAll('.circle-modal'); 1147 1148 function requestUpdate() { 1149 if (this.updateHasBeenRequested === false) { 1150 this.updateHasBeenRequested = true; 1151 requestAnimationFrame(this.update); 1152 } 1153 } 1154 function update() { 1155 this.updateHasBeenRequested = false; 1156 if (this.hover) { 1157 let tx = this.mouseX * this.bb.width; 1158 let ty = this.mouseY * this.bb.height; 1159 1160 this.label.style.setProperty( 1161 'transform', 1162 'translate('+ (tx * 0.5) +'px, '+ (ty * 0.5) +'px)' 1163 ); 1164 this.labelText.style.setProperty( 1165 'transform', 1166 'translate('+ (tx * 0.1) +'px, '+ (ty * 0.1) +'px)' 1167 ); 1168 } else { 1169 this.label.style.removeProperty('transform'); 1170 this.labelText.style.removeProperty('transform'); 1171 } 1172 } 1173 function onMouseMove(e) { 1174 let bbBody = website.getBodyBB(); 1175 this.mouseX = Math.min( 1176 0.5, 1177 Math.max( 1178 ((e.clientX - (this.bb.x + bbBody.x)) / this.bb.width) - 0.5, 1179 -0.5 1180 ) 1181 ); 1182 this.mouseY = Math.min( 1183 0.5, 1184 Math.max( 1185 ((e.clientY - (this.bb.y + bbBody.y)) / this.bb.height) - 0.5, 1186 -0.5 1187 ) 1188 ); 1189 1190 this.requestUpdate(); 1191 } 1192 function onMouseEnter(e) { 1193 if (this.item === e.target) { 1194 this.hover = true; 1195 } 1196 } 1197 function onMouseLeave(e) { 1198 if (this.item === e.target) { 1199 this.hover = false; 1200 this.requestUpdate(); 1201 } 1202 } 1203 function onResize(e) { 1204 this.bb = website.fixBB(this.item.getBoundingClientRect()); 1205 this.requestUpdate(); 1206 } 1207 1208 function onLabelClick(event) { 1209 var lgBreakpoint = parseInt( 1210 getComputedStyle(document.body) 1211 .getPropertyValue('--breakpoint-lg') 1212 .replace('px', '') 1213 ); 1214 if (window.innerWidth < lgBreakpoint) { 1215 this.querySelector('a').click(); 1216 event.preventDefault(); 1217 } 1218 } 1219 1220 for (let item of list) { 1221 const label = item.querySelector('.circle-modal-label'); 1222 const labelText = item.querySelector('.circle-modal-label span'); 1223 const scope = { 1224 label: label, 1225 labelText: labelText, 1226 item: item, 1227 updateHasBeenRequested: false, 1228 mouseX: 0, 1229 mouseY: 0, 1230 hover: false 1231 }; 1232 scope.update = update.bind(scope); 1233 scope.requestUpdate = requestUpdate.bind(scope); 1234 scope.onMouseMove = onMouseMove.bind(scope); 1235 scope.onMouseEnter = onMouseEnter.bind(scope); 1236 scope.onMouseLeave = onMouseLeave.bind(scope); 1237 scope.onResize = onResize.bind(scope); 1238 1239 scope.onResize(); 1240 1241 label.addEventListener('click', onLabelClick.bind(label)); 1242 item.addEventListener('mousemove', scope.onMouseMove); 1243 item.addEventListener('mouseenter', scope.onMouseEnter); 1244 item.addEventListener('mouseleave', scope.onMouseLeave); 1245 1246 window.addEventListener('resize', scope.onResize); 1247 window.addEventListenerOnce('barba-before-leave', function(){ 1248 window.removeEventListener('resize', scope.onResize); 1249 }); 1250 } 1251 }); 1252</script>
1252 <section class="section-references mt-xl-7 mt-xxl-9 mb-6" data-id="950a4152c2b4aa3ad78bdd6b366cc179"> 1253 <div class="container"> 1254 <div class="row"> 1255 <div class="col-lg-5 col-xl-4 offset-xl-1 col-xxl-5 d-flex flex-column justify-content-center"> 1256 <header 1257 class="animated" 1258 data-animate-event-class="fadeInLeft" 1259 data-animate-event-class2="fadeOutLeft" 1260 data-animate-delay="waypoint" 1261 > 1262 <h2 class="h1 fs-36 fs-md-48 fs-xl-64 mb-4">They trust us</h2> 1263 </header> 1264 <div 1265 class="animated" 1266 data-animate-event-class="fadeInLeft" 1267 data-animate-event-class2="fadeOutLeft" 1268 data-animate-delay="waypoint" 1269 > 1270 </div> 1271 1272 1273 </div> 1274 <div class="col-lg-7 col-xl-6 offset-xl-1 col-xxl-5"> 1275 1276 1277 </div> 1278 </div> 1279 </div> 1280</section><section id="logoslider_bb0e30cd_7c8f_4712_a8f1_68d814b7cb8e" class="section-logoslider my-lg-6 mb-xl-7 mt-xl-5"> 1281 <div class="container"> 1282 <div class="row"> 1283 <div class="col-md-10 offset-1"> 1284 <div class="swiper-container animated" 1285 data-animate-event-class="fadeIn" 1286 data-animate-delay="waypoint" 1287 > 1288 <div class="swiper-wrapper"> 1289 <div class="swiper-slide"> 1290 <a 1291 href="https://www.ecreo.eu/en/gomez" 1292 > 1293 <figure class="sizing-logotype"> 1294 <img src="https://www.ecreo.eu/upload/pictures/gomez-logo.svg" alt="Gomez" class="" width="690" height="150" /> </figure> 1295 1296 </a> 1297 </div> 1298 <div class="swiper-slide"> 1299 <a 1300 href="https://www.ecreo.eu/en/bejot" 1301 > 1302 <figure class="sizing-logotype"> 1303 <img src="https://www.ecreo.eu/upload/pictures/bejot-logo-1.svg" alt="Bejot" class="" width="5500" height="1850" /> </figure> 1304 1305 </a> 1306 </div> 1307 <div class="swiper-slide"> 1308 <a 1309 href="https://www.ecreo.eu/en/realizacje-hawelanska" 1310 > 1311 <figure class="sizing-logotype"> 1312 <img src="https://www.ecreo.eu/upload/pictures/logo.svg" alt="HawelaÅska " class="" width="902.34" height="356.995" /> </figure> 1313 1314 </a> 1315 </div> 1316 <div class="swiper-slide"> 1317 <a 1318 href="https://www.ecreo.eu/en/baltin" 1319 > 1320 <figure class="sizing-logotype"> 1321 <img src="https://www.ecreo.eu/upload/pictures/logo-cmyk.svg" alt="Baltin" class="" width="5560" height="2220" /> </figure> 1322 1323 </a> 1324 </div> 1325 <div class="swiper-slide"> 1326 <a 1327 href="https://www.ecreo.eu/en/twojem" 1328 > 1329 <figure class="sizing-logotype"> 1330 <img src="https://www.ecreo.eu/upload/pictures/logo-2.svg" alt="TwojeM" class="" width="4150" height="3225" /> </figure> 1331 1332 </a> 1333 </div> 1334 <div class="swiper-slide"> 1335 <a 1336 href="https://www.ecreo.eu/en/ibemo" 1337 > 1338 <figure class="sizing-logotype"> 1339 <img src="https://www.ecreo.eu/assets/photo//upload/pictures/ibemo-logo-kolor-smart-1043-185.png" alt="iBemo" class="" width="5215" height="925" /> </figure> 1340 1341 </a> 1342 </div> 1343 <div class="swiper-slide"> 1344 <a 1345 href="https://www.ecreo.eu/en/realizacje-vank" 1346 > 1347 <figure class="sizing-logotype"> 1348 <img src="https://www.ecreo.eu/upload/pictures/vank-logo-3.svg" alt="vank" class="" width="440" height="145" /> </figure> 1349 1350 </a> 1351 </div> 1352 <div class="swiper-slide"> 1353 <a 1354 href="https://www.ecreo.eu/en/lech" 1355 > 1356 <figure class="sizing-logotype"> 1357 <img src="https://www.ecreo.eu/upload/pictures/logo-9.svg" alt="lech" class="" width="1980" height="1130" /> </figure> 1358 1359 </a> 1360 </div> 1361 <div class="swiper-slide"> 1362 <a 1363 href="https://www.ecreo.eu/en/nest" 1364 > 1365 <figure class="sizing-logotype"> 1366 <img src="https://www.ecreo.eu/upload/pictures/logo-5.svg" alt="nest" class="" width="1441.59" height="780.24" /> </figure> 1367 1368 </a> 1369 </div> 1370 <div class="swiper-slide"> 1371 <a 1372 href="https://www.ecreo.eu/en/albaplus" 1373 > 1374 <figure class="sizing-logotype"> 1375 <img src="https://www.ecreo.eu/upload/pictures/logo-10.svg" alt="AlbaPlus" class="" width="1372.87" height="219.305" /> </figure> 1376 1377 </a> 1378 </div> 1379 <div class="swiper-slide"> 1380 <a 1381 href="https://www.ecreo.eu/en/willeaura" 1382 > 1383 <figure class="sizing-logotype"> 1384 <img src="https://www.ecreo.eu/upload/pictures/logo-12.svg" alt="willeaura" class="" width="1100" height="417.55" /> </figure> 1385 1386 </a> 1387 </div> 1388 <div class="swiper-slide"> 1389 <a 1390 href="https://www.ecreo.eu/en/realizacje-tekktura" 1391 > 1392 <figure class="sizing-logotype"> 1393 <img src="https://www.ecreo.eu/upload/pictures/logo-14.svg" alt="tekktura" class="" width="856.16" height="146.77" /> </figure> 1394 1395 </a> 1396 </div> 1397 <div class="swiper-slide"> 1398 <a 1399 href="https://www.ecreo.eu/en/rbw" 1400 > 1401 <figure class="sizing-logotype"> 1402 <img src="https://www.ecreo.eu/upload/pictures/logo-15.svg" alt="rbw" class="" width="721.335" height="265.755" /> </figure> 1403 1404 </a> 1405 </div> 1406 <div class="swiper-slide"> 1407 <a 1408 href="https://www.ecreo.eu/en/plandex" 1409 > 1410 <figure class="sizing-logotype"> 1411 <img src="https://www.ecreo.eu/upload/pictures/logo-17.svg" alt="plandex" class="" width="3890" height="1035" />
1411 </figure> 1412 1413 </a> 1414 </div> 1415 <div class="swiper-slide"> 1416 <a 1417 href="https://www.ecreo.eu/en/palacza97" 1418 > 1419 <figure class="sizing-logotype"> 1420 <img src="https://www.ecreo.eu/upload/pictures/logopal-1.svg" alt="Palacza97" class="" width="1030" height="225" /> </figure> 1421 1422 </a> 1423 </div> 1424 <div class="swiper-slide"> 1425 <a 1426 href="https://www.ecreo.eu/en/farbia" 1427 > 1428 <figure class="sizing-logotype"> 1429 <img src="https://www.ecreo.eu/upload/pictures/logo-19.svg" alt="farbia" class="" width="653.815" height="179.375" /> </figure> 1430 1431 </a> 1432 </div> 1433 <div class="swiper-slide"> 1434 <a 1435 href="https://www.ecreo.eu/en/apsnova" 1436 > 1437 <figure class="sizing-logotype"> 1438 <img src="https://www.ecreo.eu/upload/pictures/logo-4-1.svg" alt="apsnova" class="" width="1130" height="175" /> </figure> 1439 1440 </a> 1441 </div> 1442 <div class="swiper-slide"> 1443 <a 1444 href="https://www.ecreo.eu/en/realizacje-toccare" 1445 > 1446 <figure class="sizing-logotype"> 1447 <img src="https://www.ecreo.eu/upload/pictures/toccare-logo.svg" alt="Toccare" class="" width="593.685" height="380.505" /> </figure> 1448 1449 </a> 1450 </div> 1451 <div class="swiper-slide"> 1452 <a 1453 href="https://www.ecreo.eu/en/royal-collection" 1454 > 1455 <figure class="sizing-logotype"> 1456 <img src="https://www.ecreo.eu/upload/pictures/royal-collection-logo.svg" alt="Royal Collection" class="" width="4910" height="630" /> </figure> 1457 1458 </a> 1459 </div> 1460 <div class="swiper-slide"> 1461 <a 1462 href="https://www.ecreo.eu/en/apartamenty-grunwald-1" 1463 > 1464 <figure class="sizing-logotype"> 1465 <img src="https://www.ecreo.eu/upload/pictures/apartamentygrunwald-logo-3.svg" alt="Apartamenty grunwald" class="" width="670" height="215" /> </figure> 1466 1467 </a> 1468 </div> 1469 <div class="swiper-slide"> 1470 <a 1471 href="https://www.ecreo.eu/en/karlik-csu" 1472 > 1473 <figure class="sizing-logotype"> 1474 <img src="https://www.ecreo.eu/upload/pictures/karlik-logo.svg" alt="Karlik CSU" class="" width="975" height="300" /> </figure> 1475 1476 </a> 1477 </div> 1478 <div class="swiper-slide"> 1479 <a 1480 href="https://www.ecreo.eu/en/nowe-ogrody" 1481 > 1482 <figure class="sizing-logotype"> 1483 <img src="https://www.ecreo.eu/upload/pictures/noweogrody-logo.svg" alt="Nowe Ogrody " class="" width="855" height="365" /> </figure> 1484 1485 </a> 1486 </div> 1487 <div class="swiper-slide"> 1488 <a 1489 href="https://www.ecreo.eu/en/killary-lodge" 1490 > 1491 <figure class="sizing-logotype"> 1492 <img src="https://www.ecreo.eu/upload/pictures/lodge-logo-1.svg" alt="Killary lodge" class="" width="495" height="550" /> </figure> 1493 1494 </a> 1495 </div> 1496 <div class="swiper-slide"> 1497 <a 1498 href="https://www.ecreo.eu/en/bojerowa" 1499 > 1500 <figure class="sizing-logotype"> 1501 <img src="https://www.ecreo.eu/upload/pictures/bojerowa-logo-color.svg" alt="Bojerowa" class="" width="695" height="1035" />
1501 </figure> 1502 1503 </a> 1504 </div> 1505 <div class="swiper-slide"> 1506 <a 1507 href="https://www.ecreo.eu/en/rynek-wildecki" 1508 > 1509 <figure class="sizing-logotype"> 1510 <img src="https://www.ecreo.eu/upload/pictures/rynekwildecki-logo.svg" alt="Rynek Wildecki" class="" width="1200" height="570" /> </figure> 1511 1512 </a> 1513 </div> 1514 <div class="swiper-slide"> 1515 <a 1516 href="https://www.ecreo.eu/en/wille-bukowska" 1517 > 1518 <figure class="sizing-logotype"> 1519 <img src="https://www.ecreo.eu/upload/pictures/logo-bukowska-color.svg" alt="Wille Bukowska" class="" width="1340" height="300" /> </figure> 1520 1521 </a> 1522 </div> 1523 <div class="swiper-slide"> 1524 <a 1525 href="https://www.ecreo.eu/en/bmw-uzywane" 1526 > 1527 <figure class="sizing-logotype"> 1528 <img src="https://www.ecreo.eu/upload/pictures/bmw-logo.svg" alt="BMW używane" class="" width="265" height="265" /> </figure> 1529 1530 </a> 1531 </div> 1532 <div class="swiper-slide"> 1533 <a 1534 href="https://www.ecreo.eu/en/ellada-park" 1535 > 1536 <figure class="sizing-logotype"> 1537 <img src="https://www.ecreo.eu/upload/pictures/elladapark-logo.svg" alt="Ellada Park" class="" width="970" height="1120" /> </figure> 1538 1539 </a> 1540 </div> 1541 <div class="swiper-slide"> 1542 <a 1543 href="https://www.ecreo.eu/en/tg-instalacje" 1544 > 1545 <figure class="sizing-logotype"> 1546 <img src="https://www.ecreo.eu/upload/pictures/tg-logo-color.svg" alt="Tg Instalacje" class="" width="625" height="570" /> </figure> 1547 1548 </a> 1549 </div> 1550 <div class="swiper-slide"> 1551 <a 1552 href="https://www.ecreo.eu/en/realizacje-apartamenty-grunwald" 1553 > 1554 <figure class="sizing-logotype"> 1555 <img src="https://www.ecreo.eu/upload/pictures/apartamentygrunwald-logo.svg" alt="Apartamenty Grunwald" class="" width="670" height="215" /> </figure> 1556 1557 </a> 1558 </div> 1559 <div class="swiper-slide"> 1560 <a 1561 href="https://www.ecreo.eu/en/realizacje-agmamito" 1562 > 1563 <figure class="sizing-logotype"> 1564 <img src="https://www.ecreo.eu/upload/pictures/agmamito-logo.svg" alt="Agmamito" class="" width="750" height="155" /> </figure> 1565 1566 </a> 1567 </div> 1568 <div class="swiper-slide"> 1569 <a 1570 href="https://www.ecreo.eu/en/jakon" 1571 > 1572 <figure class="sizing-logotype"> 1573 <img src="https://www.ecreo.eu/upload/pictures/jakon-logo.svg" alt="Jakon" class="" width="700" height="210" /> </figure> 1574 1575 </a> 1576 </div> 1577 <div class="swiper-slide"> 1578 <a 1579 href="https://www.ecreo.eu/en/jakoninwest" 1580 > 1581 <figure class="sizing-logotype"> 1582 <img src="https://www.ecreo.eu/upload/pictures/jakon-logo-4.svg" alt="JakonInwest" class="" width="670" height="325" /> </figure> 1583 1584 </a> 1585 </div> 1586 <div class="swiper-slide"> 1587 <a 1588 href="https://www.ecreo.eu/en/malayka" 1589 > 1590 <figure class="sizing-logotype"> 1591 <img src="https://www.ecreo.eu/upload/pictures/malayka-logo.svg" alt="Malayka" class="" width="1490" height="410" />
1591 </figure> 1592 1593 </a> 1594 </div> 1595 <div class="swiper-slide"> 1596 <a 1597 href="https://www.ecreo.eu/en/revd" 1598 > 1599 <figure class="sizing-logotype"> 1600 <img src="https://www.ecreo.eu/upload/pictures/revd-logo-3.svg" alt="REVD" class="" width="475" height="170" /> </figure> 1601 1602 </a> 1603 </div> 1604 <div class="swiper-slide"> 1605 <a 1606 href="https://www.ecreo.eu/en/nickel" 1607 > 1608 <figure class="sizing-logotype"> 1609 <img src="https://www.ecreo.eu/upload/pictures/nickel-logo.svg" alt="Nickel" class="" width="805" height="805" /> </figure> 1610 1611 </a> 1612 </div> 1613 <div class="swiper-slide"> 1614 <a 1615 href="https://www.ecreo.eu/en/realizacje-jakon" 1616 > 1617 <figure class="sizing-logotype"> 1618 <img src="https://www.ecreo.eu/upload/pictures/jakon-logo-3.svg" alt="Jakon" class="" width="700" height="210" /> </figure> 1619 1620 </a> 1621 </div> 1622 <div class="swiper-slide"> 1623 <a 1624 href="https://www.ecreo.eu/en/realizacje-revd" 1625 > 1626 <figure class="sizing-logotype"> 1627 <img src="https://www.ecreo.eu/upload/pictures/revd-logo.svg" alt="REVD" class="" width="475" height="170" /> </figure> 1628 1629 </a> 1630 </div> 1631 <div class="swiper-slide"> 1632 <a 1633 href="https://www.ecreo.eu/en/mostowa-23" 1634 > 1635 <figure class="sizing-logotype"> 1636 <img src="https://www.ecreo.eu/upload/pictures/mostowa-logo.svg" alt="Mostowa 23" class="" width="1540" height="895" /> </figure> 1637 1638 </a> 1639 </div> 1640 <div class="swiper-slide"> 1641 <a 1642 href="https://www.ecreo.eu/en/realizacje-constructa" 1643 > 1644 <figure class="sizing-logotype"> 1645 <img src="https://www.ecreo.eu/upload/pictures/constructa-logo-3.svg" alt="Constructa" class="" width="715" height="240" /> </figure> 1646 1647 </a> 1648 </div> 1649 <div class="swiper-slide"> 1650 <a 1651 href="https://www.ecreo.eu/en/realizacje-stainless-factory" 1652 > 1653 <figure class="sizing-logotype"> 1654 <img src="https://www.ecreo.eu/upload/pictures/nierdzewna-logo.svg" alt="Stainless Factory" class="" width="1050" height="315" /> </figure> 1655 1656 </a> 1657 </div> 1658 <div class="swiper-slide"> 1659 <a 1660 href="https://www.ecreo.eu/en/sparta" 1661 > 1662 <figure class="sizing-logotype"> 1663 <img src="https://www.ecreo.eu/upload/pictures/sparta-logo.svg" alt="Sparta" class="" width="435" height="85" /> </figure> 1664 1665 </a> 1666 </div> 1667 <div class="swiper-slide"> 1668 <a 1669 href="https://www.ecreo.eu/en/realizacje-malayka" 1670 > 1671 <figure class="sizing-logotype"> 1672 <img src="https://www.ecreo.eu/upload/pictures/malayka-logo-3.svg" alt="Malayka" class="" width="1490" height="410" /> </figure> 1673 1674 </a> 1675 </div> 1676 <div class="swiper-slide"> 1677 <a 1678 href="https://www.ecreo.eu/en/ataner" 1679 > 1680 <figure class="sizing-logotype"> 1681 <img src="https://www.ecreo.eu/upload/pictures/logo-ataner-1.svg" alt="Ataner" class="" width="350" height="330" /> </figure> 1682 1683 </a> 1684 </div> 1685 <div class="swiper-slide"> 1686 <a 1687 href="https://www.ecreo.eu/en/hawelanska" 1688 > 1689 <figure class="sizing-logotype"> 1690 <img src="https://www.ecreo.eu/upload/pictures/hawelanska-color.svg" alt="HawelaÅska" class="" width="740" height="705" /> </figure> 1691 1692 </a> 1693 </div> 1694 <div class="swiper-slide"> 1695 <a 1696 href="https://www.ecreo.eu/en/nowy-strzeszyn" 1697 > 1698 <figure class="sizing-logotype"> 1699 <img src="https://www.ecreo.eu/upload/pictures/nowystrzeszyn-logo.svg" alt="Nowy Strzeszyn" class="" width="615" height="200" />
1699 </figure> 1700 1701 </a> 1702 </div> 1703 <div class="swiper-slide"> 1704 <a 1705 href="https://www.ecreo.eu/en/do-poznania" 1706 > 1707 <figure class="sizing-logotype"> 1708 <img src="https://www.ecreo.eu/upload/realizacje/logotype/dopoznania.svg" alt="Do poznania" class="" width="1190" height="294.21" /> </figure> 1709 1710 </a> 1711 </div> 1712 <div class="swiper-slide"> 1713 <a 1714 href="https://www.ecreo.eu/en/goggle" 1715 > 1716 <figure class="sizing-logotype"> 1717 <img src="https://www.ecreo.eu/upload/pictures/goggle-logo.svg" alt="Goggle" class="" width="2520" height="1145" /> </figure> 1718 1719 </a> 1720 </div> 1721 <div class="swiper-slide"> 1722 <a 1723 href="https://www.ecreo.eu/en/instalcompact" 1724 > 1725 <figure class="sizing-logotype"> 1726 <img src="https://www.ecreo.eu/upload/pictures/installcompact.svg" alt="Instalcompact" class="" width="1215" height="345" /> </figure> 1727 1728 </a> 1729 </div> 1730 <div class="swiper-slide"> 1731 <a 1732 href="https://www.ecreo.eu/en/pogodny-skwer" 1733 > 1734 <figure class="sizing-logotype"> 1735 <img src="https://www.ecreo.eu/upload/pictures/pogodny-skwer-color.svg" alt="Pogodny skwer" class="" width="630" height="650" /> </figure> 1736 1737 </a> 1738 </div> 1739 <div class="swiper-slide"> 1740 <a 1741 href="https://www.ecreo.eu/en/constructa" 1742 > 1743 <figure class="sizing-logotype"> 1744 <img src="https://www.ecreo.eu/upload/pictures/constructa-logo.svg" alt="Constructa" class="" width="715" height="240" /> </figure> 1745 1746 </a> 1747 </div> 1748 <div class="swiper-slide"> 1749 <a 1750 href="https://www.ecreo.eu/en/connemara" 1751 > 1752 <figure class="sizing-logotype"> 1753 <img src="https://www.ecreo.eu/upload/pictures/connemara-logo.svg" alt="Connemara" class="" width="3250" height="865" /> </figure> 1754 1755 </a> 1756 </div> 1757 <div class="swiper-slide"> 1758 <a 1759 href="https://www.ecreo.eu/en/akn" 1760 > 1761 <figure class="sizing-logotype"> 1762 <img src="https://www.ecreo.eu/upload/pictures/akn-logo-color.svg" alt="AKN" class="" width="2765" height="1275" /> </figure> 1763 1764 </a> 1765 </div> 1766 <div class="swiper-slide"> 1767 <a 1768 href="https://www.ecreo.eu/en/osiedle-goplana" 1769 > 1770 <figure class="sizing-logotype"> 1771 <img src="https://www.ecreo.eu/upload/pictures/goplana-logo.svg" alt="Osiedle Goplana" class="" width="1200" height="475" /> </figure> 1772 1773 </a> 1774 </div> 1775 <div class="swiper-slide"> 1776 <a 1777 href="https://www.ecreo.eu/en/saperska-30" 1778 > 1779 <figure class="sizing-logotype"> 1780 <img src="https://www.ecreo.eu/upload/pictures/saperska30-logo.svg" alt="Saperska 30" class="" width="590" height="540" /> </figure> 1781 1782 </a> 1783 </div> 1784 <div class="swiper-slide"> 1785 <a 1786 href="https://www.ecreo.eu/en/kolobrzegu" 1787 > 1788 <figure class="sizing-logotype"> 1789 <img src="https://www.ecreo.eu/upload/realizacje/logotype/apartamentykolobrzegu.svg" alt="KoÅobrzegu" class="" width="5968.9" height="6774.2" /> </figure> 1790 1791 </a> 1792 </div> 1793 <div class="swiper-slide"> 1794 <a 1795 href="https://www.ecreo.eu/en/gaelforceevents" 1796 > 1797 <figure class="sizing-logotype"> 1798 <img src="https://www.ecreo.eu/upload/pictures/gfe-logo.svg" alt="Gaelforceevents" class="" width="1440" height="205" /> </figure> 1799 1800 </a> 1801 </div> 1802 <div class="swiper-slide"> 1803 <a 1804 href="https://www.ecreo.eu/en/place-for-dress" 1805 > 1806 <figure class="sizing-logotype"> 1807 <img src="https://www.ecreo.eu/assets/photo//upload/pictures/logo-smart-145-100.png" alt="Place for dress" class="" width="725" height="500" />
1807 </figure> 1808 1809 </a> 1810 </div> 1811 </div> 1812 </div> 1813 </div> 1814 </div> 1815
1815<script> 1816 window.website.onload(function(){ 1817 const selector = '#logoslider_bb0e30cd_7c8f_4712_a8f1_68d814b7cb8e'; 1818 const swiper = new Swiper( 1819 `${selector} .swiper-container`, { 1820 speed: 400, 1821 spaceBetween: 0, 1822 slidesPerView: 'auto', 1823 loop: true, 1824 autoplay: { 1825 delay: 2000, 1826 } 1827 } 1828 ); 1829 }); 1830 </script>
1830 1831 </div> 1832</section></div>
1833<script> 1834 window.pageId = "default"; 1835</script>
1835 1836 1837
1837<script type="text/javascript" src="/themes/default/web/assets/js/jquery.address-1.5.min.js"></script>
vendor: 1 bytes, line 1837
1837
1838<script type="text/javascript" src="/themes/default/web/assets/js/jquery.fullPage.min.js"></script>
vendor: 1 bytes, line 1838
1838
1839<script type="text/javascript" src="/themes/default/web/assets/js/multipage.js"></script>
1839 1840 1841 </main> 1842 </div> 1843 1844<footer class="main"> 1845 <div class="container"> 1846 <div class="row mb-5 mb-md-7"> 1847 <div 1848 class="col-md-5 mb-5 mb-md-0 mx-5 mx-md-0 animated" 1849 data-animate-delay="waypoint" 1850 data-animate-event-class="fadeInLeft" 1851 data-animate-event-class2="fadeOutLeft" 1852 > 1853 <img class="w-100" src="/themes/default/web/assets/img/footer-image.svg" alt="" width="550.67" height="438.064"> 1854 </div> 1855 <div class="col-md-6 offset-md-1 d-flex flex-column justify-content-center"> 1856 <header 1857 class="pb-5 animated" 1858 data-animate-delay="waypoint" 1859 data-animate-delay-waypoint="100" 1860 data-animate-event-class="fadeInRight" 1861 data-animate-event-class2="fadeOutRight" 1862 > 1863 <h2 class="fs-36 fs-lg-42 fs-xl-48 fs-xxl-54 text-center text-md-left"> 1864 <p>Lets talk <br /> 1865about Your <span class="text-g-primary">project</span></p> 1866 </h2> 1867 </header> 1868 <div class="mx-n2 text-center text-md-left"> 1869 <a 1870 href="https://www.ecreo.eu/en/contact#wycen-projekt" 1871 class="btn btn-valuation-porject mx-2 animated" 1872 data-animate-delay="waypoint" 1873 data-animate-delay-waypoint="300" 1874 > 1875 <span>Quote project</span> 1876 </a> 1877 <span class="px-2 my-4 d-block d-md-inline-block animated" 1878 data-animate-delay="waypoint" 1879 data-animate-delay-waypoint="400" 1880 >or</span> 1881 <a 1882 href="https://www.ecreo.eu/en/contact" 1883 class="btn btn-link btn-custom-underline-onhover px-2 py-0 my-4 animated d-block d-md-inline-block" 1884 data-animate-delay="waypoint" 1885 data-animate-delay-waypoint="500" 1886 > 1887 <span>Contact us</span> 1888 </a> 1889 </div> 1890 </div> 1891 </div> 1892 <div class="hr"></div> 1893 <nav class="my-4 d-flex flex-wrap justify-content-between flex-row-reverse flex-md-row ovh position-relative"> 1894 <a href="https://www.ecreo.eu" class="nav-brand d-md-none animated" data-animate-delay="waypoint"> 1895 <svg class="nav-brand-logo" viewBox="-4 -4 99 77"> 1896 <use class="logo-wing" href="#ecreo-wing" fill="url(#g-primary-1)" style="fill: url(#g-primary-1)" /> 1897 </svg> 1898 </a> 1899 <ul class="nav nav-offer mx-n3 py-3 flex-column flex-md-row text-right text-md-left"> 1900 <li 1901 class="nav-item animated" 1902 data-animate-delay="waypoint" 1903 data-animate-delay-waypoint="0" 1904 data-animate-offset="110" 1905 > 1906 <a href="https://www.ecreo.eu/en/offer-web" class="nav-link"><span>Web</span></a> 1907 </li> 1908 <li 1909 class="nav-item animated" 1910 data-animate-delay="waypoint" 1911 data-animate-delay-waypoint="100" 1912 data-animate-offset="110" 1913 > 1914 <a href="https://www.ecreo.eu/en/offer-e-commerce" class="nav-link"><span>E-commerce</span></a> 1915 </li> 1916 <li 1917 class="nav-item animated" 1918 data-animate-delay="waypoint" 1919 data-animate-delay-waypoint="200" 1920 data-animate-offset="110" 1921 > 1922 <a href="https://www.ecreo.eu/en/offer-design" class="nav-link"><span>Design</span></a> 1923 </li> 1924 <li 1925 class="nav-item animated" 1926 data-animate-delay="waypoint" 1927 data-animate-delay-waypoint="300" 1928 data-animate-offset="110" 1929 > 1930 <a href="https://www.ecreo.eu/en/offer-realestate-investments" class="nav-link"><span>Realestate investments</span></a> 1931 </li> 1932 </ul> 1933 1934 </nav> 1935 </div> 1936</footer> 1937<button data-cc="show-preferencesModal" aria-label="Cookies" class="btn btn-lg bg-white shadow rounded-circle float-left fixed-bottom m-3 p-1 w-auto" style="position: fixed; right: unset;"> 1938 <div style="width: 25px; height: auto; line-height: 0;"><!--?xml version="1.0" encoding="utf-8"?--><svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve"><path style="fill-rule:evenodd;clip-rule:evenodd;" d="M902.6,452.6c26.2,20.9,59.3,33.3,95.4,33.3c8.6,0,17.1-0.7,25.3-2.1 c0.5,9.3,0.8,18.7,0.8,28.1c0,282.6-229.4,512-512,512S0,794.6,0,512S229.4,0,512,0l0.6,0c3.8,51.6,25.8,98.2,59.6,133.4 c-6.1,15.1-9.4,31.5-9.4,48.7c0,70.9,56.6,128.7,127,130.7c-5.1,14-7.9,29.2-7.9,44.9c0,72.2,58.6,130.8,130.8,130.8 C847.4,488.6,879.1,474.9,902.6,452.6z M473.9,47.4C234.4,66.8,45.8,267.5,45.8,512c0,257.3,208.9,466.2,466.2,466.2 c251,0,455.9-198.8,465.8-447.4c-26.2-2.6-51-10.4-73.2-22.2c-26.8,16.4-58.3,25.9-92,25.9c-97.5,0-176.6-79.1-176.6-176.6 c0-2.9,0.1-5.8,0.2-8.6c-69.4-23.8-119.3-89.7-119.3-167.1c0-13,1.4-25.7,4.1-37.9C499.1,116,482.8,83.1,473.9,47.4z"></path><g transform="matrix(2.30328,0,0,2.30328,-1062.33,-223.122)"> <path style="fill-rule:evenodd;clip-rule:evenodd;
1938" d="M787,131.3c17.5,0,31.7,14.2,31.7,31.7c0,17.5-14.2,31.7-31.7,31.7 c-17.5,0-31.7-14.2-31.7-31.7C755.2,145.5,769.4,131.3,787,131.3z M787,151.2c6.5,0,11.8,5.3,11.8,11.8c0,6.5-5.3,11.8-11.8,11.8 c-6.5,0-11.8-5.3-11.8-11.8C775.1,156.5,780.4,151.2,787,151.2z"></path></g><g transform="matrix(1.22746,0,0,1.22746,-142.571,144.17)"> <path style="fill-rule:evenodd;clip-rule:evenodd;" d="M787,131.3c17.5,0,31.7,14.2,31.7,31.7s-14.2,31.7-31.7,31.7 c-17.5,0-31.7-14.2-31.7-31.7S769.4,131.3,787,131.3z M787,168.6c-3.1,0-5.6-2.5-5.6-5.6c0-3.1,2.5-5.6,5.6-5.6 c3.1,0,5.6,2.5,5.6,5.6C792.6,166.1,790.1,168.6,787,168.6z"></path></g></svg> 1939 </div> 1940 <div class="cookie-btn-text d-none" style="line-height: 1rem;"><span class="mx-2 ">Manage></span></div> 1941</button> 1942 </div> 1943 <nav id="menu-layer" class="fixed-background"> 1944 <div class="px-5 d-flex flex-md-column align-items-stretch align-items-md-center justify-content-center h-100 position-relative z-index-1"> 1945 <button type="button" class="btn btn-close text-primary" aria-label="Close"> 1946 <span class="icon-close"></span> 1947 </button> 1948 1949 <div class="container w-100"> 1950 <div class="row h-100"> 1951 <div class="col-12 col-md-6 d-flex flex-column justify-content-between align-items-center align-items-md-start ml-md-n5 pt-8 pt-md-0 pb-md-6"> 1952 <a href="https://www.ecreo.eu" class="nav-brand mb-6"> 1953 <svg class="nav-brand-logo" width="99" viewBox="-4 -4 99 77"> 1954 <use class="logo-wing-shadow" x="2" y="1" href="#ecreo-wing" fill="#ffffff" stroke="#ffffff" stroke-width="2" paint-order="stroke" stroke-linecap="square" stroke-linejoin="arcs" stroke-miterlimit="8" /> 1955 <use class="logo-wing" href="#ecreo-wing" fill="url(#g-primary-1)" style="fill: url(#g-primary-1)" /> 1956 <use class="logo-text" href="#ecreo-text" /> 1957 </svg> 1958 </a> 1959 <div class="nav-container flex-fill d-flex flex-column justify-content-center"> 1960 <ul class="flex-column flex-nowrap flex-lg-wrap nav" id="yw0" role="menu"><li id="302" class="nav-item"><a data-url="realizations" data-target="#realizations" class="nav-link" tabindex="-1" href="https://www.ecreo.eu/en/realizations">Realizations</a></li><li id="38" class="nav-item"><a data-url="offer" data-target="#offer" class="nav-link" tabindex="-1" href="https://www.ecreo.eu/en/offer">Offer</a></li><li id="321" class="nav-item"><a data-url="company" data-target="#company" class="nav-link" tabindex="-1" href="https://www.ecreo.eu/en/company">Company</a></li><li id="31" class="nav-item"><a data-url="contact" data-target="#contact" class="nav-link" tabindex="-1" href="https://www.ecreo.eu/en/contact">Contact</a></li></ul> </div> 1961 <a href="https://www.ecreo.eu/en/contact#wycen-projekt" class="btn btn-link btn-custom-underline btn-contact-us mx-n2 mt-md-6 d-none d-md-block"> 1962 <span>Write to us</span> 1963 </a> 1964 </div> 1965 <div class="col-12 col-md-6 d-flex justify-content-center align-items-center mt-md-n6 py-6 pt-md-0"> 1966 <svg class="triangle-gradient" viewBox="0 35 1120 1120"> 1967 <g id="main" mask="url(#rounded-triangle-mask)"> 1968 <rect x="0" y="0" width="100%" height="100%" fill="url(#g-primary-1)" /> 1969 </g> 1970 </svg> 1971 1972 <div class="circle-container mx-n5"> 1973 <a 1974 class="circle" 1975 data-url="offer-web" 1976 href="https://www.ecreo.eu/en/offer-web" 1977 > 1978 <div class="circle-content"> 1979 <figure> 1980 <svg width="64" height="64" preserveAspectRatio="xMidYMid meet" viewBox="0 0 64 64"> 1981 <use href="https://www.ecreo.eu/upload/svg/icons/strona_www_.svg#main" fill="url(#g-primary-1)" /> 1982 </svg> 1983 </figure> 1984 <span class="label fw-bold">Web</span> 1985 </div> 1986 </a> 1987 <a 1988 class="circle" 1989 data-url="offer-e-commerce" 1990 href="https://www.ecreo.eu/en/offer-e-commerce" 1991 > 1992 <div class="circle-content"> 1993 <figure> 1994 <svg width="64" height="64" preserveAspectRatio="xMidYMid meet" viewBox="0 0 64 64"> 1995 <use href="https://www.ecreo.eu/upload/svg/icons/sklepy_internetowe_1.svg#main" fill="url(#g-primary-1)" /> 1996 </svg> 1997 </figure>
1998 <span class="label fw-bold">E-commerce</span> 1999 </div> 2000 </a> 2001 <a 2002 class="circle" 2003 data-url="offer-design" 2004 href="https://www.ecreo.eu/en/offer-design" 2005 > 2006 <div class="circle-content"> 2007 <figure> 2008 <svg width="64" height="64" preserveAspectRatio="xMidYMid meet" viewBox="0 0 64 64"> 2009 <use href="https://www.ecreo.eu/upload/svg/icons/identyfikacja_wizualna.svg#main" fill="url(#g-primary-1)" /> 2010 </svg> 2011 </figure> 2012 <span class="label fw-bold">Design</span> 2013 </div> 2014 </a> 2015 <a 2016 class="circle" 2017 data-url="offer-realestate-investments" 2018 href="https://www.ecreo.eu/en/offer-realestate-investments" 2019 > 2020 <div class="circle-content"> 2021 <figure> 2022 <svg width="64" height="64" preserveAspectRatio="xMidYMid meet" viewBox="0 0 64 64"> 2023 <use href="https://www.ecreo.eu/upload/svg/icons/wizualizacje_1.svg#main" fill="url(#g-primary-1)" /> 2024 </svg> 2025 </figure> 2026 <span class="label fw-bold">Realestate investments</span> 2027 </div> 2028 </a> 2029 </div> 2030 </div> 2031 </div> 2032 </div> 2033 </div> 2034</nav>
2035<script> 2036 window.website.onload(function() { 2037 // init 2038 $('.btn-menu, #menu-layer .btn-close').off().click(function(e) { 2039 $('#menu-layer').toggleClass('active'); 2040 $('#menu-layer').is('.active') ? 2041 $(document.body).removeClass('menu-layer-active') : 2042 $(document.body).addClass('menu-layer-active'); 2043 e.preventDefault(); 2044 }); 2045 2046 // barba 2047 function closeMenu() { 2048 $('#menu-layer').removeClass('active'); 2049 } 2050 window.addEventListenerOnce('barba-after-leave', closeMenu, true); 2051 }); 2052 // triangles bg 2053 window.website.onload(function(){ 2054 var container = document.getElementById('menu-layer'); 2055 var bBox = container.getBoundingClientRect(); 2056 for (var i = 0; i < bBox.height; i+= 100) { 2057 var props = { 2058 top: (i * 2) +'px', 2059 left: Math.floor(Math.random() * 90) +'%', 2060 '--s': Math.random() * 0.4 + 0.5, 2061 '--z': Math.random(), 2062 '--mr': Math.floor(Math.random() * 360), 2063 '--sr': Math.floor(Math.random() * 360), 2064 }; 2065 var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); 2066 var use = document.createElementNS("http://www.w3.org/2000/svg", "use"); 2067 2068 for (var prop in props) { 2069 if (props[prop] !== null) svg.style.setProperty(prop, props[prop]); 2070 } 2071 if (Math.random() < 0.2) { 2072 svg.setAttribute('class', 'red'); 2073 } 2074 2075 svg.setAttribute('viewBox', '0 5 99 79'); 2076 use.setAttribute('href', '#rounded-triangle-path'); 2077 svg.appendChild(use); 2078 container.appendChild(svg); 2079 } 2080 }); 2081</script>
2081<style> 2082 body.init > * { 2083 transition: all 0.4s ease !important; 2084 opacity: 1 !important; 2085 } 2086 body.unload { 2087 transition: all 0.5s ease; 2088 opacity: 0 !important; 2089 } 2090 body:before { 2091 opacity: 0 !important; 2092 transition: all 0.5s ease 0.5s; 2093 } 2094</style>
2095<script> 2096 setTimeout(function(){ 2097 document.body.setAttribute( 2098 'class', 2099 document.body.getAttribute('class').replace('init', '') 2100 ); 2101 }, 450); 2102</script>
2102 2103 2104<div class="container"> 2105 <div class="py-4"> 2106 <img src="/themes/default/web/assets/img/pfr.png" alt="" style="width: 500px"> 2107 </div> 2108</div> 2109 2110 2111 <div class="loading-container"> 2112 <div class="loading-screen"> 2113 </div> 2114 </div> 2115 2116
2116<script> 2117 2118// Better to traverse the DOM thenleast possible 2119// you can use `var` instead of `const` for legacy browser support 2120const loadingScreen = document.querySelector('.loading-screen') 2121const mainNavigation = document.querySelector('.main-navigation') 2122 2123// Function to add and remove the page transition screen 2124function pageTransitionIn() { 2125 // GSAP methods can be chained and return directly a promise 2126 // but here, a simple tween is enough 2127 gsap.set(loadingScreen, { 2128 scale: 0, 2129 y: '150%', 2130 rotate: '0deg' 2131 }); 2132 return gsap 2133 .to(loadingScreen, { 2134 duration: 0.8, 2135 scale: 4, 2136 y: '0%', 2137 rotate: '120deg' 2138 }) 2139} 2140// Function to add and remove the page transition screen 2141function pageTransitionOut(container) { 2142 // GSAP methods can be chained and return directly a promise 2143 return gsap 2144 .timeline({ delay: 0.5 }) // More readable to put it here 2145 //.add('start') // Use a label to sync screen and content animation 2146 .to(loadingScreen, { 2147 duration: 0.8, 2148 scale: 0, 2149 y: '-200%', 2150 rotate: '240deg' 2151 //ease: 'power1.out' 2152 }, 'start') 2153 //.call(contentAnimation, [container], 'start') 2154} 2155 2156// Function to animate the content of each page 2157function contentAnimation(container) { 2158 // Query from container 2159 $(container.querySelector('.green-heading-bg')).addClass('show') 2160 // GSAP methods can be chained and return directly a promise 2161 return gsap 2162 .timeline() 2163 .from(container.querySelector('.is-animated'), { 2164 duration: 0.35, 2165 translateY: 10, 2166 opacity: 0, 2167 stagger: 0.4 2168 }) 2169 .from(mainNavigation, { duration: .5, translateY: -10, opacity: 0}) 2170} 2171 2172function reanimateScript(element) { 2173 return new Promise(function(resolve, reject){ 2174 var attr = element.getAttribute("src"); 2175 var parent = element.parentElement; 2176 var newElement = document.createElement('script'); 2177 2178 element.remove(); 2179 newElement.textContent = element.textContent; 2180 newElement.setAttribute("type", "text/javascript"); 2181 2182 if (attr) { 2183 newElement.onload = resolve; 2184 newElement.onerror = reject; 2185 newElement.setAttribute("src", attr); 2186 parent.appendChild(newElement); 2187 } else { 2188 setTimeout(function(){ 2189 parent.appendChild(newElement); 2190 resolve(); 2191 }); 2192 } 2193 }); 2194} 2195 2196var funScrollTop = $(window).__proto__.scrollTop; 2197 2198$(function() { 2199 //#region init events 2200 2201 /** Live cycle 2202 * 2203 * beforeLeave 2204 * leave 2205 * afterLeave 2206 * [insert data.next.container into the DOM] 2207 * beforeEnter 2208 * enter 2209 * afterEnter 2210 * [remove data.current.container from the DOM] 2211 */ 2212 2213 const events = { 2214 beforeLeave: 'barba-before-leave', 2215 leave: 'barba-leave', 2216 afterLeave: 'barba-after-leave', 2217 beforeEnter: 'barba-before-enter', 2218 enter: 'barba-enter', 2219 afterEnter: 'barba-after-enter', 2220 }; 2221 const transitions = { 2222 async once(data) { 2223 await contentAnimation(data.next.container); 2224 } 2225 }; 2226 2227 for (let key in events) { 2228 transitions[ key ] = function (data) { 2229 return new Promise(function(resolve, reject) { try { 2230 const eventData = { detail: { data } }; 2231 let wait = 0; 2232 2233 eventData.detail.wait = () => { wait++; }; 2234 eventData.detail.continue = () => { 2235 wait-= 1; 2236 if (wait === 0) resolve(); 2237 }; 2238 2239 window.dispatchEvent(new CustomEvent( 2240 events[ key ], 2241 eventData 2242 )); 2243 2244 if (wait === 0) { 2245 resolve(); 2246 } 2247 } catch (error) { 2248 console.error(error); 2249 } }); 2250 } 2251 } 2252 2253 //#endregion 2254 2255 // tranzycje 2256 window.addEventListener('barba-enter', async function(e) { 2257 e.detail.wait(); 2258 2259 // setup oraz reanimacja skryptów 2260 window.website.setup(e.detail.data.next.container); 2261 const scriptList = e.detail.data.next.container.querySelectorAll('script'); 2262 const waitList = []; 2263 for (let script of scriptList) { 2264 waitList.push(reanimateScript(script)); 2265 } 2266 await Promise.all(waitList); 2267 $(window).resize(); 2268 2269 var $body = $(document.body); 2270 var $content = $(document.getElementById('body-content')); 2271 var $window = $(window); 2272 2273 renderBg(); 2274 2275 await pageTransitionOut(e.detail.data.next.container); 2276 2277 var scrollValue = $content.scrollTop(); 2278 $body.removeClass('barba-transition'); 2279 $window.scrollTop(scrollValue); 2280
2281 website.flags['lock mutipage scroll change address'] = false; 2282 2283 // 1. WyÅlij informacjÄ do GTM 2284 window.dataLayer = window.dataLayer || []; 2285 window.dataLayer.push({ 2286 'event': 'virtual_pageview', 2287 'page_location': window.location.href, 2288 'page_title': document.title 2289 }); 2290 2291 e.detail.continue(); 2292 }, true); 2293 2294 window.addEventListener('barba-leave', async function(e) { 2295 e.detail.wait(); 2296 2297 var $body = $(document.body); 2298 var $content = $(document.getElementById('body-content')); 2299 var $window = $(window); 2300 2301 let scrollValue = $window.scrollTop(); 2302 $body.addClass('barba-transition'); 2303 $content.scrollTop(scrollValue); 2304 2305 website.flags['lock mutipage scroll change address'] = true; 2306 2307 await pageTransitionIn(); 2308 2309 $content.scrollTop(0); 2310 $window.scrollTop(0); 2311 2312 e.detail.data.current.container.remove(); 2313 e.detail.continue(); 2314 }, true); 2315 2316 barba.init({ 2317 // blokowanie barby na linkach 2318 prevent({el, ev, href}) { 2319 let result = false;
2320 2321 // mutipage 2322 if (document.querySelector('section[data-section-url="'+ href +'"]')) { 2323 result = false; 2324 } 2325 2326 return result; 2327 }, 2328 timeout: 5000, 2329 prefetchIgnore: true, 2330 // sync: true, 2331 transitions: [transitions] 2332 }); 2333}); 2334 2335 </script>
vendor: 1 bytes, line 2335
2335
2336<script type="text/javascript" src="/min/serve/g/aadcb46d7830204be2a3f4e94c026ce1/lm/1725446923/lang/en"></script>
vendor: 1 bytes, line 2336
2336
2337<script type="text/javascript"> 2338/*<![CDATA[*/ 2339 2340 2341 window.logConsent = function() { 2342 var cookie = CookieConsent.getCookie(); 2343 var csrfTokenName = jQuery("meta[name=\"csrf-param\"]").attr("content") || "YII_CSRF_TOKEN"; 2344 var csrfTokenValue = jQuery("meta[name=\"csrf-token\"]").attr("content") || jQuery("[name=\"YII_CSRF_TOKEN\"]").val(); 2345 2346 var payload = { 2347 consent_uuid: cookie.consentId, 2348 categories: cookie.categories 2349 }; 2350 2351 if (csrfTokenValue) { payload[csrfTokenName] = csrfTokenValue; } 2352 2353 jQuery.ajax({ 2354 url: "/en/web/cookie/save", // Dostosuj do routingu w swojej aplikacji 2355 type: "POST", 2356 data: payload, 2357 dataType: "json", 2358 success: function(response) { 2359 if(response.status !== "success") console.error("Error writing Cookie log"); 2360 } 2361 }); 2362 }; 2363 2364 jQuery("body").on("click", "#cc-main [data-role=necessary]", function(e) { 2365 e.preventDefault(); 2366 2367 var cookie = CookieConsent.getCookie(); 2368 2369 if (!cookie || !cookie.consentId) { 2370 alert("Nie masz aktualnie zapisanych żadnych zgód."); 2371 return; 2372 } 2373 2374 var csrfTokenName = jQuery("meta[name=\"csrf-param\"]").attr("content") || "YII_CSRF_TOKEN"; 2375 var csrfTokenValue = jQuery("meta[name=\"csrf-token\"]").attr("content") || $("[name=\"YII_CSRF_TOKEN\"]").val(); 2376 2377 var payload = { consent_uuid: cookie.consentId }; 2378 if (csrfTokenValue) { payload[csrfTokenName] = csrfTokenValue; } 2379 2380 setTimeout(function() { 2381 $.ajax({ 2382 url: "/en/web/cookie/revoke", // Dostosuj do routingu w swojej aplikacji 2383 type: "POST", 2384 data: payload, 2385 dataType: "json", 2386 success: function(response) { 2387 if(response.status !== "success") console.error("Error writing Cookie log"); 2388 //Resetowanie ciasteczka z przeglÄ darki 2389 //CookieConsent.reset(true); 2390 //PrzeÅadowanie, aby caÅkowicie oczyÅciÄ skrypty z obecnej sesji 2391 //setTimeout( function() { window.location.reload() }, 100); 2392 }, 2393 }); 2394 }, 100); 2395 }); 2396 2397 2398/*]]>*/ 2399</script>
vendor: 1 bytes, line 2399
2399
2400<script type="module"> 2401/*<![CDATA[*/ 2402 2403 2404 const updateGtagConsent = () => { 2405 gtag("consent", "update", { 2406 "ad_storage": CookieConsent.acceptedCategory("marketing") ? "granted" : "denied", 2407 "ad_user_data": CookieConsent.acceptedCategory("marketing") ? "granted" : "denied", 2408 "ad_personalization": CookieConsent.acceptedCategory("marketing") ? "granted" : "denied", 2409 "analytics_storage": CookieConsent.acceptedCategory("analytics") ? "granted" : "denied", 2410 "functionality_storage": CookieConsent.acceptedCategory("functionality") ? "granted" : "denied", 2411 "personalization_storage": CookieConsent.acceptedCategory("functionality") ? "granted" : "denied", 2412 "security_storage": "granted" //necessary 2413 }); 2414 }; 2415 2416 window.addEventListener("cc:onConsent", () => { 2417 updateGtagConsent(); 2418 }); 2419 2420 window.addEventListener("cc:onFirstConsent", () => { 2421 updateGtagConsent(); 2422 logConsent(); 2423 }); 2424 2425 window.addEventListener("cc:onChange", () => { 2426 updateGtagConsent(); 2427 logConsent(); 2428 }); 2429 2430 2431 let isCookieConsentLoaded = false; 2432 2433 window.loadCookieConsent = function() { 2434 console.log("loadCookieConsent"); 2435 // JeÅli już zaÅadowano, przerwij 2436 if (isCookieConsentLoaded) return; 2437 isCookieConsentLoaded = true; 2438 2439 import("/themes/default/web/assets/vendor/cookieconsent/cookieconsent.umd.js").then(() => { 2440 2441 CookieConsent.run({ 2442 revision: 1725453111, 2443 cookie: { 2444 name: "CookieConsent", 2445 domain: window.location.hostname, 2446 path: "/", 2447 expiresAfterDays: 182, 2448 sameSite: "Lax", 2449 useLocalStorage: (location.protocol !== "https:" ? true : false) 2450 }, 2451 guiOptions: { 2452 consentModal: { 2453 layout: "box wide", 2454 position: "middle center", 2455 equalWeightButtons: true, 2456 flipButtons: false 2457 }, 2458 preferencesModal: { 2459 layout: "box", 2460 position: "right", 2461 equalWeightButtons: true, 2462 flipButtons: false 2463 } 2464 }, 2465 categories: { 2466 necessary: { 2467 enabled: true, 2468 readOnly: true 2469 }, 2470 functionality: {}, 2471 analytics: { 2472 autoClear: { 2473 cookies: [ 2474 { 2475 name: /^_ga/, // regex: match all cookies starting with "_ga" 2476 }, 2477 { 2478 name: "_gid", // string: exact cookie name 2479 } 2480 ] 2481 }, 2482 }, 2483 marketing: {} 2484 }, 2485 language: { 2486 default: "en", 2487 translations: { 2488 en: { 2489 consentModal: { 2490 title: "Privacy policy", 2491 description: "\x3Cp\x3EWybieraj\u0105c\x20opcj\u0119\x20\x26bdquo\x3BZgoda\x20na\x20wszystkie\x26rdquo\x3B,\x20zezwalasz\x20na\x20u\u017Cywanie\x20plik\x26oacute\x3Bw\x20cookie,\x20pikseli,\x20znacznik\x26oacute\x3Bw\x20i\x20podobnych\x20technologii,\x20na\x20potrzeby\x20\u015Bledzenia\x20Twojej\x20aktywno\u015Bci,\x20udoskonalenia\x20dzia\u0142ania\x20serwisu,\x20wykonywania\x20anonimowych\x20statystyk\x20oraz\x20w\x20celach\x20marketingowych.\x20Wyra\u017Con\u0105\x20zgod\u0119\x20mo\u017Cesz\x20cofn\u0105\u0107\x20w\x20ka\u017Cdym\x20czasie.\x3C\x2Fp\x3E\x0D\x0A", 2492 acceptAllBtn: "Accept all", 2493 acceptNecessaryBtn: "Reject", 2494 showPreferencesBtn: "Manage", 2495 //footer: "<a href=\"#link\">Privacy Policy</a>\n<a href=\"#link\">Terms and conditions</a>" 2496 }, 2497 preferencesModal: { 2498 title: "Manage", 2499 acceptAllBtn: "Accept all", 2500 acceptNecessaryBtn: "Reject",
2501 savePreferencesBtn: "Save", 2502 closeIconLabel: "Close modal", 2503 serviceCounterLabel: "Service|Services", 2504 sections: [ 2505 { 2506 //title: "Cookie Usage", 2507 description: "\x3Cp\x3EWciskaj\u0105c\x20przycisk\x20\x26ldquo\x3BZgoda\x20na\x20wszystkie\x26rdquo\x3B\x20wyra\u017Casz\x20zgod\u0119\x20na\x20u\u017Cycie\x20przez\x20nas\x20wszystkich\x20wymienionych\x20wcze\u015Bniej\x20rodzaj\x26oacute\x3Bw\x20ciasteczek.\x20Je\u017Celi\x20sam\x20chcesz\x20zdecydowa\u0107,\x20jakie\x20typy\x20ciasteczek\x20zostan\u0105\x20wykorzystane,\x20wybierz\x20je\x20z\x20poni\u017Cszych\x20a\x20nast\u0119pnie\x20\x26bdquo\x3BZapisz\x26quot\x3B\x20sw\x26oacute\x3Bj\x20wyb\x26oacute\x3Br.\x20Wyra\u017Con\u0105\x20zgod\u0119\x20mo\u017Cesz\x20cofn\u0105\u0107\x20w\x20ka\u017Cdym\x20czasie.\x3C\x2Fp\x3E\x0D\x0A" 2508 }, 2509 { 2510 title: "Necessary <span class=\"pm__badge\">Always Enabled</span>", 2511 description: "Are\x20necessary\x20to\x20run\x20the\x20website.", 2512 linkedCategory: "necessary" 2513 }, 2514 { 2515 title: "Analytics", 2516 description: "To\x20analyse\x20the\x20website\x20traffic.", 2517 linkedCategory: "analytics" 2518 }, 2519 { 2520 title: "Marketing", 2521 description: "To\x20send\x20customised\x20marketing\x20information.", 2522 linkedCategory: "marketing" 2523 }, 2524 { 2525 title: "Functionality", 2526 description: "They\x20enable\x20the\x20storage\x20of\x20data\x20that\x20supports\x20website\x20or\x20app\x20features,\x20such\x20as\x20language\x20settings.", 2527 linkedCategory: "functionality" 2528 }, 2529 ] 2530 } 2531 } 2532 } 2533 }, 2534 disablePageInteraction: true 2535 }) 2536 }) 2537 .catch((error) => { 2538 console.error("BÅÄ d Åadowania Cookie Consent:", error); 2539 }); 2540 2541 }; 2542 2543 // NasÅuchiwanie na pierwszÄ interakcjÄ użytkownika 2544 ["scroll", "mousemove", "touchstart", "keydown", "click"].forEach((event) => { 2545 window.addEventListener(event, loadCookieConsent, { once: true }); 2546 }); 2547 2548 2549/*]]>*/ 2550</script>
2550 2551</body> 2552</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.