From 8e11dacd9b6e10d255c1ee5e02f83e2df140750c Mon Sep 17 00:00:00 2001 From: Michal Struck Date: Sun, 29 Oct 2023 19:12:09 +0100 Subject: [PATCH] landing/prepare build and remove unused css. Form finished --- landing/.DS_Store | Bin 6148 -> 8196 bytes landing/.gitignore | 3 +- landing/package.json | 4 +- landing/src/form.html | 75 +++- landing/src/global.css | 3 - landing/src/index.css | 705 +------------------------------------ landing/src/index.html | 253 ++++++------- landing/tailwind.config.js | 9 +- 8 files changed, 210 insertions(+), 842 deletions(-) diff --git a/landing/.DS_Store b/landing/.DS_Store index 782f7cc05ed4c899c522ddadff71a9b29f97ce70..499ab2f29989427c4c0f2d983507f94e94f3936a 100644 GIT binary patch delta 663 zcmZoMXmOBWU|?W$DortDU;r^WfEYvza8E20o2aKK43-D-85mMLbMljua`KZl3v!6D zY*ygtXI{+C!7;Ic#S)~5l_80tlp&KL2cZyT4g&+zRUkd@KNtX6C@Lo}XKUavGBh>U zQ7|!^tj}&=k7P_vx?yl~er^F+lY97LRIR!BE-oO~07W@I*X_KPRDRSET}2836$Kf{ zHe3K|PeJxaS#VKaPJUiGP@EBnxez{NP+&-A$Y&^EsDuRyP#)-42A~rd`H=jIRS%}G zu`0vjf2`_ogai(?*uumMyWcQ_2fI4taN5knBG0(lgKaTP zt~NBaFw#*lG_st0MnIaed-4KNdD$Lxjb*__c{%xc=|FMD&9g)fF)n83;1Fa6Spak! hH;`}zd0=DVcjn3bGM*ssFfc*92J$V#=6Iet%m6LDHbMXZ diff --git a/landing/.gitignore b/landing/.gitignore index e1f5f177..eb5dd734 100644 --- a/landing/.gitignore +++ b/landing/.gitignore @@ -21,4 +21,5 @@ Desktop.ini # Windows desktop icon settings *.log # Log files .parcel-cache dist/ -**/.DS_Store \ No newline at end of file +.DS_Store +/build \ No newline at end of file diff --git a/landing/package.json b/landing/package.json index d229af8c..1d38b492 100644 --- a/landing/package.json +++ b/landing/package.json @@ -1,10 +1,10 @@ { - "name": "locofy-html-css-project", + "name": "invtrack-ladning-page", "version": "1.0.0", "description": "", "scripts": { "start": "parcel ./src/*.html ", - "build": "parcel build ./src/*.html --dist-dir ./build" + "build": "parcel build ./src/*.html --public-url ./ --dist-dir ./build --no-autoinstall" }, "author": "", "license": "ISC", diff --git a/landing/src/form.html b/landing/src/form.html index c3dc5a4d..85f5f739 100644 --- a/landing/src/form.html +++ b/landing/src/form.html @@ -15,11 +15,11 @@ href="https://fonts.googleapis.com/css2?family=DM Sans:wght@500&display=swap" /> - - + invtrack i chuj -
+
@@ -27,7 +27,7 @@

Zrewolucjonizuj zarządzanie towarem z InvTrack

-

+

Zachęcamy do umówienia się na prezentację i rozmowę z przedstawicielem. Dowiedz się więcej o tym, jak InvTrack dostosuje się do unikalnych potrzeb Twojego biznesu. @@ -46,13 +46,13 @@

-

+ Skontaktuj się z nami poprzez poniższy formularz! -

+

- InvTrack już wkrótce będzie dostępny w App Store i Google Play. W + InvTrack już wkrótce będzie dostępny w sprzedaży. W międzyczasie zapraszamy do kontaktu z nami poprzez poniższy formularz.

@@ -68,9 +68,10 @@

@@ -79,29 +80,36 @@

id="name" name="name" placeholder="Imię" - required="" - class="text-s rounded-md pl-2 py-1 shadow-lg border-blue-300 border-solid border-2 mt-2 font-light" + required + minlength="3" + class="text-[1.5rem] rounded-md pl-2 py-1 shadow-lg border-gray-400 border-solid border-2 mt-2 font-light focus:outline-none focus:border-opacity-100 border-opacity-60" />

- +
- +
@@ -113,7 +121,7 @@

id="message" name="message" placeholder="Chętnie poznamy twoje oczekiwania wobec InvTrack, liczbę pracowników, czy obecne wyzwania w zarządzaniu towarem." - class="text-s rounded-md pl-2 py-1 shadow-lg border-blue-300 border-solid border-2 mt-2 font-light h-64" + class="text-[1.5rem] rounded-md pl-2 py-1 shadow-lg border-gray-400 border-solid border-2 mt-2 font-light focus:outline-none focus:border-opacity-100 border-opacity-60 h-64" >

+
+ Klikając "Wyślij", wyrażam zgodę na przetwarzanie przez InvTrack moich danych osobowych w postaci adresu poczty elektronicznej oraz imienia w celu przesyłania mi informacji marketingowych dotyczących produktów i usług oferowanych przez InvTrack za pomocą środków komunikacji elektronicznej, stosownie do treści przepisu art. 10 ust. 1 i 2 ustawy o świadczeniu usług drogą elektroniczną. +
+
+
+ <<-LOGO->> InvTrack i krotki opisik pzdr byczku mordeczko +
+ +
+ Linki + Oferta + Kontakt +
+
+ Dowiedz się więcej +
+ Skontaktuj się z nami, aby dowiedzieć się więcej o InvTrack i naszej + ofercie. +
+ +
Wypróbuj InvTrack
+ button arrow +
+
+
diff --git a/landing/src/global.css b/landing/src/global.css index a4f26a8a..dd8dcfb9 100644 --- a/landing/src/global.css +++ b/landing/src/global.css @@ -26,9 +26,6 @@ html { --color-white: #fff; --color-cornflowerblue: #4f9cf9; --color-cornflowerblue-hover: #3986e5; - --color-gray: #212529; - --primary-100: #c4defd; - --color-khaki: #ffe492; --color-darkslateblue: #043873; /* Gaps */ diff --git a/landing/src/index.css b/landing/src/index.css index c03995d9..e9e7ccc6 100644 --- a/landing/src/index.css +++ b/landing/src/index.css @@ -2,11 +2,17 @@ @tailwind components; @tailwind utilities; +input:not(:focus):not(:placeholder-shown):invalid { + @apply border-opacity-60 border-red-400 bg-red-50 +} +input:not(:placeholder-shown):invalid { + @apply border-opacity-60 border-red-400 bg-red-50 +} + body { background-color: var(--color-white); text-align: left; font-size: var(--header-h1-size); - color: var(--color-gray); font-family: var(--paragraph-p2-medium); margin: 0 auto; max-width: 150rem; @@ -141,44 +147,6 @@ body { overflow: hidden; } -/* .image-container { - width: 80rem; - height: 40rem; - display: flex; - justify-content: flex-start; - flex-direction: column; - align-items: flex-start; - z-index: 2; - border-radius: 10px; - background-image: url("./public/img-1.png"); - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} */ - -/* .image-blur { - width: 100%; - height: 100%; - border-radius: 10px; - box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); - backdrop-filter: blur(5px); - -webkit-backdrop-filter: blur(4px); -} -.image { - position: relative; - width: 80%; - height: 80%; - top: 0; - left: 10%; - transform: translate(0, 10%); - object-fit: cover; - border-radius: 10px; - box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); - backdrop-filter: blur(4px); - -webkit-backdrop-filter: blur(4px); - border-radius: 10px; -} */ - .asset-1-2 { position: relative; background-color: var(--primary-100); @@ -212,662 +180,3 @@ body { align-items: center; font-size: var(--paragraph-p2-medium-size); } - -/* under this line not sure ab the styles */ - -.efektywno-w-liczbach { - letter-spacing: -0.02em; - z-index: 1; -} - -.sprawd-kto-jest { - font-size: var(--paragraph-p2-medium-size); - letter-spacing: -0.02em; - line-height: 1.88rem; - z-index: 2; -} -.text-block1 { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - gap: var(--gap-5xl); -} -.icon-child { - position: relative; - width: 0.94rem; - height: 0.94rem; -} -.btn-get-started, -.icon { - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: flex-start; -} -.btn-get-started { - border-radius: var(--br-5xs); - background-color: var(--color-cornflowerblue); - align-items: center; - justify-content: center; - padding: var(--padding-xl) var(--padding-21xl); - gap: var(--gap-3xs); - font-size: var(--paragraph-p2-medium-size); - color: var(--color-white); -} - -.zarzdzaj-swoim-biznesem { - position: relative; - font-size: var(--paragraph-p2-medium-size); - letter-spacing: -0.02em; - line-height: 1.88rem; - display: inline-block; - width: 61.19rem; - z-index: 2; -} -.dlaczego-invtrack, -.heading2 { - align-self: stretch; - position: relative; -} -.heading2 { - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-start; - gap: var(--gap-5xl); -} -.dlaczego-invtrack { - font-size: var(--header-h4-size); - letter-spacing: -0.02em; -} -.text-block2 { - align-self: stretch; - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - gap: var(--gap-6xl); -} -.icon1 { - position: relative; - width: 1.25rem; - height: 1.25rem; -} -.efektywne-zarzdzanie { - flex: 1; - position: relative; - letter-spacing: -0.02em; - line-height: 1.44rem; - font-weight: 500; -} -.bullet-point, -.point { - align-self: stretch; - display: flex; - justify-content: flex-start; -} -.point { - flex-direction: row; - align-items: center; - gap: var(--gap-lgi); -} -.bullet-point { - flex-direction: column; - align-items: flex-start; - gap: 1.75rem; - font-size: var(--paragraph-p2-medium-size); -} -.dowiedz-si-wicej { - position: relative; - letter-spacing: -0.02em; - font-weight: 500; -} -.btn-get-started1 { - border-radius: var(--br-5xs); - background-color: var(--color-cornflowerblue); - flex-direction: row; - align-items: center; - padding: var(--padding-base) var(--padding-21xl); - font-size: var(--paragraph-p3-regular-size); - color: var(--color-white); -} -.btn-get-started1, -.price-board, -.price-list, -.pricing { - display: flex; - justify-content: center; -} -.price-board { - border-radius: 10px; - background-color: var(--color-white); - box-shadow: 0 4px 50px rgba(0, 0, 0, 0.08); - width: 42.38rem; - flex-direction: column; - align-items: flex-start; - padding: 5rem 2.75rem; - box-sizing: border-box; - gap: var(--gap-6xl); -} -.price-list, -.pricing { - align-items: center; -} -.price-list { - align-self: stretch; - flex-direction: row; - text-align: left; - font-size: var(--header-h3-size); - color: var(--color-darkslateblue); -} -.pricing { - flex-direction: column; - padding: var(--padding-121xl) var(--padding-13xl); - box-sizing: border-box; - gap: var(--gap-41xl); - text-align: center; -} -.element-icon3 { - position: absolute; - margin: 0 !important; - height: 14.01%; - width: 55.91%; - top: 35.73%; - right: 3.56%; - bottom: 50.26%; - left: 40.53%; - max-width: 100%; - max-height: 100%; - z-index: 0; -} -.rozpocznij-transformacj-swoje { - align-self: stretch; - position: relative; - - letter-spacing: -0.02em; - text-align: center; - z-index: 2; -} - -.background-icon { - position: absolute; - margin: 0 !important; - height: 1327.74%; - width: 122.58%; - top: -880.95%; - right: 273.57%; - bottom: -346.78%; - left: -296.15%; - max-width: 100%; - max-height: 100%; - opacity: 0.2; - z-index: 0; -} -.docz-teraz { - position: relative; - letter-spacing: -0.02em; - line-height: 1.44rem; - font-weight: 500; - z-index: 1; -} -.icon6 { - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: flex-start; - z-index: 2; -} -.btn-try { - display: flex; - align-items: center; -} - -.btn-try { - border-radius: var(--br-5xs); - background-color: var(--color-cornflowerblue); - flex-direction: row; - justify-content: center; - padding: var(--padding-xl) var(--padding-21xl); - position: relative; - gap: var(--gap-3xs); - font-size: var(--paragraph-p2-medium-size); -} - -.element-icon4 { - position: absolute; - margin: 0 !important; - height: 18.19%; - width: 83.31%; - top: 9.6%; - right: 16.69%; - bottom: 72.21%; - left: 0; - max-width: 100%; - max-height: 100%; - z-index: 0; -} -.element-icon5 { - position: relative; - width: 47rem; - height: 24.99rem; -} -.your-data { - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - padding: var(--padding-121xl) var(--padding-13xl); - box-sizing: border-box; -} -.element-icon6 { - position: absolute; - margin: 0 !important; - height: 93.29%; - width: 106.31%; - top: 1.3%; - right: -6.31%; - bottom: 5.41%; - left: 0; - max-width: 100%; - max-height: 100%; - opacity: 0.3; - z-index: 0; -} -.apps-icon { - position: relative; - width: 36.38rem; - height: 29.43rem; - z-index: 1; -} -.btn-try2 { - border-radius: var(--br-5xs); - background-color: var(--color-cornflowerblue); - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - padding: var(--padding-xl) var(--padding-21xl); - gap: var(--gap-3xs); - font-size: var(--paragraph-p2-medium-size); -} -.heading5 { - flex: 1; - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - gap: var(--gap-41xl); - z-index: 2; -} -.apps, -.logo-icon { - position: absolute; - left: 0; -} -.apps { - top: 343.94rem; - background-color: var(--color-darkslateblue); - width: 90rem; - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: flex-start; - padding: var(--padding-121xl) var(--padding-13xl); - box-sizing: border-box; - gap: var(--gap-81xl); - color: var(--color-white); -} -.logo-icon { - top: 0.16rem; - width: 2.31rem; - height: 1.81rem; -} -.whitepace { - position: absolute; - top: 0; - left: 2.94rem; -} -.logo { - position: relative; - width: 11.94rem; - height: 2.13rem; -} -.whitepace-was-created { - position: relative; - font-size: var(--paragraph-p2-medium-size); - letter-spacing: -0.02em; - line-height: 1.88rem; - color: #f7f7ee; - display: inline-block; - width: 15rem; -} -.logo-description { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - gap: var(--gap-mini); - font-size: var(--header-h5-size); -} -.customer-stories, -.overview, -.product { - position: relative; - letter-spacing: -0.02em; -} -.product { - font-size: var(--paragraph-p2-medium-size); -} -.customer-stories, -.overview { - line-height: 1.25rem; -} -.overview { - color: var(--color-khaki); -} -.customer-stories { - display: inline-block; - width: 11.06rem; -} -.info1 { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - gap: var(--gap-mini); -} -.blog, -.help-center { - position: relative; - letter-spacing: -0.02em; - line-height: 1.25rem; -} -.help-center { - display: inline-block; - width: 8.13rem; -} -.info2 { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - gap: var(--gap-base); -} -.media-kit { - line-height: 1.25rem; - display: inline-block; - width: 6.19rem; -} -.get-started-for, -.media-kit, -.try-it-today { - position: relative; - letter-spacing: -0.02em; -} -.try-it-today { - font-size: var(--header-h5-size); - line-height: 2.25rem; -} -.get-started-for { - line-height: 1.25rem; - display: inline-block; - width: 16.19rem; -} -.btn-try3 { - border-radius: var(--br-5xs); - background-color: var(--color-cornflowerblue); - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - padding: var(--padding-xl) var(--padding-21xl); - gap: var(--gap-3xs); -} -.info, -.try-btn { - display: flex; - align-items: flex-start; - justify-content: flex-start; -} -.try-btn { - flex-direction: column; - gap: 1.44rem; -} -.info { - width: 92.5rem; - flex-direction: row; - gap: var(--gap-81xl); - z-index: 0; -} -.group-icon1, -.vector-icon { - position: relative; - width: 1.19rem; - height: 1.19rem; -} -.vector-icon { - width: 0.81rem; - height: 0.44rem; -} -.arrow { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - padding: 0.25rem; -} -.language, -.tems-and-condition { - display: flex; - flex-direction: row; - align-items: center; -} -.language { - justify-content: center; - gap: 0.38rem; -} -.tems-and-condition { - justify-content: flex-start; - gap: var(--gap-41xl); -} -.twitter-icon, -.x30-1-facebook-icon { - position: relative; - width: 0.56rem; - height: 1.04rem; -} -.twitter-icon { - width: 1.06rem; - height: 0.86rem; -} -.btm, -.social-icon { - display: flex; - flex-direction: row; - align-items: center; -} -.social-icon { - justify-content: flex-start; - gap: var(--gap-13xl); -} -.btm { - align-self: stretch; - justify-content: space-between; - z-index: 1; -} - -.content { - align-self: stretch; - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - position: relative; - gap: var(--gap-81xl); -} -.footer, -.logo1 { - display: flex; - align-items: center; -} -.footer { - background-color: var(--color-darkslateblue); - flex-direction: column; - justify-content: center; - padding: var(--padding-121xl) var(--padding-13xl) var(--padding-13xl); - box-sizing: border-box; - font-size: var(--paragraph-p3-regular-size); - color: var(--color-white); -} -.logo1 { - width: 11.94rem; - flex-direction: row; - justify-content: space-between; -} -.vector-icon1 { - position: relative; - width: 0.63rem; - height: 0.31rem; -} -.products { - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - gap: var(--gap-3xs); -} -.solutions { - position: relative; - line-height: 1.44rem; - font-weight: 500; -} -.nav-menu { - width: 34.47rem; - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: flex-start; - gap: var(--gap-13xl); -} -.btn-free-trial1, -.btn-login { - border-radius: var(--br-5xs); - height: 3.75rem; - align-items: center; - justify-content: center; - box-sizing: border-box; -} -.btn-login { - background-color: var(--color-khaki); - display: flex; - flex-direction: row; - padding: var(--padding-base) var(--padding-21xl); -} -.btn-free-trial1 { - background-color: var(--color-cornflowerblue); - padding: var(--padding-base) 1.5rem; - gap: var(--gap-3xs); - color: var(--color-white); -} -.btn, -.btn-free-trial1, -.header, -.nav-menu-parent { - display: flex; - flex-direction: row; -} -.btn { - height: 3.75rem; - align-items: flex-start; - justify-content: flex-end; - gap: var(--gap-5xl); - color: var(--color-darkslateblue); - font-family: var(--paragraph-p2-medium); -} -.header, -.nav-menu-parent { - align-items: center; -} -.nav-menu-parent { - justify-content: flex-start; - font-size: var(--paragraph-p2-medium-size); - font-family: var(--font-dm-sans); -} -.header { - position: absolute; - top: 0; - left: 0; - justify-content: space-between; - padding: var(--padding-base) var(--padding-13xl); - box-sizing: border-box; - font-size: var(--header-h5-size); - color: var(--color-cornflowerblue); -} -.element-icon7 { - position: absolute; - left: 30rem; - top: 12rem; - transform: translate(-50%, -50%) scale(3); - margin: 0 !important; - height: 50rem; - width: 50rem; - max-height: 100%; - overflow: visible; - opacity: 0.4; - z-index: -1; -} -.headline { - flex: 1; - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - gap: var(--gap-41xl); -} - -.content1 { - align-self: stretch; - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; -} -.work-together-image { - position: relative; - width: 36.44rem; - height: 33.92rem; -} -.background-icon1, -.element-icon8 { - position: absolute; - margin: 0 !important; - height: 12.71%; - width: 94.79%; - top: 43.75%; - right: 5.21%; - bottom: 43.54%; - left: 0; - max-width: 100%; - max-height: 100%; - z-index: 0; -} -.background-icon1 { - height: 219.08%; - width: 89.98%; - top: -395.41%; - right: 132.46%; - bottom: 276.33%; - left: -122.43%; - opacity: 0.2; - mix-blend-mode: multiply; - z-index: 3; -} -.content2 { - align-self: stretch; - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - gap: 10rem; -} diff --git a/landing/src/index.html b/landing/src/index.html index d77fae10..33460872 100644 --- a/landing/src/index.html +++ b/landing/src/index.html @@ -6,7 +6,6 @@ - -
+
Optymalizuj swój biznes dzięki InvTrack! @@ -30,19 +29,18 @@
Zacznij zmianę z InvTrack
- + invtrack app on multiple smartphones
- - - -
- -
+
Mobilność w twoich rękach @@ -55,7 +53,12 @@
Rozpocznij optymalizację dziś
- + invtrack dashboard on a tablet, and invtrack app on a phone
@@ -64,7 +67,7 @@
-
+
Wgląd na wyciągnięcie ręki @@ -79,84 +82,108 @@
Zdobądź InvTrack dla swojej firmy
- + button arrow
- + invtrack on a mac computer
-
+
- Efektywność w liczbach + Pełna kontrola nad twoimi danymi
- Sprawdź, kto jest najbardziej efektywny w Twoim zespole dzięki - statystykom czasu inwentaryzacji. Optymalizuj procesy, motywuj - pracowników i zwiększ wydajność, mając kontrolę nad liczbami, które - napędzają Twój biznes. + Z InvTrack, nie tylko zarządzasz swoimi danymi - masz nad nimi pełną + kontrolę! Eksportuj dane do formatu XLS/CSV i prowadź własne analizy + w swoim oprogramowaniu, takim jak Excel. Optymalizuj procesy, + motywuj pracowników i miej kontrolę nad liczbami, które napędzają + Twój biznes.
Zainwestuj w sukces swojego biznesu
- + button arrow
- + circular image with invtrack logo in center
-
-
- Nasza oferta -
- Zarządzaj swoim biznesem z InvTrack już dziś! Nasz prosty i klarowny - plan cenowy został stworzony, aby dostarczyć Ci niezbędnych narzędzi w - najbardziej przystępny sposób. +
+
+
+ Nasza oferta +
+ Zarządzaj swoim biznesem z InvTrack już dziś! Nasz prosty i klarowny + plan cenowy został stworzony, aby dostarczyć Ci niezbędnych narzędzi + w najbardziej przystępny sposób. +
-
-
-
- 39zł - Dlaczego InvTrack? +
+
+
+ 59zł + Dlaczego InvTrack?
-
-
- - -
Efektywne zarządzanie
+
+
+ button arrow +
Efektywne zarządzanie
-
- - -
Prosta struktura cenowa
+
+ button arrow +
Prosta struktura cenowa
-
- - -
- Nielimitowane inwentaryzacje o dowolnej porze -
+
+ button arrow +
Nielimitowane inwentaryzacje o dowolnej porze
-
- - -
- Nielimitowane konta pracownicze i administracyjne -
+
+ button arrow +
Nielimitowane konta pracownicze i administracyjne
-
- - -
Brak zobowiązań
+
+ button arrow +
Brak zobowiązań
-
-
Dowiedz się więcej
-
+ +
Dowiedz się więcej
+ button arrow +
@@ -170,17 +197,17 @@ aktualizacje oraz ekskluzywne oferty.
-
- - -
Dołącz teraz
-
- -
-
+ +
Dołącz teraz
+ button arrow +
-
+
Bezpieczeństwo danych na pierwszym miejscu @@ -191,61 +218,49 @@ zajmiemy się resztą.
- +
Dowiedz się więcej
- + button arrow
- + abstract image displaying invtrack's security
-