Update Legal-tech page (#2329)

* Update Legal-tech page

* combine all HTML files into one for industries

* small fix

* update hospitality-and-travel page

* update e-commerce page

* update images

* update text and icon

* update Semantic Search link

* remove unused markdown

---------

Co-authored-by: trean <trean.mi@gmail.com>
This commit is contained in:
nastyapash
2026-05-26 12:18:03 +02:00
committed by GitHub
co-authored by trean
parent 9a86abfe77
commit 0d7f03482d
104 changed files with 1900 additions and 743 deletions
@@ -136,6 +136,7 @@
@import 'partials/industries/industries-testimonials';
@import 'partials/industries/industries-architecture';
@import 'partials/industries/industries-dark-banner';
@import 'partials/industries/industries-logos';
@import 'partials/vsd/vsd-speaker-lineup';
@import 'partials/vsd/vsd-last-year';
@import 'partials/vsd/vsd-sponsors';
@@ -18,7 +18,8 @@
}
&__title {
margin-bottom: 0;
max-width: pxToRem(920);
margin: 0 auto;
text-align: center;
font-size: $h4-font-size;
line-height: $spacer * 3;
@@ -26,8 +27,8 @@
}
&__description {
margin-top: pxToRem(30);
margin-bottom: 0;
max-width: pxToRem(980);
margin: pxToRem(30) auto 0;
text-align: center;
color: $neutral-30;
}
@@ -2,7 +2,7 @@
@use '../../mixins/get-contacted' as get-contacted;
.industries-get-contacted {
@include get-contacted.base($spacer * 4, pxToRem(30), $spacer * 7.5, $spacer * 2.5, pxToRem(620));
@include get-contacted.base($spacer * 4, pxToRem(30), $spacer * 7.5, $spacer * 2.5, pxToRem(720));
h3 {
margin-bottom: $spacer * 0.5;
@@ -21,4 +21,8 @@
font-size: $font-size-md;
line-height: $spacer * 1.5;
}
a {
flex-shrink: 0;
}
}
@@ -0,0 +1,128 @@
@use '../../helpers/functions' as *;
@use '../../mixins/marquee' as marquee;
.industries-logos {
padding-top: $spacer * 7.5;
padding-bottom: $spacer * 7.5;
background-color: $neutral-10;
&__title {
margin-bottom: $spacer * 1.5;
color: $neutral-98;
font-size: $h5-font-size;
line-height: pxToRem(42);
text-align: center;
}
&__list {
display: none;
align-items: center;
justify-content: center;
position: relative;
&-item {
display: flex;
align-items: center;
justify-content: center;
width: pxToRem(240);
height: $spacer * 5;
border: pxToRem(1) solid $neutral-20;
margin-left: pxToRem(-1);
}
&:before,
&:after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: $spacer * 10;
height: 100%;
z-index: 1;
}
&:before {
left: 0;
background: linear-gradient(90deg, $neutral-10 50%, rgba(9, 14, 26, 0.00) 100%);
}
&:after {
right: 0;
background: linear-gradient(90deg, rgba(9, 14, 26, 0.00) 0%, $neutral-10 50%);
}
}
&__marquee {
position: relative;
@include marquee.base(80px, 240px, 4, 4, 0, transparent, false, 20s, none);
--marquee-items: 4;
$leftKeyframe: marqueeLeft;
$rightKeyframe: marqueeRight;
&__block {
width: calc(240px * var(--marquee-items, 4));
}
&__inner {
width: calc(var(--marquee-items, 4) / var(--marquee-items, 4) * 2 * 100%);
}
@keyframes #{$leftKeyframe} {
100% {
left: calc(var(--marquee-items, 4) / var(--marquee-items, 4) * 2 * 100% * 0.5 * -1);
}
}
@keyframes #{$rightKeyframe} {
0% {
left: calc(var(--marquee-items, 4) / var(--marquee-items, 4) * 2 * 100% * 0.5 * -1);
}
}
&__item {
display: flex;
align-items: center;
justify-content: center;
width: pxToRem(240);
height: $spacer * 5;
border: pxToRem(1) solid $neutral-20;
border-right: 0;
}
&:before,
&:after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: $spacer * 3;
height: 100%;
z-index: 1;
}
&:before {
left: 0;
background: linear-gradient(90deg, $neutral-10 50%, rgba(9, 14, 26, 0.00) 100%);
}
&:after {
right: 0;
background: linear-gradient(90deg, rgba(9, 14, 26, 0.00) 0%, $neutral-10 50%);
}
}
@include media-breakpoint-up(lg) {
&__title {
font-size: $h3-font-size;
line-height: pxToRem(52);
}
&__marquee {
display: none;
}
&__list {
display: flex;
}
}
}
@@ -56,6 +56,7 @@
margin-bottom: $spacer * 2;
font-size: $h6-font-size;
line-height: $spacer * 2;
font-weight: $font-weight-light;
color: $neutral-20;
}
@@ -134,6 +135,7 @@
margin-bottom: 0;
font-size: $font-size-l;
line-height: $line-height-lg;
font-weight: $font-weight-light;
color: $neutral-50;
}
}
@@ -157,7 +159,7 @@
&__card {
height: pxToRem(300);
flex-direction: row;
padding: $spacer * 3.5;
padding: $spacer * 2;
&-review {
justify-content: space-between;
@@ -195,4 +197,10 @@
}
}
}
@include media-breakpoint-up(xl) {
&__card {
padding: $spacer * 3.5;
}
}
}