This commit is contained in:
Roman Pyrih
2025-08-26 15:56:28 +02:00
parent a007592537
commit 7526415144
94 changed files with 583 additions and 159 deletions

View File

@@ -1,192 +1,106 @@
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Bold.eot');
src: local('HelveticaNeueCyr-Bold'),
url('HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Bold.woff2') format('woff2'),
url('HelveticaNeueCyr-Bold.woff') format('woff'),
url('HelveticaNeueCyr-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueThin.woff') format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Light.eot');
src: local('HelveticaNeueCyr-Light'),
url('HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Light.woff2') format('woff2'),
url('HelveticaNeueCyr-Light.woff') format('woff'),
url('HelveticaNeueCyr-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueThinItalic.woff') format('woff');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Medium.eot');
src: local('HelveticaNeueCyr-Medium'),
url('HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Medium.woff2') format('woff2'),
url('HelveticaNeueCyr-Medium.woff') format('woff'),
url('HelveticaNeueCyr-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueUltraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-MediumItalic.eot');
src: local('HelveticaNeueCyr-MediumItalic'),
url('HelveticaNeueCyr-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-MediumItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-MediumItalic.woff') format('woff'),
url('HelveticaNeueCyr-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueUltraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-LightItalic.eot');
src: local('HelveticaNeueCyr-LightItalic'),
url('HelveticaNeueCyr-LightItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-LightItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-LightItalic.woff') format('woff'),
url('HelveticaNeueCyr-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueLight.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-HeavyItalic.eot');
src: local('HelveticaNeueCyr-HeavyItalic'),
url('HelveticaNeueCyr-HeavyItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-HeavyItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-HeavyItalic.woff') format('woff'),
url('HelveticaNeueCyr-HeavyItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueLightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Black.eot');
src: local('HelveticaNeueCyr-Black'),
url('HelveticaNeueCyr-Black.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Black.woff2') format('woff2'),
url('HelveticaNeueCyr-Black.woff') format('woff'),
url('HelveticaNeueCyr-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueRoman.woff') format('woff');
font-weight: 400;
font-style: normal;
}
/* ⚠️ 400 italic (Regular Italic). */
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueMedium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Heavy.eot');
src: local('HelveticaNeueCyr-Heavy'),
url('HelveticaNeueCyr-Heavy.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Heavy.woff2') format('woff2'),
url('HelveticaNeueCyr-Heavy.woff') format('woff'),
url('HelveticaNeueCyr-Heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueMediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Italic.eot');
src: local('HelveticaNeueCyr-Italic'),
url('HelveticaNeueCyr-Italic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Italic.woff2') format('woff2'),
url('HelveticaNeueCyr-Italic.woff') format('woff'),
url('HelveticaNeueCyr-Italic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueBold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Roman.eot');
src: local('HelveticaNeueCyr-Roman'),
url('HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Roman.woff2') format('woff2'),
url('HelveticaNeueCyr-Roman.woff') format('woff'),
url('HelveticaNeueCyr-Roman.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueBoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-BlackItalic.eot');
src: local('HelveticaNeueCyr-BlackItalic'),
url('HelveticaNeueCyr-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-BlackItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-BlackItalic.woff') format('woff'),
url('HelveticaNeueCyr-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueHeavy.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-UltraLightItalic.eot');
src: local('HelveticaNeueCyr-UltraLightItalic'),
url('HelveticaNeueCyr-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-UltraLightItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-UltraLightItalic.woff') format('woff'),
url('HelveticaNeueCyr-UltraLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueHeavyItalic.woff') format('woff');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-BoldItalic.eot');
src: local('HelveticaNeueCyr-BoldItalic'),
url('HelveticaNeueCyr-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-BoldItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-BoldItalic.woff') format('woff'),
url('HelveticaNeueCyr-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueBlack.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-ThinItalic.eot');
src: local('HelveticaNeueCyr-ThinItalic'),
url('HelveticaNeueCyr-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-ThinItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-ThinItalic.woff') format('woff'),
url('HelveticaNeueCyr-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
font-family: 'Helvetica Neue';
src: url('HelveticaNeueBlackItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-UltraLight.eot');
src: local('HelveticaNeueCyr-UltraLight'),
url('HelveticaNeueCyr-UltraLight.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-UltraLight.woff2') format('woff2'),
url('HelveticaNeueCyr-UltraLight.woff') format('woff'),
url('HelveticaNeueCyr-UltraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Thin.eot');
src: local('HelveticaNeueCyr-Thin'),
url('HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Thin.woff2') format('woff2'),
url('HelveticaNeueCyr-Thin.woff') format('woff'),
url('HelveticaNeueCyr-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}

View File

@@ -0,0 +1,155 @@
// reset everything
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
border: 0 solid transparent;
}
// prevent iOS font size change
html {
-webkit-text-size-adjust: 100%;
}
// reset body line-height
body {
min-height: 100vh;
line-height: 1;
text-rendering: optimizeSpeed;
}
// all media elements set to block and full width
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
max-width: 100%;
}
// inherit fonts for inputs and buttons
input,
button,
textarea,
select {
font: inherit;
line-height: inherit;
color: inherit;
}
// collapse table
table {
border-collapse: collapse;
border-spacing: 0;
}
// assign button hover state
button,
[role='button'] {
cursor: pointer;
background-color: transparent;
-webkit-tap-highlight-color: transparent;
&:focus {
outline: 0;
}
}
// reset anchor style
a {
cursor: pointer;
color: inherit;
text-decoration: inherit;
-webkit-tap-highlight-color: transparent;
}
// reset heading style
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
// reset list style
ol,
ul {
list-style: none;
}
// reset text input style
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='email'],
[type='month'],
[type='number'],
[type='password'],
[type='search'],
[type='tel'],
[type='text'],
[type='time'],
[type='url'],
[type='week'],
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
&:focus {
outline: 0;
}
}
// reset firefox placeholder opacity
::-moz-placeholder {
opacity: 1;
}
// reset textarea style
textarea {
// move the label to the top
vertical-align: top;
// turn off scroll bars in IE unless needed
overflow: auto;
}
// reset checkbox and radio style
[type='checkbox'],
[type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
&:focus {
outline: 0;
}
}
// remove all animations, transitions and smooth scroll for people that prefer not to see them
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}

View File

@@ -1,10 +1,158 @@
@import '../assets/fonts/HelveticaNeue/stylesheet.css';
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
font-family: "Helvetica Neue", sans-serif;
margin: 0;
padding: 0;
border: 0 solid transparent;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
min-height: 100vh;
line-height: 1;
text-rendering: optimizeSpeed;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
max-width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
line-height: inherit;
color: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button,
[role=button] {
cursor: pointer;
background-color: transparent;
-webkit-tap-highlight-color: transparent;
}
button:focus,
[role=button]:focus {
outline: 0;
}
a {
text-decoration: none;
cursor: pointer;
color: inherit;
text-decoration: inherit;
-webkit-tap-highlight-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
ol,
ul {
list-style: none;
}
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus,
select:focus {
outline: 0;
}
::-moz-placeholder {
opacity: 1;
}
textarea {
vertical-align: top;
overflow: auto;
}
[type=checkbox],
[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[type=checkbox]:focus,
[type=radio]:focus {
outline: 0;
}
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
* {
font-family: "Helvetica Neue", sans-serif;
}
.container {
@@ -153,4 +301,89 @@ header#masthead .row .main-navigation-secondary {
flex-direction: row;
align-items: center;
gap: 16px;
}
body.page-id-25 main {
margin-top: 60px;
}
body.page-id-25 main .box-1 .row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
-moz-column-gap: 40px;
column-gap: 40px;
}
body.page-id-25 main .box-1 .box-head {
margin-bottom: 24px;
}
body.page-id-25 main .box-1 .box-head h2 {
color: #232323;
font-weight: 500;
font-size: 64px;
line-height: 120%;
letter-spacing: -1.4px;
}
body.page-id-25 main .box-1 .box-text {
margin-bottom: 24px;
max-width: 400px;
}
body.page-id-25 main .box-1 .box-text p {
color: #232323;
font-weight: 400;
font-size: 20px;
line-height: 150%;
letter-spacing: -0.38px;
}
body.page-id-25 main .box-1 .box-text p:last-child {
margin-bottom: 0;
}
body.page-id-25 main .box-1 .box-quote {
padding-left: 24px;
margin-top: 64px;
border-left: 1px solid #232323;
max-width: 310px;
}
body.page-id-25 main .box-1 .box-quote p {
color: #232323;
font-weight: 400;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.27px;
margin-bottom: 16px;
}
body.page-id-25 main .box-2 {
padding-top: 220px;
padding-bottom: 180px;
background: #232323;
}
body.page-id-25 main .box-2 .row .col-1 {
position: relative;
padding-left: 64px;
max-width: 474px;
}
body.page-id-25 main .box-2 .row .col-1::before {
content: attr(box-title);
color: #ffffff;
font-weight: 700;
font-size: 16px;
line-height: 0;
letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute;
left: 10px;
top: 0;
writing-mode: vertical-rl;
}
body.page-id-25 main .box-2 .row .col-1 .box-text {
margin-bottom: 64px;
}
body.page-id-25 main .box-2 .row .col-1 .box-text p {
color: #ffffff;
font-weight: 400;
font-size: 28px;
line-height: 150%;
letter-spacing: -0.53px;
}
body.page-id-25 main .box-2 .row .col-1 .box-text p:last-child {
margin-bottom: 0;
}/*# sourceMappingURL=custom.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["custom.scss","custom.css","_mixins.scss"],"names":[],"mappings":"AAAQ,sDAAA;AAaR;EACC,yCALgB;ACNjB;;ADcA;EACC,qBAAA;ACXD;;ADcA;EACC,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;ACXD;ADeG;EATH;IAUI,gBE/BmB;EDmBrB;AACF;ADcG;EAbH;IAcI,gBEnCmB;EDwBrB;AACF;ADaG;EAjBH;IAkBI,gBEvCmB;ED6BrB;AACF;ADYG;EArBH;IAsBI,iBE3CmB;EDkCrB;AACF;ADWG;EAzBH;IA0BI,iBE/CmB;EDuCrB;AACF;;ADaA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,oCAAA;EACA,sBAAA;EACA,iCAAA;ACXD;ADaC;EACC,yBAAA;EACA,mBA7DO;ACkDT;;ADeA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,mBA7EO;EA8EP,sBAAA;EACA,iCAAA;ACbD;ADeC;EACC,mBAjFQ;ACoEV;;ADiBA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,mCAAA;EACA,sBAAA;EACA,iCAAA;ACfD;ADiBC;EACC,yBAAA;EACA,mBArGM;ACsFR;;ADmBA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,mBAnHQ;EAoHR,sBAAA;EACA,iCAAA;ACjBD;ADmBC;EACC,yBAAA;EACA,mBAxHM;ACuGR;;ADqBA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;EACA,iCAAA;AClBD;ADoBC;EACC,0BAAA;AClBF;;ADsBA;EACC,YAnIe;ACgHhB;ADqBC;EACC,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,qBAAA;OAAA,gBAAA;EAEA,YA5Ic;ACwHhB;ADuBG;EACC,YAAA;EACA,gBAAA;ACrBJ;AD0BG;EACC,SAAA;EACA,uBAAA;ACxBJ;AD2BK;EACC,cAhKG;EAiKH,eAAA;EACA,gBAAA;EACA,cAAA;ACzBN;AD+BE;EACC,UAAA;EACA,SAAA;EACA,gBAAA;EAEA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,SAAA;AC9BH","file":"custom.css"}
{"version":3,"sources":["custom.scss","_reset.scss","custom.css","_mixins.scss"],"names":[],"mappings":"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","file":"custom.css"}

View File

@@ -1,5 +1,6 @@
@import '../assets/fonts/HelveticaNeue/stylesheet.css';
@import '_mixins';
@import '_reset';
$cWhite: #ffffff;
$cGold: #d9ba5c;
@@ -15,10 +16,6 @@ $header-height: 77px;
font-family: $fHelveticaNeue;
}
a {
text-decoration: none;
}
.container {
width: 100%;
margin-left: auto;
@@ -139,6 +136,14 @@ a {
}
}
@mixin h2($color) {
color: $color;
font-weight: 500;
font-size: 64px;
line-height: 120%;
letter-spacing: -1.4px;
}
header#masthead {
height: $header-height;
@@ -203,4 +208,105 @@ header#masthead {
//* Home
body.page-id-25 {
main {
margin-top: 60px;
.box-1 {
.row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
column-gap: 40px;
}
.box-head {
margin-bottom: 24px;
h2 {
@include h2($cBlack);
}
}
.box-text {
margin-bottom: 24px;
max-width: 400px;
p {
color: $cBlack;
font-weight: 400;
font-size: 20px;
line-height: 150%;
letter-spacing: -0.38px;
&:last-child {
margin-bottom: 0;
}
}
}
.box-quote {
padding-left: 24px;
margin-top: 64px;
border-left: 1px solid $cBlack;
max-width: 310px;
p {
color: $cBlack;
font-weight: 400;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.27px;
margin-bottom: 16px;
}
}
}
.box-2 {
padding-top: 220px;
padding-bottom: 180px;
background: $cBlack;
.row {
.col {
&-1 {
position: relative;
padding-left: 64px;
max-width: 474px;
&::before {
content: attr(box-title);
color: $cWhite;
font-weight: 700;
font-size: 16px;
line-height: 0;
letter-spacing: -0.34px;
transform: rotate(180deg);
position: absolute;
left: 10px;
top: 0;
writing-mode: vertical-rl;
}
.box-text {
margin-bottom: 64px;
p {
color: $cWhite;
font-weight: 400;
font-size: 28px;
line-height: 150%;
letter-spacing: -0.53px;
&:last-child {
margin-bottom: 0;
}
}
}
}
}
}
}
}
}

View File

@@ -6,7 +6,7 @@
<div class="row">
<div class="col col-1">
<div class="box-head">
<h2>Rozumiemy biznes. Łączymy prawo i liczby.</h2>
<h2>Rozumiemy biznes.<br/>Łączymy prawo i liczby.</h2>
</div>
<div class="box-text">
<p>Kompleksowa obsługa prawna i podatkowa dla firm oraz przedsiębiorców.</p>
@@ -26,6 +26,22 @@
</div>
</div>
<div class="box-2">
<div class="container">
<div class="row">
<div class="col col-1" box-title="Kim jesteśmy">
<div class="box-text">
<p>Jesteśmy zespołem prawników nowej generacji — łączymy ekspercką wiedzę z biznesowym podejściem i technologiczną sprawnością.</p>
<p>Działamy szybko, mówimy zrozumiałym językiem i zawsze gramy do jednej bramki — Twojej</p>
</div>
<a href="#" class="btn_4">Poznaj Zespół</a>
</div>
<div class="col col-2"></div>
</div>
</div>
</div>
</main>
<?php
get_footer();