mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-05 19:08:32 +02:00
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:
@@ -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';
|
||||
|
||||
+4
-3
@@ -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;
|
||||
}
|
||||
|
||||
+5
-1
@@ -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;
|
||||
}
|
||||
}
|
||||
+128
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
+9
-1
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user