Project-Pro/vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-04-17 15:10:54 +02:00
parent b095897b95
commit b9e1d00008
4 changed files with 416 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

247
layout/style-scss/o-nas.scss
View File

@@ -618,8 +618,7 @@ p {
}
.box-8 {
padding-bottom: 75px;
margin-bottom: 100px;
padding-bottom: 150px;
._row {
&-1 {
@@ -630,7 +629,7 @@ p {
max-width: 1070px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
margin-bottom: 100px;
._col {
&-1 {
@@ -647,5 +646,247 @@ p {
}
}
}
&-3 {
.partners-icons {
.swiper-wrapper {
align-items: center;
}
.swiper-slide {
width: fit-content;
img {
max-height: 70px;
max-width: 100px;
}
}
&:hover {
.swiper-button-next,
.swiper-button-prev {
opacity: 1;
visibility: visible;
}
}
.swiper-button-next,
.swiper-button-prev {
opacity: 0;
visibility: hidden;
}
}
}
}
}
.box-9 {
}
.box-10 {
padding: 70px 0;
background: #eeeeee;
._row {
&-1 {
display: flex;
flex-direction: row;
align-items: center;
gap: 40px;
._col {
width: 100%;
&-1 {
max-width: 540px;
img {
width: 100%;
max-width: 540px;
}
}
&-2 {
h2 {
color: $cTxtBlack;
font-size: 34px;
font-family: $font3;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 25px;
strong {
display: block;
}
}
p {
text-align: justify;
color: $cTxtBlack;
font-size: 18px;
font-family: $font3;
font-weight: 300;
line-height: 2;
&:not(:last-child) {
margin-bottom: 25px;
}
}
}
}
}
}
}
.box-11 {
margin-top: -20px;
margin-bottom: 150px;
._row {
&-1 {
._col {
&-1 {
ol {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
gap: 32px;
li {
border-radius: 20px;
background: #2e2d2c;
display: flex;
flex-direction: column;
align-items: center;
// justify-content: center;
padding: 20px 10px 10px;
box-shadow: 4px 3px 22px 3px rgba(0, 0, 0, 0.25);
width: calc(100% / 4);
img {
width: 100%;
max-width: fit-content;
margin-bottom: 17px;
}
h3 {
color: $cWhite;
font-size: 18px;
font-family: $font3;
font-weight: 600;
margin-bottom: 3px;
text-transform: uppercase;
}
p {
color: $cWhite;
font-size: 18px;
font-family: $font3;
font-weight: 300;
text-transform: uppercase;
text-align: center;
}
}
}
}
}
}
}
}
.box-12 {
margin-bottom: 120px;
._row {
&-1 {
display: flex;
flex-direction: row;
gap: 60px;
._col {
&-1 {
h3 {
color: #1d1d1e;
font-size: 20px;
font-family: $font3;
font-weight: 600;
letter-spacing: 2px;
margin-bottom: 15px;
margin-right: 45px;
text-transform: uppercase;
text-align: right;
}
h2 {
color: #fff;
font-size: 32px;
font-family: $font3;
font-weight: 700;
line-height: 1;
letter-spacing: 2px;
text-transform: uppercase;
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
padding: 18px 45px 14px;
margin-bottom: 50px;
margin-left: auto;
margin-right: 0;
background: #2e2d2c;
border-radius: 100px;
width: fit-content;
@include respond-below(md) {
font-size: 26px;
}
}
.texts {
p {
font-size: 18px;
font-weight: 300;
font-family: $font3;
line-height: 1;
}
ul {
padding: 0;
margin: 0;
list-style: none;
li {
font-size: 18px;
font-weight: 300;
font-family: $font3;
&:not(:last-child) {
margin-bottom: 12px;
}
strong {
font-weight: 700;
}
}
}
}
}
&-2 {
ul {
padding: 0;
margin: 40px 0 0 0;
list-style: none;
li {
&:not(:last-child) {
margin-bottom: 20px;
}
img {
width: 100%;
max-width: fit-content;
}
}
}
}
}
}
}
}