PageSourceSearch

https://www.ecreo.eu/en

html ecreo.eu collected 2026-10-04 15:10:24 UTC 117,498 bytes, 2,552 lines download raw bytes

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&nbsp;<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&nbsp;<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.