Save
This commit is contained in:
Roman Pyrih
@@ -155,6 +155,10 @@ textarea {
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
@@ -267,6 +271,36 @@ textarea {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#breadcrumbs_box {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
#breadcrumbs_box #breadcrumbs {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
color: rgba(30, 30, 30, 0.502);
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
#breadcrumbs_box #breadcrumbs ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
#breadcrumbs_box #breadcrumbs ul li a {
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header#masthead {
|
||||
height: 77px;
|
||||
}
|
||||
@@ -453,6 +487,7 @@ body.page-id-25 main {
|
||||
margin-top: 60px;
|
||||
}
|
||||
body.page-id-25 main .box-1 .row {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
@@ -460,6 +495,10 @@ body.page-id-25 main .box-1 .row {
|
||||
-moz-column-gap: 40px;
|
||||
column-gap: 40px;
|
||||
}
|
||||
body.page-id-25 main .box-1 .row .col-2 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
body.page-id-25 main .box-1 .box-head {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
@@ -481,9 +520,6 @@ body.page-id-25 main .box-1 .box-text p {
|
||||
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;
|
||||
@@ -555,9 +591,6 @@ body.page-id-25 main .box-2 .row .col-1 .box-text p {
|
||||
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;
|
||||
}
|
||||
body.page-id-25 main .box-3 {
|
||||
padding-top: 120px;
|
||||
padding-bottom: 215px;
|
||||
@@ -722,9 +755,6 @@ body.page-id-25 main .box-4 .row .col-2 ul li p {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-25 main .box-4 .row .col-2 ul li p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
body.page-id-25 main .box-5 {
|
||||
padding-top: 200px;
|
||||
padding-bottom: 200px;
|
||||
@@ -776,9 +806,6 @@ body.page-id-25 main .box-5 .row .big-quote .big-quote-text p {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
body.page-id-25 main .box-5 .row .big-quote .big-quote-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
body.page-id-25 main .box-5 .row .big-quote .big-quote-text p strong {
|
||||
color: #d9ba5c;
|
||||
font-weight: 400;
|
||||
@@ -844,9 +871,6 @@ body.page-id-25 main .box-6 .row .col-1 .box-text p {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-1 .box-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-1 ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@@ -905,4 +929,274 @@ body.page-id-25 main .box-7 .row::after {
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #d4d4d4;
|
||||
}
|
||||
|
||||
body.page-id-38 main {
|
||||
padding-top: 80px;
|
||||
}
|
||||
body.page-id-38 main .box-1 {
|
||||
margin-bottom: 116px;
|
||||
}
|
||||
body.page-id-38 main .box-1 .row-1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 120px;
|
||||
column-gap: 120px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
body.page-id-38 main .box-1 .row-1 .col-1 .box-head h2 {
|
||||
color: #232323;
|
||||
font-weight: 500;
|
||||
font-size: 64px;
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.96px;
|
||||
}
|
||||
body.page-id-38 main .box-1 .row-1 .col-2 .box-text {
|
||||
width: 100%;
|
||||
max-width: 524px;
|
||||
}
|
||||
body.page-id-38 main .box-1 .row-1 .col-2 .box-text p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
body.page-id-38 main .box-1 .row-2 img {
|
||||
width: 100%;
|
||||
max-width: -moz-fit-content;
|
||||
max-width: fit-content;
|
||||
margin: 0 auto;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-1 {
|
||||
margin-bottom: 64px;
|
||||
max-width: 570px;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-1 p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile {
|
||||
flex-basis: 33.3333333333%;
|
||||
padding-left: 40px;
|
||||
border-right: 1px solid;
|
||||
border-image-source: linear-gradient(180deg, #d9ba5c 0%, transparent 100%);
|
||||
border-image-slice: 1;
|
||||
padding-bottom: 230px;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile:first-child {
|
||||
border-left: 1px solid;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile .tile-data {
|
||||
position: relative;
|
||||
padding-left: 48px;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile .tile-data::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 32px;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
background-image: url("/wp-content/uploads/2025/08/Check.svg");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile .tile-data h3 {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 36px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.68px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile .tile-data p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-38 main .box-3 {
|
||||
position: relative;
|
||||
background: #232323;
|
||||
}
|
||||
body.page-id-38 main .box-3::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 105px;
|
||||
background: linear-gradient(0deg, #d9d9d9 0%, rgba(255, 255, 255, 0) 100%);
|
||||
transform: translateY(-100%);
|
||||
z-index: -1;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 50px;
|
||||
column-gap: 50px;
|
||||
padding: 150px 0 130px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 {
|
||||
position: relative;
|
||||
padding-left: 90px;
|
||||
padding-bottom: 30px;
|
||||
width: 100%;
|
||||
max-width: 660px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1::before {
|
||||
content: attr(box-title);
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #232323;
|
||||
z-index: 1;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #ffffff;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 .box-title {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 .box-title p {
|
||||
color: #ffffff;
|
||||
font-weight: 400;
|
||||
font-size: 36px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.68px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 .box-text {
|
||||
margin-bottom: 64px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 .box-text p {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
-moz-column-gap: 40px;
|
||||
column-gap: 40px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-2::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(90deg, #232323 0%, rgba(0, 0, 0, 0) 100%);
|
||||
z-index: 1;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-2 video {
|
||||
height: 100%;
|
||||
width: 640px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
filter: grayscale(1);
|
||||
}
|
||||
body.page-id-38 main .box-4 {
|
||||
padding-top: 190px;
|
||||
padding-bottom: 220px;
|
||||
background: #fafafa;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 100px;
|
||||
column-gap: 100px;
|
||||
align-items: center;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1 {
|
||||
position: relative;
|
||||
padding-left: 115px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1::before {
|
||||
content: attr(box-title);
|
||||
color: #d4d4d4;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #fafafa;
|
||||
z-index: 1;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #d4d4d4;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1 img {
|
||||
width: 100%;
|
||||
max-width: -moz-fit-content;
|
||||
max-width: fit-content;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-2 {
|
||||
max-width: 403px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-2 .box-title {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-2 .box-title p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.56px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-2 .box-text {
|
||||
margin-bottom: 40px;
|
||||
max-width: 390px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-2 .box-text p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}/*# sourceMappingURL=custom.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -75,6 +75,12 @@ $header-height: 77px;
|
||||
font-family: $fHelveticaNeue;
|
||||
}
|
||||
|
||||
p {
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
@@ -195,6 +201,42 @@ $header-height: 77px;
|
||||
}
|
||||
}
|
||||
|
||||
#breadcrumbs_box {
|
||||
margin-bottom: 24px;
|
||||
|
||||
#breadcrumbs {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
|
||||
color: rgba(30, 30, 30, 0.502);
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.32px;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
|
||||
li {
|
||||
a {
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
header#masthead {
|
||||
height: $header-height;
|
||||
|
||||
@@ -442,11 +484,25 @@ body.page-id-25 {
|
||||
|
||||
.box-1 {
|
||||
.row {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
column-gap: 40px;
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
}
|
||||
&-2 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// right: 0;
|
||||
// z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-head {
|
||||
@@ -467,10 +523,6 @@ body.page-id-25 {
|
||||
font-size: 20px;
|
||||
line-height: 150%;
|
||||
letter-spacing: -0.38px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -513,10 +565,6 @@ body.page-id-25 {
|
||||
font-size: 28px;
|
||||
line-height: 150%;
|
||||
letter-spacing: -0.53px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -642,10 +690,6 @@ body.page-id-25 {
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -681,10 +725,6 @@ body.page-id-25 {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
strong {
|
||||
color: $cGold;
|
||||
font-weight: 400;
|
||||
@@ -734,10 +774,6 @@ body.page-id-25 {
|
||||
font-size: 28px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -783,3 +819,271 @@ body.page-id-25 {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//* O Kancelarii
|
||||
body.page-id-38 {
|
||||
main {
|
||||
padding-top: 80px;
|
||||
|
||||
.box-1 {
|
||||
margin-bottom: 116px;
|
||||
|
||||
.row {
|
||||
&-1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 120px;
|
||||
margin-bottom: 80px;
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
.box-head {
|
||||
h2 {
|
||||
color: $cBlack;
|
||||
font-weight: 500;
|
||||
font-size: 64px;
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.96px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
.box-text {
|
||||
width: 100%;
|
||||
max-width: 524px;
|
||||
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-2 {
|
||||
.row {
|
||||
.col {
|
||||
&-1 {
|
||||
margin-bottom: 64px;
|
||||
max-width: 570px;
|
||||
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
.tiles {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
||||
.tile {
|
||||
flex-basis: calc(100% / 3);
|
||||
padding-left: 40px;
|
||||
border-right: 1px solid;
|
||||
border-image-source: linear-gradient(
|
||||
180deg,
|
||||
$cGold 0%,
|
||||
transparent 100%
|
||||
);
|
||||
border-image-slice: 1;
|
||||
padding-bottom: 230px;
|
||||
|
||||
&:first-child {
|
||||
border-left: 1px solid;
|
||||
}
|
||||
|
||||
.tile-data {
|
||||
position: relative;
|
||||
padding-left: 48px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 32px;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
background-image: url('/wp-content/uploads/2025/08/Check.svg');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 36px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.68px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-3 {
|
||||
@include box_top_shadow($cLightGray);
|
||||
background: $cBlack;
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 50px;
|
||||
padding: 150px 0 130px;
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
@include box_title_line($cWhite, $cBlack);
|
||||
padding-left: 90px;
|
||||
padding-bottom: 30px;
|
||||
width: 100%;
|
||||
max-width: 660px;
|
||||
|
||||
.box-title {
|
||||
margin-bottom: 32px;
|
||||
|
||||
p {
|
||||
color: $cWhite;
|
||||
font-weight: 400;
|
||||
font-size: 36px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.68px;
|
||||
}
|
||||
}
|
||||
|
||||
.box-text {
|
||||
margin-bottom: 64px;
|
||||
|
||||
p {
|
||||
color: rgba($cWhite, 0.5);
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
column-gap: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
&-2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
$cBlack 0%,
|
||||
rgba(0, 0, 0, 0) 100%
|
||||
);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
video {
|
||||
height: 100%;
|
||||
width: 640px;
|
||||
object-fit: cover;
|
||||
filter: grayscale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-4 {
|
||||
padding-top: 190px;
|
||||
padding-bottom: 220px;
|
||||
background: #fafafa;
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 100px;
|
||||
align-items: center;
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
@include box_title_line(#d4d4d4, #fafafa);
|
||||
padding-left: 115px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
max-width: 403px;
|
||||
|
||||
.box-title {
|
||||
margin-bottom: 32px;
|
||||
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.56px;
|
||||
}
|
||||
}
|
||||
|
||||
.box-text {
|
||||
margin-bottom: 40px;
|
||||
max-width: 390px;
|
||||
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -187,4 +187,44 @@ function brpp_enqueue_assets() {
|
||||
filemtime( get_template_directory() . '/css/custom.css' )
|
||||
);
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'brpp_enqueue_assets' );
|
||||
add_action( 'wp_enqueue_scripts', 'brpp_enqueue_assets' );
|
||||
|
||||
// YoastSEO
|
||||
add_filter( 'wpseo_breadcrumb_output_wrapper', function() {
|
||||
return 'ul';
|
||||
});
|
||||
add_filter( 'wpseo_breadcrumb_output_wrapper_close', function() {
|
||||
return 'ul';
|
||||
});
|
||||
add_filter( 'wpseo_breadcrumb_single_link_wrapper', function() {
|
||||
return 'li';
|
||||
});
|
||||
add_filter( 'wpseo_breadcrumb_single_link_wrapper_close', function() {
|
||||
return 'li';
|
||||
});
|
||||
|
||||
function brpp_enqueue_scripts() {
|
||||
wp_enqueue_script(
|
||||
'gsap',
|
||||
'https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js',
|
||||
array(),
|
||||
'3.12.5',
|
||||
true
|
||||
);
|
||||
wp_enqueue_script(
|
||||
'gsap-scrolltrigger',
|
||||
'https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js',
|
||||
array('gsap'),
|
||||
'3.12.5',
|
||||
true
|
||||
);
|
||||
|
||||
wp_enqueue_script(
|
||||
'brpp-custom',
|
||||
get_template_directory_uri() . '/js/custom.js',
|
||||
array('jquery'),
|
||||
filemtime( get_template_directory() . '/js/custom.js' ),
|
||||
true
|
||||
);
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'brpp_enqueue_scripts' );
|
||||
|
||||
7
wp-content/themes/brpp-prawo-podatki/inc/breadcrumb.php
Normal file
7
wp-content/themes/brpp-prawo-podatki/inc/breadcrumb.php
Normal file
@@ -0,0 +1,7 @@
|
||||
<div id="breadcrumbs_box">
|
||||
<div class="container">
|
||||
<?php if ( function_exists('yoast_breadcrumb') ) : ?>
|
||||
<?php yoast_breadcrumb( '<div id="breadcrumbs">','</div>' ); ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
16
wp-content/themes/brpp-prawo-podatki/js/custom.js
Normal file
16
wp-content/themes/brpp-prawo-podatki/js/custom.js
Normal file
@@ -0,0 +1,16 @@
|
||||
jQuery(function ($) {
|
||||
gsap.registerPlugin(ScrollTrigger)
|
||||
|
||||
gsap.to('.box-1 .col-2 img', {
|
||||
scrollTrigger: {
|
||||
trigger: '.box-1 .col-2',
|
||||
start: 'top top',
|
||||
endTrigger: '.box-2 .row',
|
||||
end: 'bottom bottom',
|
||||
pin: true,
|
||||
scrub: true,
|
||||
anticipatePin: 1,
|
||||
markers: true,
|
||||
},
|
||||
})
|
||||
})
|
||||
@@ -6,7 +6,99 @@
|
||||
get_header();
|
||||
?>
|
||||
<main id="primary" class="site-main">
|
||||
<div class="box-0">
|
||||
<?php get_template_part('inc/breadcrumb');?>
|
||||
</div>
|
||||
<div class="box-1">
|
||||
<div class="container">
|
||||
<div class="row row-1">
|
||||
<div class="col col-1">
|
||||
<div class="box-head">
|
||||
<h2>Prawo, które rozumie<br/> Twój biznes.</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-2">
|
||||
<div class="box-text">
|
||||
<p>Jesteśmy kancelarią, która łączy doświadczenie prawne z praktycznym podejściem do biznesu. Specjalizujemy się w prawie podatkowym i gospodarczym, wspierając przedsiębiorców, którzy oczekują nie tylko przepisów - ale rozwiązań.</p>
|
||||
<p>Jesteśmy blisko Twojej firmy, oferujemy rozwiązania</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-2">
|
||||
<img src="/wp-content/uploads/2025/08/img-4.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-1">
|
||||
<p>Pomagamy przede działać bezpiecznie, świadomie i efektywnie wszystkim firmom w zmieniających się realiach prawnych.</p>
|
||||
</div>
|
||||
<div class="col col-2">
|
||||
<div class="tiles">
|
||||
<div class="tile">
|
||||
<div class="tile-data">
|
||||
<h3>Zaufanie</h3>
|
||||
<p>Budujemy długofalowe<br/> relacje z naszymi klientami.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile">
|
||||
<div class="tile-data">
|
||||
<h3>Rzetelność</h3>
|
||||
<p>Nie obiecujemy tego,<br/> czego nie możemy spełnić.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile">
|
||||
<div class="tile-data">
|
||||
<h3>Partnerstwo</h3>
|
||||
<p>Jesteśmy po tej samej<br/> stronie co nasi klienci.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-1" box-title="Nasze usługi">
|
||||
<div class="box-title">
|
||||
<p>Od lat doradzamy przedsiębiorcom i organizacjom - zarówno w bieżącej działalności, jak i w sytuacjach wymagających szybkiej interwencji.</p>
|
||||
</div>
|
||||
<div class="box-text">
|
||||
<p>Nasze kompetencje obejmują m. in. prawo gospodarcze, prawo podatkowe, prawo spółek i reprezentację w postępowaniach sądowych i przed organami administracji.</p>
|
||||
</div>
|
||||
<a class="btn_4" href="#">Poznaj nasze usługi</a>
|
||||
</div>
|
||||
<div class="col col-2">
|
||||
<video src="/wp-content/uploads/2025/08/bg-video-v.mp4" muted autoplay loop></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-1" box-title="Nasz zespół">
|
||||
<img src="/wp-content/uploads/2025/08/img-5.png" alt="">
|
||||
</div>
|
||||
<div class="col col-2">
|
||||
<div class="box-title">
|
||||
<p>Jesteśmy zespołem prawników i doradców podatkowych, którzy lubią rozwiązywać problemy - nie mnożyć paragrafy.</p>
|
||||
</div>
|
||||
<div class="box-text">
|
||||
<p>Każdy z nas wnosi do zespołu coś unikalnego, ale łączy nas jedno: skuteczność i podejście nastawione na cel klienta</p>
|
||||
</div>
|
||||
<a class="btn_3" href="#">Poznaj nasz zespół</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<?php
|
||||
get_footer();
|
||||
|
||||
Reference in New Issue
Block a user