mirror of
https://github.com/qdrant/landing_page.git
synced 2026-09-28 23:48:31 +02:00
[WIP] New Pages (#873)
* Add Partnerspage * fix * fix padding * tablet get-started-small update * Add Customers page * incorparated site-header partial * fix * Add community page (#886) * Add community page * site-header partial on the comunity page --------- Co-authored-by: trean <trean.mi@gmail.com> * Add Brand-Resources and Subscribe pages (#930) * add Brand resources page * add Subscribe page * Add Qdrant for startups page (#934) * Add Qdrant for startups page * improve accordion and link to the form * fix * Add Stars page (#890) * Add Stars page * site-header partial on the stars page * overlay z-index fix --------- Co-authored-by: trean <trean.mi@gmail.com> * new pages content update and accompanying css and html changes (#943) * new pages content update and accompanying css and html changes * format, removed comment, fix * fixes * subscribe page hubspot form (#946) * brand resources content (#947) * Stars page content (#945) * stars page content update * stars images format, replaced stars hero image * uncommented stars menu link * update stats: github stars and discord members number * photo * stars content upd * stars list update * Startup program content (#961) * startup program hubspot form * form fixes * another form, some fixes * content upd * stars * temp build options for the startups program page --------- Co-authored-by: trean <trean.mi@gmail.com>
This commit is contained in:
nastyapash
@@ -79,6 +79,7 @@ $theme-colors: (
|
||||
'warning': $warning-50,
|
||||
'danger': $error-50,
|
||||
'light': $neutral-98,
|
||||
'mid-gray': $neutral-94,
|
||||
'dark': $neutral-20,
|
||||
);
|
||||
|
||||
|
||||
@@ -66,3 +66,34 @@
|
||||
@import 'partials/retrieval-augmented-generation-evaluation';
|
||||
@import 'partials/data-analysis-anomaly-detection';
|
||||
@import 'partials/share-buttons';
|
||||
@import 'partials/partners-hero';
|
||||
@import 'partials/partners-cloud';
|
||||
@import 'partials/partners-cloud-marketplaces';
|
||||
@import 'partials/partners-integrations';
|
||||
@import 'partials/partners-embeddings';
|
||||
@import 'partials/partners-solution';
|
||||
@import 'partials/partners-get-contacted';
|
||||
@import 'partials/partners-get-started';
|
||||
@import 'partials/testimonial-light';
|
||||
@import 'partials/customers-testimonial';
|
||||
@import 'partials/customers-hero';
|
||||
@import 'partials/customers-case-studies';
|
||||
@import 'partials/customers-vector-space-wall';
|
||||
@import 'partials/customers-get-contacted';
|
||||
@import 'partials/stars-hero';
|
||||
@import 'partials/stars-about';
|
||||
@import 'partials/stars-benefits';
|
||||
@import 'partials/stars-list';
|
||||
@import 'partials/stars-marketplaces';
|
||||
@import 'partials/stars-get-started';
|
||||
@import 'partials/community-hero';
|
||||
@import 'partials/community-features';
|
||||
@import 'partials/community-testimonials';
|
||||
@import 'partials/community-get-contacted';
|
||||
@import 'partials/qdrant-for-startups-hero';
|
||||
@import 'partials/qdrant-for-startups-benefits';
|
||||
@import 'partials/qdrant-for-startups-form';
|
||||
@import 'partials/qdrant-for-startups-faq';
|
||||
@import 'partials/brand-resources-hero';
|
||||
@import 'partials/brand-resources-content';
|
||||
@import 'partials/subscribe';
|
||||
|
||||
@@ -26,7 +26,10 @@
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: rem(300);
|
||||
margin: 0 auto;
|
||||
padding: 0 rem(17.5);
|
||||
}
|
||||
}
|
||||
@@ -51,6 +54,14 @@
|
||||
}
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin-top: -16px;
|
||||
margin-bottom: rem(16);
|
||||
padding: 0 rem(24);
|
||||
color: #b4bacc;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__overlay-top {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
@@ -62,11 +73,12 @@
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@include bs.media-breakpoint-up(md) {
|
||||
@include bs.media-breakpoint-up(lg) {
|
||||
padding-top: $paddingTop;
|
||||
padding-bottom: $paddingBottom;
|
||||
|
||||
&__content {
|
||||
min-height: rem(210);
|
||||
background: $blockBackgroundMobile;
|
||||
|
||||
img {
|
||||
@@ -84,16 +96,34 @@
|
||||
|
||||
&__title {
|
||||
text-align: left;
|
||||
margin-left: rem(56);
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&__text {
|
||||
align-items: flex-start;
|
||||
&__description {
|
||||
max-width: rem(570);
|
||||
margin-left: rem(56);
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.button {
|
||||
margin-left: rem(56);
|
||||
}
|
||||
|
||||
&__text {
|
||||
align-self: center;
|
||||
align-items: flex-start;
|
||||
padding-top: rem(30);
|
||||
padding-bottom: rem(30);
|
||||
}
|
||||
|
||||
&__image {
|
||||
text-align: right;
|
||||
align-self: flex-end;
|
||||
|
||||
img {
|
||||
margin: 0 0 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -49,6 +49,7 @@
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
color: #161e33;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -58,3 +58,17 @@
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin link-color($color) {
|
||||
color: $color;
|
||||
|
||||
&:before {
|
||||
background: linear-gradient(to right, $color 50%, transparent 50%);
|
||||
background-size: 200% 100%;
|
||||
background-position: -100% 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
background: $color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,187 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.brand-resources-content {
|
||||
padding-bottom: $spacer * 2.5;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__container {
|
||||
@extend .container;
|
||||
}
|
||||
|
||||
&__block {
|
||||
padding-top: $spacer * 2.5;
|
||||
padding-bottom: $spacer * 2.5;
|
||||
}
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: $spacer * 2;
|
||||
line-height: rem(38);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin-bottom: $spacer * 2.5;
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__subtitle {
|
||||
margin-top: $spacer * 5;
|
||||
margin-bottom: $spacer * 2.5;
|
||||
font-size: $spacer * 2;
|
||||
line-height: rem(38);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__logos {
|
||||
& > div:last-of-type {
|
||||
.brand-resources-content__logos-logo {
|
||||
background-color: $neutral-10;
|
||||
}
|
||||
}
|
||||
|
||||
&-logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-self: center;
|
||||
width: 100%;
|
||||
max-width: rem(288);
|
||||
height: $spacer * 7.5;
|
||||
margin-bottom: $spacer * 2;
|
||||
border-radius: $spacer * 0.5;
|
||||
|
||||
img {
|
||||
height: $spacer * 3.5;
|
||||
}
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-bottom: $spacer * 0.5;
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&-link {
|
||||
align-self: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
&__colors {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: rem(10);
|
||||
|
||||
&-card {
|
||||
width: 100%;
|
||||
height: $spacer * 7.5;
|
||||
padding: rem(12);
|
||||
border-radius: $spacer * 0.5;
|
||||
color: $neutral-100;
|
||||
|
||||
&:last-of-type {
|
||||
color: $neutral-10;
|
||||
background-color: $neutral-100;
|
||||
}
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-bottom: $spacer * 0.5;
|
||||
}
|
||||
|
||||
&-code {
|
||||
display: flex;
|
||||
gap: $spacer * 0.5;
|
||||
|
||||
span {
|
||||
font-size: rem(12);
|
||||
line-height: rem(18);
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__typography {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $spacer;
|
||||
|
||||
&-example {
|
||||
margin-bottom: 0;
|
||||
font-size: $spacer * 5;
|
||||
line-height: $spacer * 6;
|
||||
color: $neutral-30;
|
||||
}
|
||||
|
||||
&-specimen {
|
||||
margin-bottom: $spacer;
|
||||
color: $neutral-30;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
&__typography {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
&__container {
|
||||
max-width: rem(920);
|
||||
padding: 0 $spacer;
|
||||
}
|
||||
|
||||
&__colors {
|
||||
flex-direction: row;
|
||||
|
||||
&-card {
|
||||
width: calc(100% / 6);
|
||||
height: rem(240);
|
||||
}
|
||||
}
|
||||
|
||||
&__typography {
|
||||
padding: $spacer * 3;
|
||||
|
||||
&-example {
|
||||
font-size: $spacer * 7;
|
||||
line-height: $spacer * 8.5;
|
||||
color: $neutral-30;
|
||||
}
|
||||
|
||||
&-specimen {
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-bottom: 0;
|
||||
|
||||
&__block {
|
||||
padding-top: $spacer * 5;
|
||||
padding-bottom: $spacer * 5;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3;
|
||||
line-height: rem(57);
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
}
|
||||
|
||||
&__subtitle {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.brand-resources-hero {
|
||||
position: relative;
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-10;
|
||||
overflow: hidden;
|
||||
|
||||
&__title {
|
||||
position: relative;
|
||||
margin-bottom: $spacer * 2.5;
|
||||
font-size: $spacer * 3.5;
|
||||
line-height: rem(67);
|
||||
color: $neutral-98;
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&__buttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: $spacer;
|
||||
max-width: rem(335);
|
||||
margin: 0 auto;
|
||||
|
||||
a {
|
||||
width: calc(50% - 8px);
|
||||
border: rem(1) solid $neutral-60;
|
||||
}
|
||||
}
|
||||
|
||||
&__overlay {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('/img/mobile/brand-resources-hero.svg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
&__overlay {
|
||||
height: rem(424);
|
||||
background-image: url('/img/brand-resources-hero.svg');
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-top: $spacer * 8;
|
||||
padding-bottom: $spacer * 8;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 5;
|
||||
font-size: $spacer * 5;
|
||||
line-height: $spacer * 6;
|
||||
}
|
||||
|
||||
&__buttons {
|
||||
max-width: none;
|
||||
gap: $spacer * 1.5;
|
||||
|
||||
a {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -29,6 +29,9 @@
|
||||
line-height: rem(27);
|
||||
color: $neutral-70;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
b {
|
||||
color: $neutral-98;
|
||||
}
|
||||
}
|
||||
|
||||
&__preview {
|
||||
@@ -70,7 +73,7 @@
|
||||
&__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: rem(472);
|
||||
min-height: rem(472);
|
||||
padding: $spacer * 4 $spacer * 3 $spacer * 4 $spacer * 5;
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,120 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../mixins/mixins' as mixins;
|
||||
|
||||
.community-features {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-20;
|
||||
margin-bottom: $spacer * 2.5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__resources-card {
|
||||
padding-bottom: 0;
|
||||
overflow: hidden;
|
||||
|
||||
&-title {
|
||||
font-size: $spacer * 1.5;
|
||||
line-height: rem(34);
|
||||
color: $neutral-20;
|
||||
margin-bottom: rem(12);
|
||||
}
|
||||
|
||||
&-description {
|
||||
color: $neutral-40;
|
||||
margin-bottom: rem(12);
|
||||
}
|
||||
|
||||
&-link {
|
||||
@include mixins.link-color($neutral-20);
|
||||
}
|
||||
|
||||
&-image {
|
||||
width: 100%;
|
||||
align-self: center;
|
||||
margin-top: $spacer * 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
&__resources-cards {
|
||||
margin-bottom: rem(30);
|
||||
|
||||
& > div {
|
||||
&:first-of-type,
|
||||
&:last-of-type {
|
||||
img {
|
||||
min-width: rem(635);
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-of-type(2),
|
||||
&:nth-of-type(3) {
|
||||
img {
|
||||
min-width: rem(397);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__card {
|
||||
&-icon {
|
||||
height: $spacer * 1.5;
|
||||
width: $spacer * 1.5;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-size: $spacer * 1.5;
|
||||
line-height: rem(34);
|
||||
color: $neutral-20;
|
||||
margin-bottom: $spacer;
|
||||
}
|
||||
|
||||
&-description {
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
color: $neutral-40;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&-link {
|
||||
@include mixins.link-color($neutral-20);
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 6.5;
|
||||
padding-bottom: $spacer * 5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3.5;
|
||||
line-height: rem(67);
|
||||
margin-bottom: $spacer * 5;
|
||||
}
|
||||
|
||||
&__resources-card {
|
||||
justify-content: flex-start;
|
||||
|
||||
&-link {
|
||||
margin-bottom: $spacer;
|
||||
}
|
||||
|
||||
&-image {
|
||||
margin-top: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__card {
|
||||
justify-content: flex-start;
|
||||
|
||||
&-link {
|
||||
margin-top: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../mixins/get-contacted' as get-contacted;
|
||||
|
||||
.community-get-contacted {
|
||||
@include get-contacted.base($spacer * 2.5, $spacer * 2.5, $spacer * 6.5, $spacer * 4, rem(350));
|
||||
}
|
||||
@@ -0,0 +1,137 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.community-hero {
|
||||
position: relative;
|
||||
padding-top: $spacer * 2.5;
|
||||
padding-bottom: $spacer * 5;
|
||||
background-color: $neutral-10;
|
||||
overflow: hidden;
|
||||
|
||||
&__image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&__image-mobile {
|
||||
position: relative;
|
||||
width: calc(100% + 32px);
|
||||
margin: 0 -16px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
color: $neutral-98;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
margin-bottom: $spacer * 3;
|
||||
color: $neutral-70;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__form {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
|
||||
form {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.hs_email {
|
||||
width: 100%;
|
||||
|
||||
input[type='email'] {
|
||||
padding-top: rem(11);
|
||||
padding-bottom: rem(11);
|
||||
}
|
||||
}
|
||||
|
||||
.hs_submit {
|
||||
width: 100%;
|
||||
|
||||
input[type='submit'] {
|
||||
width: 100%;
|
||||
max-height: $spacer * 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__about {
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
margin-bottom: $spacer * 2.5;
|
||||
color: $neutral-50;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__overlay {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: rem(200);
|
||||
background-image: url('/img/blurred/blurred-light-12.svg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-bottom: $spacer * 2.5;
|
||||
}
|
||||
|
||||
&__image-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&__title {
|
||||
max-width: rem(680);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: $spacer * 4;
|
||||
line-height: rem(76);
|
||||
}
|
||||
|
||||
&__description {
|
||||
max-width: rem(680);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
}
|
||||
|
||||
&__form {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
form {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.hs_submit {
|
||||
max-width: $spacer * 10;
|
||||
}
|
||||
}
|
||||
|
||||
&__about {
|
||||
position: relative;
|
||||
max-width: rem(520);
|
||||
margin: 0 auto;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&__overlay {
|
||||
bottom: -30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,115 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.community-testimonials {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-10;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
margin-bottom: $spacer * 2.5;
|
||||
color: $neutral-98;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__cards {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $spacer * 2;
|
||||
}
|
||||
|
||||
&__card {
|
||||
padding: $spacer * 1.5;
|
||||
background: linear-gradient($neutral-20, #0e1424);
|
||||
border-radius: $spacer * 0.5;
|
||||
}
|
||||
|
||||
&__user {
|
||||
display: flex;
|
||||
gap: rem(12);
|
||||
|
||||
&-avatar {
|
||||
height: $spacer * 3;
|
||||
width: $spacer * 3;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&-profile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&-name {
|
||||
margin-bottom: 0;
|
||||
font-weight: 600;
|
||||
color: $neutral-98;
|
||||
}
|
||||
|
||||
&-nickname {
|
||||
margin-bottom: 0;
|
||||
font-size: rem(12);
|
||||
line-height: rem(18);
|
||||
color: $neutral-80;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: rem(20);
|
||||
height: rem(20);
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.03687 12.6263L3.67375 18.7501H0.703125L7.64937 10.8151L9.03687 12.6263Z' fill='%23F0F3FA'/%3E%3Cpath d='M10.6562 6.8675L15.5669 1.25H18.5356L12.0312 8.68875L10.6562 6.8675Z' fill='%23F0F3FA'/%3E%3Cpath d='M19.6803 18.75H13.7059L0.320312 1.25H6.44594L19.6803 18.75ZM14.5253 16.9731H16.1703L5.55219 2.93375H3.78719L14.5253 16.9731Z' fill='%23F0F3FA'/%3E%3C/svg%3E%0A");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
&__text {
|
||||
margin-bottom: 0;
|
||||
color: $neutral-70;
|
||||
|
||||
span {
|
||||
color: $secondary-blue-50;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 5;
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3.5;
|
||||
line-height: rem(67);
|
||||
margin-bottom: $spacer * 5;
|
||||
}
|
||||
|
||||
&__cards {
|
||||
flex-wrap: wrap;
|
||||
gap: rem(30);
|
||||
height: rem(500);
|
||||
}
|
||||
|
||||
&__card {
|
||||
width: calc((100% / 3) - 20px);
|
||||
|
||||
&:first-of-type,
|
||||
&:nth-of-type(5) {
|
||||
margin-top: $spacer * 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
&__cards {
|
||||
height: rem(452);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -32,6 +32,7 @@
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: $spacer;
|
||||
flex-grow: 1;
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
width: 50%;
|
||||
@@ -57,7 +58,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
.legal-consent-container {
|
||||
flex-grow: 0;
|
||||
@include media-breakpoint-up(md) {
|
||||
margin-top: $last-row-margin;
|
||||
}
|
||||
|
||||
@@ -95,10 +95,21 @@
|
||||
&__card-footer {
|
||||
display: flex;
|
||||
gap: $spacer;
|
||||
}
|
||||
|
||||
&__avatar {
|
||||
height: rem(48);
|
||||
text-align: right;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
img {
|
||||
min-width: rem(48);
|
||||
min-height: rem(48);
|
||||
width: rem(48);
|
||||
height: rem(48);
|
||||
&:not(:first-of-type) {
|
||||
margin-left: $spacer * -1;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -117,10 +128,6 @@
|
||||
font-size: map-get($font-sizes-text, 's');
|
||||
}
|
||||
|
||||
&__card:last-of-type img {
|
||||
min-width: rem(80);
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-top: $spacer * 2.5;
|
||||
padding-bottom: $spacer * 6;
|
||||
|
||||
@@ -0,0 +1,66 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.customers-case-studies {
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__cards {
|
||||
padding-top: $spacer * 5;
|
||||
padding-bottom: $spacer * 0.5;
|
||||
}
|
||||
|
||||
&__card {
|
||||
&-preview {
|
||||
position: relative;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
border-radius: rem(4);
|
||||
overflow: hidden;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 36%;
|
||||
background-image: url('/img/customers-case-studies/card-overlay.svg');
|
||||
background-position: top;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
&-image {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&-logo {
|
||||
position: absolute;
|
||||
left: $spacer;
|
||||
bottom: $spacer * 0.5;
|
||||
height: $spacer * 4;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&-title {
|
||||
padding: $spacer 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&-link {
|
||||
margin-bottom: $spacer * 0.5;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
&__cards {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
&__card {
|
||||
&-link {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../mixins/get-contacted' as get-contacted;
|
||||
|
||||
.customers-get-contacted {
|
||||
@include get-contacted.base(0, 0, $spacer * 7.5, $spacer * 4, rem(350));
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../mixins/marquee' as marquee;
|
||||
|
||||
.customers-hero {
|
||||
position: relative;
|
||||
padding-top: $spacer * 2.5;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
background-color: $neutral-10;
|
||||
color: $neutral-98;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-98;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
color: $neutral-70;
|
||||
margin-bottom: $spacer;
|
||||
}
|
||||
|
||||
&__overlay {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
height: rem(240);
|
||||
background-image: url('/img/blurred/blurred-light-14.svg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.customer-list.dark {
|
||||
background-color: transparent;
|
||||
|
||||
.customer-list__logos__container:after,
|
||||
.customer-list__logos__container:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 3;
|
||||
padding-bottom: $spacer * 3.5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 4;
|
||||
line-height: rem(76);
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
max-width: rem(640);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
&__overlay {
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
.customers-testimonial {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 5;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 5;
|
||||
}
|
||||
}
|
||||
+118
@@ -0,0 +1,118 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.customers-vector-space-wall {
|
||||
padding-top: $spacer * 3;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 2.5;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-20;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__link {
|
||||
//text-align: center;
|
||||
//margin: 0 auto $spacer * 5;
|
||||
margin-bottom: $spacer * 5;
|
||||
}
|
||||
|
||||
&__cards {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $spacer * 2;
|
||||
}
|
||||
|
||||
&__card {
|
||||
padding: $spacer * 1.5;
|
||||
background: $neutral-98;
|
||||
border-radius: $spacer * 0.5;
|
||||
}
|
||||
|
||||
&__user {
|
||||
display: flex;
|
||||
gap: rem(12);
|
||||
|
||||
&-avatar {
|
||||
height: $spacer * 3;
|
||||
width: $spacer * 3;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
flex-shrink: 0;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&-profile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&-name {
|
||||
margin-bottom: 0;
|
||||
font-weight: 600;
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&-position {
|
||||
margin-bottom: 0;
|
||||
font-size: rem(12);
|
||||
line-height: rem(18);
|
||||
color: $neutral-50;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: rem(20);
|
||||
height: rem(20);
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4665_8685)'%3E%3Cpath d='M19.1667 0H0.833333C0.333333 0 0 0.333333 0 0.833333V19.1667C0 19.6667 0.333333 20 0.833333 20H19.1667C19.6667 20 20 19.6667 20 19.1667V0.833333C20 0.333333 19.6667 0 19.1667 0ZM5.91667 17.0833H3V7.5H6V17.0833H5.91667ZM4.41667 6.16667C3.5 6.16667 2.66667 5.41667 2.66667 4.41667C2.66667 3.5 3.41667 2.66667 4.41667 2.66667C5.33333 2.66667 6.16667 3.41667 6.16667 4.41667C6.16667 5.41667 5.41667 6.16667 4.41667 6.16667ZM17.0833 17.0833H14.0833V12.4167C14.0833 11.3333 14.0833 9.91667 12.5833 9.91667C11 9.91667 10.8333 11.0833 10.8333 12.3333V17.0833H7.83333V7.5H10.6667V8.83333C11.0833 8.08333 12 7.33333 13.5 7.33333C16.5 7.33333 17.0833 9.33333 17.0833 11.9167V17.0833Z' fill='%23161E33'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4665_8685'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__text {
|
||||
margin-bottom: 0;
|
||||
color: $neutral-40;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 5;
|
||||
padding-bottom: $spacer * 5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3.5;
|
||||
line-height: rem(67);
|
||||
}
|
||||
|
||||
&__cards {
|
||||
flex-wrap: wrap;
|
||||
gap: rem(30);
|
||||
height: rem(1452);
|
||||
}
|
||||
|
||||
&__card {
|
||||
width: calc((100% / 3) - 20px);
|
||||
|
||||
&:first-of-type,
|
||||
&:nth-of-type(10) {
|
||||
margin-top: $spacer * 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
&__cards {
|
||||
height: rem(1264);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -13,6 +13,11 @@ form.hs-form {
|
||||
line-height: rem(21);
|
||||
}
|
||||
|
||||
legend {
|
||||
font-size: rem(14);
|
||||
color: $neutral-60;
|
||||
}
|
||||
|
||||
& > div.hs-form-field {
|
||||
div.input,
|
||||
textarea {
|
||||
@@ -26,6 +31,7 @@ form.hs-form {
|
||||
& > div.hs-form-field {
|
||||
div.input {
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -68,6 +74,7 @@ form.hs-form {
|
||||
margin-bottom: 0;
|
||||
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
@@ -87,6 +94,22 @@ form.hs-form {
|
||||
&::placeholder {
|
||||
color: $neutral-70;
|
||||
}
|
||||
|
||||
&[type="number"] {
|
||||
-moz-appearance: textfield;
|
||||
-webkit-appearance: textfield;
|
||||
appearance: textfield;
|
||||
&::-webkit-inner-spin-button,
|
||||
&::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
background: none;
|
||||
-webkit-appearance: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
textarea {
|
||||
@@ -98,6 +121,25 @@ form.hs-form {
|
||||
.error {
|
||||
border-color: $error-50;
|
||||
}
|
||||
|
||||
&:has(> select) {
|
||||
// this code only works in the modern browsers
|
||||
position: relative;
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: rem(12);
|
||||
right: $spacer;
|
||||
height: $spacer;
|
||||
width: $spacer;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33203 4.66666L7.9987 11.3333L14.6654 4.66666' stroke='%23D4D9E6' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.legal-consent-container {
|
||||
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../mixins/marketplaces' as marketplaces;
|
||||
|
||||
.partners-cloud-marketplaces {
|
||||
@include marketplaces.base(
|
||||
$spacer * 4,
|
||||
$spacer * 4,
|
||||
$spacer * 6.5,
|
||||
$spacer * 5.5,
|
||||
100%,
|
||||
$spacer * 3,
|
||||
$spacer * 2,
|
||||
rem(57),
|
||||
rem(38)
|
||||
);
|
||||
|
||||
&__title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.partners-cloud {
|
||||
padding-top: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
text-align: center;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin-bottom: $spacer;
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
color: $neutral-30;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-top: $spacer * 5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3.5;
|
||||
line-height: rem(67);
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.partners-embeddings {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-10;
|
||||
|
||||
&__description {
|
||||
color: $neutral-98;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&__image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&__image-mobile {
|
||||
width: 100%;
|
||||
margin-top: $spacer * 2.5;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
&__image {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
width: 100%;
|
||||
max-width: rem(560);
|
||||
}
|
||||
|
||||
&__image-mobile {
|
||||
display: none;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../mixins/get-contacted' as get-contacted;
|
||||
|
||||
.partners-get-contacted {
|
||||
@include get-contacted.base(0, 0, $spacer * 7.5, $spacer * 4, rem(350));
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
@use '../mixins/get-started-small' as get-started-small;
|
||||
|
||||
.partners-get-started {
|
||||
@include get-started-small.base(
|
||||
$spacer * 5,
|
||||
$spacer * 1.5,
|
||||
$spacer * 3.5,
|
||||
$spacer * 2.5,
|
||||
$neutral-94,
|
||||
url('/img/stars-pattern.png') $neutral-10,
|
||||
url('/img/stars-pattern.png') $neutral-10
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.partners-hero {
|
||||
position: relative;
|
||||
padding-top: $spacer * 2.5;
|
||||
padding-bottom: $spacer * 4;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
background: url('/img/stars-pattern.png') $neutral-10;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-98;
|
||||
margin: 0 auto $spacer * 1.5;
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
color: $neutral-70;
|
||||
margin: 0 auto $spacer * 3;
|
||||
}
|
||||
|
||||
&__image {
|
||||
position: relative;
|
||||
display: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&__image-mobile {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&__overlay {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
height: rem(240);
|
||||
background-image: url('/img/blurred/blurred-light-14.svg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 3;
|
||||
padding-bottom: $spacer * 5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 4;
|
||||
line-height: rem(76);
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
max-width: rem(730);
|
||||
}
|
||||
|
||||
&__image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: rem(1302);
|
||||
padding: 0 $spacer * 1.5;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
&__image-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.partners-integrations {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-10;
|
||||
|
||||
&__header {
|
||||
margin-bottom: $spacer * 2.5;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-98;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&__description {
|
||||
color: $neutral-70;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&__card {
|
||||
display: flex;
|
||||
gap: $spacer * 1.5;
|
||||
position: relative;
|
||||
|
||||
&-icon {
|
||||
width: $spacer * 5.5;
|
||||
height: $spacer * 5.5;
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
margin-bottom: $spacer * 0.5;
|
||||
color: $neutral-98;
|
||||
}
|
||||
|
||||
&-description {
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
margin-bottom: 0;
|
||||
color: $neutral-70;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-top: $spacer * 10;
|
||||
padding-bottom: $spacer * 10;
|
||||
|
||||
&__header {
|
||||
margin-bottom: $spacer * 7.5;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3.5;
|
||||
line-height: rem(67);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,83 @@
|
||||
@use 'sass:math';
|
||||
@use '../helpers/functions' as *;
|
||||
@use '../mixins/marquee' as marquee;
|
||||
|
||||
.partners-solution {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 2.5;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: $spacer * 2;
|
||||
line-height: rem(38);
|
||||
color: $neutral-20;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin: 0 auto $spacer * 5;
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
color: $neutral-20;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__content {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $spacer * 1.5;
|
||||
padding: $spacer * 5 0;
|
||||
}
|
||||
|
||||
&__cards {
|
||||
@include marquee.base(80px, 264px, 8, 8, 12px, $neutral-94, false, 50s, none);
|
||||
|
||||
&__item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: $spacer * 0.5 rem(60);
|
||||
background-color: $neutral-98;
|
||||
border-radius: rem(12);
|
||||
border: rem(1) solid $neutral-90;
|
||||
|
||||
img {
|
||||
width: $spacer * 7.5;
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__square-grid-overlay {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: rem(240);
|
||||
background-image: url('/img/square-grid-small.svg');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-top: $spacer * 5;
|
||||
padding-bottom: $spacer * 2.5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3;
|
||||
line-height: rem(57);
|
||||
}
|
||||
|
||||
&__description {
|
||||
max-width: rem(730);
|
||||
}
|
||||
|
||||
&__square-grid-overlay {
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
+178
@@ -0,0 +1,178 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.qdrant-for-startups-benefits {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 5;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__main-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $spacer * 1.5;
|
||||
padding: $spacer * 2.5 0 0;
|
||||
overflow: hidden;
|
||||
|
||||
&-block {
|
||||
padding: 0 $spacer * 1.5;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-bottom: rem(12);
|
||||
font-size: $spacer * 1.5;
|
||||
line-height: rem(34);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&-description {
|
||||
margin-bottom: 0;
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
color: $neutral-40;
|
||||
|
||||
strong, b {
|
||||
font-weight: 600;
|
||||
color: $neutral-20;
|
||||
}
|
||||
}
|
||||
|
||||
&-image {
|
||||
align-self: flex-end;
|
||||
width: 100%;
|
||||
max-width: rem(540);
|
||||
margin-right: -24px;
|
||||
}
|
||||
}
|
||||
|
||||
&__card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
padding: $spacer * 2.5 0 0;
|
||||
overflow: hidden;
|
||||
|
||||
&-title {
|
||||
margin-bottom: rem(12);
|
||||
padding: 0 $spacer * 1.5;
|
||||
font-size: $spacer * 1.5;
|
||||
line-height: rem(34);
|
||||
}
|
||||
|
||||
&-description {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
padding: 0 $spacer * 1.5;
|
||||
color: $neutral-40;
|
||||
}
|
||||
|
||||
&-image {
|
||||
width: calc(100% + 24px);
|
||||
margin: 0 -12px;
|
||||
}
|
||||
}
|
||||
|
||||
&__footer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&__description {
|
||||
max-width: rem(730);
|
||||
margin: $spacer * 5 auto $spacer;
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
color: $neutral-20;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 7.5;
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3.5;
|
||||
line-height: rem(67);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__main-card {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
height: rem(400);
|
||||
padding-top: 0;
|
||||
|
||||
&-block {
|
||||
width: rem(440);
|
||||
padding: 0 0 0 $spacer * 3;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
}
|
||||
|
||||
&-image {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__card {
|
||||
height: rem(400);
|
||||
padding-top: $spacer * 3;
|
||||
|
||||
&-title {
|
||||
padding: 0 $spacer * 4 0 $spacer * 3;
|
||||
font-size: $spacer * 2;
|
||||
line-height: rem(38);
|
||||
}
|
||||
|
||||
&-description {
|
||||
margin-bottom: 0;
|
||||
padding: 0 $spacer * 4 0 $spacer * 3;
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
}
|
||||
|
||||
&-image {
|
||||
width: 100%;
|
||||
margin: auto 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__footer {
|
||||
position: relative;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: rem(102);
|
||||
width: calc((100% - 778px) / 2);
|
||||
height: rem(1);
|
||||
background-color: $neutral-80;
|
||||
}
|
||||
|
||||
&:before {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
&__card {
|
||||
height: rem(360);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,97 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.qdrant-for-startups-faq {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 4;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-20;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
max-width: rem(800);
|
||||
margin: 0 auto;
|
||||
border-top: rem(1) solid $neutral-80;
|
||||
|
||||
&__item {
|
||||
border-bottom: rem(1) solid $neutral-80;
|
||||
|
||||
&-header {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: rem(98);
|
||||
margin-bottom: 0;
|
||||
padding: 0 $spacer * 3 0 0;
|
||||
color: $neutral-20;
|
||||
cursor: pointer;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: rem(37);
|
||||
height: $spacer * 1.5;
|
||||
width: $spacer * 1.5;
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.78711V22.7871' stroke='%232F6FF0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 12.7871H2' stroke='%232F6FF0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
&-body {
|
||||
padding-right: $spacer * 1.5;
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
color: $neutral-40;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
|
||||
&-content {
|
||||
margin-bottom: $spacer * 2.5;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
.accordion__item-header:after {
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12.7871H2' stroke='%232F6FF0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 6.5;
|
||||
padding-bottom: $spacer * 10;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 5;
|
||||
font-size: $spacer * 3.5;
|
||||
line-height: rem(67);
|
||||
}
|
||||
|
||||
.accordion {
|
||||
&__item {
|
||||
&-header {
|
||||
padding: 0 $spacer * 5.5 0 $spacer * 2.5;
|
||||
|
||||
&:after {
|
||||
right: $spacer * 2.5;
|
||||
}
|
||||
}
|
||||
|
||||
&-body {
|
||||
padding: 0 $spacer * 5 0 $spacer * 2.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.qdrant-for-startups-form {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer;
|
||||
background-color: $neutral-10;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 3;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-98;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contact-form {
|
||||
max-width: rem(720);
|
||||
margin: 0 auto;
|
||||
|
||||
&__inputs {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
gap: rem(20);
|
||||
margin: $spacer * 2 0;
|
||||
|
||||
&-block {
|
||||
width: 100%;
|
||||
|
||||
label {
|
||||
margin-bottom: rem(6);
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: rem(77);
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__footer {
|
||||
p {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: rem(12);
|
||||
line-height: rem(18);
|
||||
color: $neutral-60;
|
||||
|
||||
a {
|
||||
color: $neutral-80;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&__top-overlay {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: rem(210);
|
||||
height: rem(210);
|
||||
background-image: url('/img/blurred/blurred-light-15.svg');
|
||||
background-position: top;
|
||||
background-size: cover;
|
||||
border-radius: 0 rem(12) 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 7.5;
|
||||
padding-bottom: 0;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 3.5;
|
||||
line-height: rem(67);
|
||||
}
|
||||
|
||||
.contact-form {
|
||||
&__inputs {
|
||||
&-block {
|
||||
&:nth-of-type(1),
|
||||
&:nth-of-type(2) {
|
||||
width: calc(50% - 12px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
p {
|
||||
width: rem(360);
|
||||
}
|
||||
|
||||
button {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.qdrant-for-startups-hero {
|
||||
position: relative;
|
||||
padding-top: $spacer * 2.5;
|
||||
background-color: $neutral-10;
|
||||
overflow: hidden;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-98;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin: 0 auto $spacer * 2;
|
||||
color: $neutral-70;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__button {
|
||||
position: relative;
|
||||
display: flex;
|
||||
margin: 0 auto $spacer * 1.5;
|
||||
width: rem(200);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&__image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&__image-mobile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: rem(730);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
&__overlay {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: -10px;
|
||||
width: 100%;
|
||||
height: rem(200);
|
||||
background-image: url('/img/blurred/blurred-light-12.svg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 3;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 4;
|
||||
line-height: rem(76);
|
||||
}
|
||||
|
||||
&__description {
|
||||
position: relative;
|
||||
max-width: rem(730);
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&__button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&__image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: rem(1288);
|
||||
margin: -114px auto 0;
|
||||
}
|
||||
|
||||
&__image-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&__overlay {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
+1
-1
@@ -2,5 +2,5 @@
|
||||
@use '../mixins/get-contacted' as get-contacted;
|
||||
|
||||
.qdrant-pricing-get-contacted {
|
||||
@include get-contacted.base($spacer * 2.5, $spacer * 2.5, $spacer * 5, $spacer * 4, rem(400));
|
||||
@include get-contacted.base($spacer * 2.5, $spacer * 2.5, $spacer * 5, $spacer * 4, rem(350));
|
||||
}
|
||||
|
||||
+2
-2
@@ -36,8 +36,8 @@
|
||||
}
|
||||
|
||||
&-description {
|
||||
font-size: rem(12);
|
||||
line-height: rem(18);
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
margin-bottom: 0;
|
||||
color: $neutral-70;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,68 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.stars-about {
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: $spacer * 2;
|
||||
line-height: rem(38);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
color: $neutral-20;
|
||||
|
||||
&:first-of-type {
|
||||
margin-bottom: rem(27);
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
margin-bottom: $spacer * 2.5;
|
||||
}
|
||||
}
|
||||
|
||||
&__preview {
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: rem(560);
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 7.5;
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__content {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
&__preview {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
&__title {
|
||||
max-width: rem(445);
|
||||
margin-left: auto;
|
||||
font-size: $spacer * 3;
|
||||
line-height: rem(57);
|
||||
}
|
||||
|
||||
&__description {
|
||||
max-width: rem(445);
|
||||
margin-left: auto;
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
|
||||
&:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.stars-benefits {
|
||||
padding-top: $spacer * 2.5;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 2.5;
|
||||
font-size: $spacer * 1.5;
|
||||
line-height: rem(34);
|
||||
color: $neutral-20;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__card {
|
||||
justify-content: flex-start;
|
||||
|
||||
&-icon {
|
||||
height: $spacer * 1.5;
|
||||
width: $spacer * 1.5;
|
||||
margin-bottom: $spacer;
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
color: $neutral-20;
|
||||
margin-bottom: $spacer;
|
||||
}
|
||||
|
||||
&-description {
|
||||
color: $neutral-30;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-bottom: $spacer * 6.5;
|
||||
|
||||
&__title {
|
||||
max-width: rem(920);
|
||||
margin: 0 auto $spacer * 5;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
@use '../mixins/get-started-small' as get-started-small;
|
||||
|
||||
.stars-get-started {
|
||||
@include get-started-small.base(
|
||||
0,
|
||||
$spacer * 1.5,
|
||||
$spacer * 5,
|
||||
$spacer * 2.5,
|
||||
$neutral-94,
|
||||
url('/img/stars-pattern.png') $neutral-10,
|
||||
url('/img/stars-pattern.png') $neutral-10
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.stars-hero {
|
||||
position: relative;
|
||||
padding-top: $spacer * 2.5;
|
||||
padding-bottom: $spacer * 5;
|
||||
overflow: hidden;
|
||||
background: url('/img/stars-pattern.png') $neutral-10;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-98;
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: rem(18);
|
||||
line-height: rem(27);
|
||||
color: $neutral-70;
|
||||
}
|
||||
|
||||
&__preview {
|
||||
position: relative;
|
||||
margin-top: $spacer * 1.5;
|
||||
z-index: 1;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: rem(480);
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__overlay {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: -24px;
|
||||
width: 100%;
|
||||
height: rem(200);
|
||||
background-image: url('/img/blurred/blurred-light-12.svg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 4;
|
||||
line-height: rem(76);
|
||||
}
|
||||
|
||||
&__description {
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
}
|
||||
|
||||
&__preview {
|
||||
position: relative;
|
||||
margin-top: $spacer * 1.5;
|
||||
z-index: 1;
|
||||
|
||||
img {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.stars-list {
|
||||
position: relative;
|
||||
background-color: $neutral-10;
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
|
||||
&__title {
|
||||
position: relative;
|
||||
margin-bottom: $spacer * 2.5;
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
color: $neutral-98;
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&__card {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: rem(255);
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
padding: $spacer * 1.5;
|
||||
border-radius: rem(12);
|
||||
background: linear-gradient($neutral-20, #0e1424);
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
|
||||
&-image {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-bottom: $spacer;
|
||||
border-radius: rem(6);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-bottom: 0;
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
color: $neutral-98;
|
||||
}
|
||||
|
||||
&-subtitle {
|
||||
margin-bottom: $spacer * 0.5;
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
font-weight: 600;
|
||||
color: $neutral-90;
|
||||
}
|
||||
|
||||
&-description {
|
||||
margin-bottom: 0;
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
color: $neutral-60;
|
||||
}
|
||||
|
||||
&-overlay {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: rem(124);
|
||||
height: rem(124);
|
||||
background-image: url('/img/blurred/blurred-light-15.svg');
|
||||
background-position: top;
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
&__overlay {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: rem(323);
|
||||
height: rem(320);
|
||||
background-image: url('/img/blurred/blurred-light-4.png');
|
||||
background-position: top;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 7.5;
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 5;
|
||||
font-size: $spacer * 4;
|
||||
line-height: rem(67);
|
||||
}
|
||||
|
||||
&__cards > div {
|
||||
&:nth-of-type(1),
|
||||
&:nth-of-type(3) {
|
||||
.stars-list__card {
|
||||
margin: 0 0 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-of-type(2),
|
||||
&:nth-of-type(4) {
|
||||
.stars-list__card {
|
||||
margin: 0 auto 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
&__card {
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.stars-marketplaces {
|
||||
position: relative;
|
||||
padding-top: $spacer * 4;
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 0.5;
|
||||
font-size: $spacer * 2;
|
||||
line-height: rem(38);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__card {
|
||||
justify-content: flex-start;
|
||||
|
||||
&-icon {
|
||||
height: $spacer * 4;
|
||||
width: $spacer * 4;
|
||||
margin-bottom: $spacer * 1.5;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-bottom: $spacer * 0.5;
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&-description {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
color: $neutral-30;
|
||||
}
|
||||
|
||||
&-link {
|
||||
margin-top: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__square-grid-overlay {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $spacer * 6.5;
|
||||
padding-bottom: $spacer * 6.5;
|
||||
|
||||
&__title {
|
||||
font-size: $spacer * 2.5;
|
||||
line-height: $spacer * 3;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
&__title {
|
||||
margin-bottom: $spacer * 10;
|
||||
}
|
||||
|
||||
&__cards {
|
||||
position: relative;
|
||||
align-items: center;
|
||||
height: rem(400);
|
||||
}
|
||||
|
||||
&__card {
|
||||
height: rem(306);
|
||||
}
|
||||
|
||||
&__square-grid-overlay {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: $spacer * 6.5;
|
||||
width: 100%;
|
||||
height: rem(400);
|
||||
background-image: url('/img/square-grid.png');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,186 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.subscribe {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: $spacer * 3;
|
||||
background: url('/img/stars-pattern.png') $neutral-10;
|
||||
min-height: calc(100vh - 104px);
|
||||
|
||||
&-body {
|
||||
flex-grow: 1;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
&__overlay {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: -20px;
|
||||
width: 100%;
|
||||
height: rem(200);
|
||||
background-image: url('/img/blurred/blurred-light-12.svg');
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&__image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&__image-mobile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: rem(540);
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
&-block {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: rem(540);
|
||||
margin: 0 auto $spacer * 2.5;
|
||||
padding: $spacer * 2 $spacer * 1.5;
|
||||
background: linear-gradient($neutral-20, #0e1424);
|
||||
border-radius: $spacer * 0.5;
|
||||
overflow: hidden;
|
||||
|
||||
&__title {
|
||||
margin-bottom: $spacer * 1.5;
|
||||
font-size: $spacer * 2;
|
||||
line-height: rem(38);
|
||||
color: $neutral-98;
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin-bottom: $spacer * 2;
|
||||
color: $neutral-80;
|
||||
}
|
||||
|
||||
// let's keep this in case we switch to static form in the future
|
||||
&__form {
|
||||
label {
|
||||
margin-bottom: rem(6);
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
color: $neutral-98;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
margin-top: $spacer * 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
display: block;
|
||||
width: rem(210);
|
||||
height: rem(210);
|
||||
background-image: url('/img/blurred/blurred-light-15.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-position: top;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
&__hs-form {
|
||||
.hs-form {
|
||||
flex-direction: column;
|
||||
|
||||
.hs_email {
|
||||
& > label {
|
||||
display: block;
|
||||
margin-bottom: rem(6);
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
color: $neutral-98;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
width: 100%;
|
||||
margin-top: $spacer * 1.5;
|
||||
}
|
||||
.hs_error_rollup {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.submitted-message {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&-header {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: $spacer * 1.5 $spacer * 3;
|
||||
justify-content: center;
|
||||
padding: $spacer * 2.5 0;
|
||||
background-color: $neutral-10;
|
||||
|
||||
&__rights {
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: $neutral-70;
|
||||
}
|
||||
|
||||
&__link {
|
||||
flex-shrink: 0;
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
font-weight: 400;
|
||||
color: $neutral-70;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
min-height: calc(100vh - 140px);
|
||||
|
||||
&-body {
|
||||
position: relative;
|
||||
padding: rem(96) 0 rem(157);
|
||||
|
||||
&__overlay {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&__image {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: $spacer * 2.5;
|
||||
width: rem(630);
|
||||
}
|
||||
|
||||
&__image-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-block {
|
||||
margin-bottom: 0;
|
||||
margin-right: 0;
|
||||
padding: $spacer * 3 $spacer * 3.5;
|
||||
}
|
||||
|
||||
&-header {
|
||||
padding: rem(30) rem(165);
|
||||
flex-wrap: nowrap;
|
||||
|
||||
&__rights {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,93 @@
|
||||
@use '../helpers/functions' as *;
|
||||
|
||||
.testimonial-light {
|
||||
padding-bottom: $spacer * 4;
|
||||
background-color: $neutral-94;
|
||||
|
||||
&__content {
|
||||
padding: $spacer * 2 $spacer * 2.5;
|
||||
background: $neutral-98;
|
||||
border-radius: $spacer * 0.5;
|
||||
border: rem(1) solid $neutral-90;
|
||||
}
|
||||
|
||||
&__review {
|
||||
margin-bottom: $spacer * 2.5;
|
||||
font-size: rem(20);
|
||||
line-height: rem(30);
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
&__employees {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
&-avatar {
|
||||
margin-bottom: $spacer;
|
||||
height: $spacer * 3;
|
||||
width: rem(48);
|
||||
height: rem(48);
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&-position {
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
p:first-of-type {
|
||||
color: $neutral-20;
|
||||
}
|
||||
|
||||
p:last-of-type {
|
||||
font-size: rem(14);
|
||||
line-height: rem(21);
|
||||
color: $neutral-60;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: $spacer * 2;
|
||||
background: $neutral-98;
|
||||
border-radius: $spacer * 0.5;
|
||||
border: rem(1) solid $neutral-90;
|
||||
|
||||
img {
|
||||
width: rem(150);
|
||||
}
|
||||
}
|
||||
|
||||
&.reversed div.row {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
&__employees {
|
||||
flex-direction: row;
|
||||
|
||||
&-avatar {
|
||||
margin-bottom: 0;
|
||||
margin-right: $spacer;
|
||||
}
|
||||
}
|
||||
|
||||
&__logo {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&.reversed div.row {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -68,6 +68,17 @@
|
||||
border-radius: $spacer * 0.5;
|
||||
}
|
||||
|
||||
&__bottom-overlay {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: rem(637);
|
||||
height: rem(420);
|
||||
background-image: url('/img/blurred/blurred-light-16.svg');
|
||||
background-position: bottom;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
padding-top: $spacer * 7.5;
|
||||
padding-bottom: $spacer * 7.5;
|
||||
|
||||
@@ -0,0 +1,6 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "site-header" . }}
|
||||
|
||||
{{ partial "brand-resources-hero" . }}
|
||||
{{ partial "brand-resources-content" . }}
|
||||
{{ end }}
|
||||
@@ -0,0 +1 @@
|
||||
{{ define "main" }}{{ end }}
|
||||
@@ -0,0 +1,15 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "site-header" . }}
|
||||
|
||||
{{ partial "community-hero" . }}
|
||||
{{ partial "community-features" . }}
|
||||
{{ partial "community-testimonials" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/headless/get-started-small-database") }}
|
||||
{{ partial "get-started-small" (dict "context" . "class" "get-started-small-database") }}
|
||||
{{ end }}
|
||||
|
||||
{{ with (.Site.GetPage "/headless/get-contacted-with-question") }}
|
||||
{{ partial "get-contacted" (dict "context" . "class" "community-get-contacted") }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
@@ -0,0 +1 @@
|
||||
{{ define "main" }}{{ end }}
|
||||
@@ -0,0 +1,41 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "site-header" . }}
|
||||
|
||||
{{ partial "customers-hero" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/customers/customers-testimonial1") }}
|
||||
{{ partial "testimonial-light" (dict "context" . "class" "customers-testimonial") }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
<section class="bg-mid-gray pb-6">
|
||||
<div class="container">
|
||||
{{ with (.Site.GetPage "/customers/logo-cards-1") }}
|
||||
{{ partial "logo-cards" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ partial "customers-case-studies" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/customers/customers-testimonial2") }}
|
||||
{{ partial "testimonial-light" (dict "context" . "class" "customers-testimonial reversed") }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
<section class="bg-mid-gray pb-6">
|
||||
<div class="container">
|
||||
{{ with (.Site.GetPage "/customers/logo-cards-3") }}
|
||||
{{ partial "logo-cards" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ partial "customers-vector-space-wall" . }}
|
||||
|
||||
{{ partial "get-started" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/headless/get-contacted-with-question") }}
|
||||
{{ partial "get-contacted" (dict "context" . "class" "customers-get-contacted") }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
@@ -0,0 +1 @@
|
||||
{{ define "main" }}{{ end }}
|
||||
@@ -3,7 +3,11 @@
|
||||
{{ partial "enterprise-solutions-hero" . }}
|
||||
|
||||
{{ partial "enterprise-solutions-use-cases" . }}
|
||||
{{ partial "testimonial" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/enterprise-solutions/testimonial") }}
|
||||
{{ partial "testimonial" (dict "context" . "overlayType" "top-and-bottom-overlay") }}
|
||||
{{ end }}
|
||||
|
||||
{{ partial "enterprise-benefits" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/headless/get-contacted-with-question-sales") }}
|
||||
|
||||
@@ -0,0 +1,77 @@
|
||||
{{ with (.Site.GetPage "/brand-resources/brand-resources-content") }}
|
||||
<section class="brand-resources-content">
|
||||
<div class="brand-resources-content__container">
|
||||
<div class="brand-resources-content__block" id="logo">
|
||||
<h3 class="brand-resources-content__title">{{ .Params.logo.title }}</h3>
|
||||
<p class="brand-resources-content__description">{{ .Params.logo.description }}</p>
|
||||
<div class="brand-resources-content__logos row g-4">
|
||||
{{ range .Params.logo.logoCards }}
|
||||
<div class="col-12 col-lg-4">
|
||||
<div class="card">
|
||||
<div class="brand-resources-content__logos-logo">
|
||||
<img src="{{ .logo.src }}" alt="{{ .logo.alt }}" />
|
||||
</div>
|
||||
<h6 class="brand-resources-content__logos-title">{{ .title }}</h6>
|
||||
<a class="brand-resources-content__logos-link link link_md" href="{{ .link.url }}"
|
||||
{{ if eq .link.text "Download" }}download{{ end }}
|
||||
>{{ .link.text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<h4 class="brand-resources-content__subtitle">{{ .Params.logo.logomarkTitle }}</h4>
|
||||
<div class="brand-resources-content__logos row g-4">
|
||||
{{ range .Params.logo.logomarkCards }}
|
||||
<div class="col-12 col-lg-4">
|
||||
<div class="card">
|
||||
<div class="brand-resources-content__logos-logo">
|
||||
<img src="{{ .logo.src }}" alt="{{ .logo.alt }}" />
|
||||
</div>
|
||||
<h6 class="brand-resources-content__logos-title">{{ .title }}</h6>
|
||||
<a class="brand-resources-content__logos-link link link_md" href="{{ .link.url }}"
|
||||
{{ if eq .link.text "Download" }}download{{ end }}
|
||||
>{{ .link.text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="brand-resources-content__block" id="colors">
|
||||
<h3 class="brand-resources-content__title">{{ .Params.colors.title }}</h3>
|
||||
<p class="brand-resources-content__description">{{ .Params.colors.description }}</p>
|
||||
<div class="brand-resources-content__colors">
|
||||
{{ range .Params.colors.cards }}
|
||||
<div class="brand-resources-content__colors-card" style="background: #{{ .code }}">
|
||||
<p class="brand-resources-content__colors-title">{{ .name }}</p>
|
||||
<div class="brand-resources-content__colors-code">
|
||||
<span>{{ .type }}</span>
|
||||
<span>{{ .code }}</span>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="brand-resources-content__block" id="typography">
|
||||
<h3 class="brand-resources-content__title">{{ .Params.typography.title }}</h3>
|
||||
<p class="brand-resources-content__description">{{ .Params.typography.description }}</p>
|
||||
<div class="card brand-resources-content__typography">
|
||||
<p class="brand-resources-content__typography-example">{{ .Params.typography.example }}</p>
|
||||
<div>
|
||||
<p class="brand-resources-content__typography-specimen">{{ .Params.typography.specimen | safeHTML }}</p>
|
||||
<a class="link link_md" href="{{ .Params.typography.link.url }}" target="_blank" rel="nofollow">{{ .Params.typography.link.text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="brand-resources-content__block" id="trademarks">
|
||||
<h3 class="brand-resources-content__title">{{ .Params.trademarks.title }}</h3>
|
||||
<p class="brand-resources-content__description">
|
||||
{{ .Params.trademarks.description | safeHTML }}
|
||||
<a href="{{ .Params.trademarks.link.url }}">{{ .Params.trademarks.link.text }}</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,13 @@
|
||||
{{ with (.Site.GetPage "/brand-resources/brand-resources-hero") }}
|
||||
<section class="brand-resources-hero">
|
||||
<div class="brand-resources-hero__overlay"></div>
|
||||
<div class="container">
|
||||
<h1 class="brand-resources-hero__title">{{ .Params.title }}</h1>
|
||||
<div class="brand-resources-hero__buttons">
|
||||
{{ range .Params.buttons }}
|
||||
<a class="button button_lg" href="{{ .url }}">{{ .text }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="case-study__content">
|
||||
<img class="case-study__logo" src="{{ .Params.caseStudy.logo.src }}" alt="{{ .Params.caseStudy.logo.alt }}" />
|
||||
<h5 class="case-study__title">{{ .Params.caseStudy.title }}</h5>
|
||||
<p class="case-study__description">{{ .Params.caseStudy.description }}</p>
|
||||
<p class="case-study__description">{{ .Params.caseStudy.description | safeHTML }}</p>
|
||||
<div class="case-study__link">
|
||||
<a class="link link_md link_light" href="{{ .Params.caseStudy.link.url }}">{{ .Params.caseStudy.link.text }}</a>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,37 @@
|
||||
{{ with (.Site.GetPage "/community/community-features") }}
|
||||
<section class="community-features">
|
||||
<div class="container">
|
||||
<h2 class="community-features__title">{{ .Params.title }}</h2>
|
||||
|
||||
<div class="community-features__resources-cards row g-4">
|
||||
{{ range $index, $element := .Params.resources }}
|
||||
<div class="col-12 {{ if or (eq $index 0) (eq $index 3) }}col-lg-7{{ else }}col-lg-5{{ end }}">
|
||||
<div class="card community-features__resources-card">
|
||||
<h6 class="community-features__resources-card-title">{{ .title }}</h6>
|
||||
<p class="community-features__resources-card-description">{{ .description }}</p>
|
||||
<a class="community-features__resources-card-link link link_md align-self-start" href="{{ .link.url }}">
|
||||
{{ .link.text }}
|
||||
</a>
|
||||
<img class="community-features__resources-card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="row g-4 gy-lg-3">
|
||||
{{ range $index, $element := .Params.features }}
|
||||
<div class="col-12 col-lg-3">
|
||||
<div class="card community-features__card">
|
||||
<img class="community-features__card-icon" src="{{ .icon.src }}" alt="{{ .icon.alt }}" />
|
||||
<h6 class="community-features__card-title">{{ .title }}</h6>
|
||||
<p class="community-features__card-description">{{ .description }}</p>
|
||||
<a class="community-features__card-link link link_md align-self-start" href="{{ .link.url }}">
|
||||
{{ .link.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,18 @@
|
||||
{{ with (.Site.GetPage "/community/community-hero") }}
|
||||
<section class="community-hero">
|
||||
<div class="container">
|
||||
<img class="community-hero__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
<h1 class="community-hero__title">{{ .Params.title }}</h1>
|
||||
<p class="community-hero__description">{{ .Params.description }}</p>
|
||||
<!-- {{ with (.Site.GetPage "/headless/newsletter") }}-->
|
||||
<!-- {{ partial "hubspot-form.html" (dict "hubspotFormOptions" .Params.hubspotFormOptions "id" "community-subscribe-form" "context" . "classes" "community-hero__form") }}-->
|
||||
<!-- {{ end }}-->
|
||||
<!-- <p class="community-hero__about">{{ .Params.about }}</p>-->
|
||||
<div class="text-center">
|
||||
<a href="{{ .Params.button.link }}" class="button button_contained button_lg" target="_blank" role="button">{{ .Params.button.text }}</a>
|
||||
</div>
|
||||
<img class="community-hero__image-mobile" src="{{ .Params.image.srcMobile }}" alt="{{ .Params.image.alt }}" />
|
||||
</div>
|
||||
<div class="community-hero__overlay"></div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,23 @@
|
||||
{{ with (.Site.GetPage "/community/community-testimonials") }}
|
||||
<section class="community-testimonials">
|
||||
<div class="container">
|
||||
<h2 class="community-testimonials__title">{{ .Params.title }}</h2>
|
||||
<div class="community-testimonials__cards">
|
||||
{{ range .Params.testimonials }}
|
||||
<div class="community-testimonials__card">
|
||||
<div class="community-testimonials__user">
|
||||
<div class="community-testimonials__user-avatar">
|
||||
<img src="{{ .avatar.src }}" alt="{{ .avatar.alt }}" />
|
||||
</div>
|
||||
<div class="community-testimonials__user-profile">
|
||||
<p class="community-testimonials__user-name">{{ .name }}</p>
|
||||
<p class="community-testimonials__user-nickname">{{ .nickname }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="community-testimonials__text">{{ .text | safeHTML }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -30,7 +30,16 @@
|
||||
<p class="customer-stories__card-content">{{ .content | safeHTML }}</p>
|
||||
</div>
|
||||
<div class="customer-stories__card-footer">
|
||||
<img src="{{ .author.avatar }}" alt="{{ .author.fullName }}" />
|
||||
<div class="customer-stories__avatar">
|
||||
{{ if eq (printf "%T" .author.avatar) "[]interface {}" }}
|
||||
{{ $author := .author }}
|
||||
{{ range .author.avatar }}
|
||||
<img src="{{ . }}" alt="{{ $author.fullName }}" />
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<img src="{{ .author.avatar }}" alt="{{ .author.fullName }}" />
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="customer-stories__card-author">
|
||||
<p class="customer-stories__card-author-name">{{ .author.fullName }}</p>
|
||||
<p class="customer-stories__card-author-position">{{ .author.position }}</p>
|
||||
|
||||
@@ -0,0 +1,27 @@
|
||||
{{ with (.Site.GetPage "/customers/customers-case-studies") }}
|
||||
<section class="customers-case-studies">
|
||||
<div class="container">
|
||||
{{ partial "case-study" . }}
|
||||
|
||||
|
||||
<div class="customers-case-studies__cards row g-4 gx-lg-4 gy-lg-6">
|
||||
<section class="bg-mid-gray">
|
||||
{{ with (.Site.GetPage "/customers/logo-cards-2") }}
|
||||
{{ partial "logo-cards" . }}
|
||||
{{ end }}
|
||||
</section>
|
||||
|
||||
{{ range .Params.cases }}
|
||||
<div class="customers-case-studies__card col-12 col-md-6 col-lg-4">
|
||||
<div class="customers-case-studies__card-preview">
|
||||
<img class="customers-case-studies__card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
|
||||
<img class="customers-case-studies__card-logo" src="{{ .logo.src }}" alt="{{ .logo.alt }}" />
|
||||
</div>
|
||||
<h6 class="customers-case-studies__card-title">{{ .title }}</h6>
|
||||
<a class="customers-case-studies__card-link link link_xl" href="{{ .link.url }}">{{ .link.text }}</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,13 @@
|
||||
{{ with (.Site.GetPage "/customers/customers-hero") }}
|
||||
<section class="customers-hero">
|
||||
<div class="container">
|
||||
<h1 class="customers-hero__title">{{ .Params.title }}</h1>
|
||||
<p class="customers-hero__description">{{ .Params.description }}</p>
|
||||
</div>
|
||||
|
||||
{{ with (.Site.GetPage "customer-list") }}
|
||||
{{ .Scratch.Set "setting" (slice " dark") }}{{ partial "customer-list" . }}
|
||||
{{ end }}
|
||||
<div class="customers-hero__overlay"></div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,28 @@
|
||||
{{ with (.Site.GetPage "/customers/customers-vector-space-wall") }}
|
||||
<section class="customers-vector-space-wall">
|
||||
<div class="container">
|
||||
<div class="d-flex flex-column align-items-center">
|
||||
<h2 class="customers-vector-space-wall__title">{{ .Params.title }}</h2>
|
||||
<a class="customers-vector-space-wall__link link link_xl" href="{{ .Params.link.url }}" target="_blank">
|
||||
{{ .Params.link.text }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="customers-vector-space-wall__cards">
|
||||
{{ range .Params.testimonials }}
|
||||
<div class="customers-vector-space-wall__card">
|
||||
<div class="customers-vector-space-wall__user">
|
||||
<div class="customers-vector-space-wall__user-avatar">
|
||||
<img src="{{ .avatar.src }}" alt="{{ .avatar.alt }}" />
|
||||
</div>
|
||||
<div class="customers-vector-space-wall__user-profile">
|
||||
<p class="customers-vector-space-wall__user-name">{{ .name }}</p>
|
||||
<p class="customers-vector-space-wall__user-position">{{ .position }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="customers-vector-space-wall__text">{{ .text | safeHTML }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -1,14 +1,17 @@
|
||||
<section class="{{ .class }}">
|
||||
<div class="container">
|
||||
<div class="{{ .class }}__content">
|
||||
<div class="row justify-content-md-between align-items-md-center">
|
||||
<div class="{{ .class }}__text col-12 col-md-7">
|
||||
<div class="row">
|
||||
<div class="{{ .class }}__text col-12 col-lg-7">
|
||||
<h3 class="{{ .class }}__title">{{ .context.Params.title }}</h3>
|
||||
{{ if .context.Params.description }}
|
||||
<p class="{{ .class }}__description">{{ .context.Params.description }}</p>
|
||||
{{ end }}
|
||||
<a href="{{ .context.Params.button.url }}" class="button button_contained" target="_blank">
|
||||
{{ .context.Params.button.text }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="{{ .class }}__image col-12 col-md-4">
|
||||
<div class="{{ .class }}__image col-12 col-lg-5">
|
||||
<img src="{{ .context.Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -22,7 +22,9 @@
|
||||
<span class="hero__stars-text">{{ .Params.githubStars.actionText }}</span>
|
||||
<span class="hero__stars-count">
|
||||
{{ .Params.githubStars.starIcon | safeHTML }}
|
||||
{{ .Params.githubStars.stars }}
|
||||
{{ with (.Site.GetPage "/headless/stats") }}
|
||||
{{ .Params.stats.githubStars }}
|
||||
{{ end }}
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -2,12 +2,16 @@
|
||||
<script>
|
||||
(function() {
|
||||
const options = {{- .hubspotFormOptions | safeJS -}};
|
||||
try {
|
||||
hbspt.forms.create({
|
||||
...options,
|
||||
formInstanceId: "{{- .context.Permalink -}}#{{- .id -}}",
|
||||
pageId: "{{- .context.Permalink -}}",
|
||||
target: "#{{- .id -}}",
|
||||
});
|
||||
} catch (e) {
|
||||
document.getElementById("{{- .id -}}").innerHTML = '<p class="text-white">Here should be a form but looks like it was blocked on your side. Please, check your trackers blocking policy.</p>';
|
||||
}
|
||||
})()
|
||||
</script>
|
||||
</div>
|
||||
|
||||
@@ -128,3 +128,21 @@
|
||||
});
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ if eq .Section "qdrant-for-startups" }}
|
||||
<script>
|
||||
const accordionButtons = Array.from(document.getElementsByClassName('accordion__item-header'));
|
||||
|
||||
accordionButtons.forEach((el) => {
|
||||
el.addEventListener('click', function () {
|
||||
this.parentElement.classList.toggle('active');
|
||||
const panel = this.nextElementSibling;
|
||||
if (panel.style.maxHeight) {
|
||||
panel.style.maxHeight = null;
|
||||
} else {
|
||||
panel.style.maxHeight = panel.scrollHeight + 'px';
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
<div class="row g-4">
|
||||
{{ range .Params.logos }}
|
||||
<div class="col-12 col-lg-4">
|
||||
<div class="card">
|
||||
<div class="text-center">
|
||||
{{ readFile (printf "%s%s" "static" .) | safeHTML }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
@@ -0,0 +1,14 @@
|
||||
{{ with (.Site.GetPage "/partners/partners-cloud") }}
|
||||
<section class="partners-cloud">
|
||||
<div class="partners-cloud__overlay"></div>
|
||||
<div class="container">
|
||||
<div class="d-flex flex-column align-items-center">
|
||||
<h2 class="partners-cloud__title">{{ .Params.title }}</h2>
|
||||
<p class="partners-cloud__description">{{ .Params.description }}</p>
|
||||
<a href="{{ .Params.link.url }}" class="link link_xl" target="_blank">
|
||||
{{ .Params.link.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,22 @@
|
||||
{{ with (.Site.GetPage "/partners/partners-embeddings") }}
|
||||
<section class="partners-embeddings">
|
||||
<div class="container">
|
||||
<div class="row align-items-lg-center">
|
||||
<div class="col-12 col-lg-5">
|
||||
<h6 class="partners-embeddings__description">{{ .Params.description }}</h6>
|
||||
<a href="{{ .Params.link.url }}" class="partners-embeddings__link link link_xl link_light">
|
||||
{{ .Params.link.text }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 col-lg-7">
|
||||
<img class="partners-embeddings__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
<img
|
||||
class="partners-embeddings__image-mobile"
|
||||
src="{{ .Params.image.srcMobile }}"
|
||||
alt="{{ .Params.image.alt }}"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,11 @@
|
||||
{{ with (.Site.GetPage "/partners/partners-hero") }}
|
||||
<section class="partners-hero">
|
||||
<div class="partners-hero__overlay"></div>
|
||||
<div class="container">
|
||||
<h3 class="partners-hero__title">{{ .Params.title }}</h3>
|
||||
<p class="partners-hero__description">{{ .Params.description }}</p>
|
||||
</div>
|
||||
<img class="partners-hero__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
<img class="partners-hero__image-mobile" src="{{ .Params.image.srcMobile }}" alt="{{ .Params.image.alt }}" />
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,28 @@
|
||||
<section class="partners-integrations">
|
||||
<div class="container">
|
||||
<div class="partners-integrations__header row">
|
||||
<div class="col-12 col-xl-6">
|
||||
<h4 class="partners-integrations__title">{{ .Params.title }}</h4>
|
||||
</div>
|
||||
<div class="col-12 col-xl-6">
|
||||
<p class="partners-integrations__description">{{ .Params.description }}</p>
|
||||
<a href="{{ .Params.link.url }}" class="partners-integrations__link link link_md link_light">
|
||||
{{ .Params.link.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-4 g-lg-5">
|
||||
{{ range .Params.integrations }}
|
||||
<div class="col-12 col-md-6 col-xl-4">
|
||||
<div class="partners-integrations__card">
|
||||
<img class="partners-integrations__card-icon" src="{{ .icon.src }}" alt="{{ .icon.alt }}" />
|
||||
<div class="partners-integrations__card-info">
|
||||
<h6 class="partners-integrations__card-title">{{ .title }}</h6>
|
||||
<p class="partners-integrations__card-description">{{ .description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,10 @@
|
||||
{{ range .context }}
|
||||
<div class="partners-solution__cards__item">
|
||||
<img src="{{ .logo.src }}" alt="{{ .logo.alt }}" />
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ range .context }}
|
||||
<div class="partners-solution__cards__item">
|
||||
<img src="{{ .logo.src }}" alt="{{ .logo.alt }}" />
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,29 @@
|
||||
{{ with (.Site.GetPage "/partners/partners-solution") }}
|
||||
{{ $context := .Params.partners }}
|
||||
|
||||
|
||||
<section class="partners-solution">
|
||||
<div class="container">
|
||||
<h3 class="partners-solution__title">{{ .Params.title }}</h3>
|
||||
<p class="partners-solution__description">{{ .Params.description }}</p>
|
||||
</div>
|
||||
|
||||
<div class="partners-solution__content">
|
||||
|
||||
<div class="partners-solution__square-grid-overlay"></div>
|
||||
<div class="partners-solution__cards__container">
|
||||
<div class="partners-solution__cards__block">
|
||||
<div class="partners-solution__cards__inner partners-solution__cards__inner_to-left">
|
||||
<span>
|
||||
{{ partial "partners-solution-cards" (dict "context" $context) }}
|
||||
</span>
|
||||
<span>
|
||||
{{ partial "partners-solution-cards" (dict "context" $context) }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,38 @@
|
||||
{{ with (.Site.GetPage "/qdrant-for-startups/qdrant-for-startups-benefits") }}
|
||||
<section class="qdrant-for-startups-benefits">
|
||||
<div class="container">
|
||||
<h4 class="qdrant-for-startups-benefits__title">{{ .Params.title }}</h4>
|
||||
<div class="qdrant-for-startups-benefits__cards row g-4">
|
||||
<div class="col-12">
|
||||
<div class="card qdrant-for-startups-benefits__main-card">
|
||||
<div class="qdrant-for-startups-benefits__main-card-block">
|
||||
<h4 class="qdrant-for-startups-benefits__main-card-title">{{ .Params.mainCard.title }}</h4>
|
||||
<p class="qdrant-for-startups-benefits__main-card-description">
|
||||
{{ .Params.mainCard.description | safeHTML }}
|
||||
</p>
|
||||
</div>
|
||||
<img
|
||||
class="qdrant-for-startups-benefits__main-card-image"
|
||||
src="{{ .Params.mainCard.image.src }}"
|
||||
alt="{{ .Params.mainCard.image.alt }}"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{{ range .Params.cards }}
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="card qdrant-for-startups-benefits__card">
|
||||
<h5 class="qdrant-for-startups-benefits__card-title">{{ .title }}</h5>
|
||||
<p class="qdrant-for-startups-benefits__card-description">{{ .description }}</p>
|
||||
<img class="qdrant-for-startups-benefits__card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="qdrant-for-startups-benefits__footer">
|
||||
<p class="qdrant-for-startups-benefits__description">{{ .Params.description }}</p>
|
||||
<a class="link link_xl" href="{{ .Params.link.url }}">{{ .Params.link.text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,19 @@
|
||||
{{ with (.Site.GetPage "/qdrant-for-startups/qdrant-for-startups-faq") }}
|
||||
<section class="qdrant-for-startups-faq">
|
||||
<div class="container">
|
||||
<h2 class="qdrant-for-startups-faq__title">{{ .Params.title }}</h2>
|
||||
<div class="accordion">
|
||||
{{ range $index, $element := .Params.questions }}
|
||||
<div class="accordion__item">
|
||||
<h6 class="accordion__item-header">{{ .question }}</h6>
|
||||
<div class="accordion__item-body">
|
||||
<div class="accordion__item-body-content">
|
||||
{{ .answer | safeHTML }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,100 @@
|
||||
{{ with (.Site.GetPage "/qdrant-for-startups/qdrant-for-startups-form") }}
|
||||
<section class="qdrant-for-startups-form" id="form">
|
||||
<div class="container">
|
||||
<h2 class="qdrant-for-startups-form__title">{{ .Params.title }}</h2>
|
||||
<!-- <form class="contact-form">-->
|
||||
<!-- <div class="contact-form__top-overlay"></div>-->
|
||||
<!-- <h6 class="contact-form__title">{{ .Params.form.title }}</h6>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs">-->
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="firstName">{{ .Params.form.firstNameLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="firstName" id="firstName" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="lastName">{{ .Params.form.lastNameLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="lastName" id="lastName" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="businessEmail">{{ .Params.form.businessEmailLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="businessEmail" id="businessEmail" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="companyName">{{ .Params.form.companyNameLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="companyName" id="companyName" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="companyUrl">{{ .Params.form.companyUrlLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="companyUrl" id="companyUrl" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="cloudProvider">{{ .Params.form.cloudProviderLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="cloudProvider" id="cloudProvider" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="productDescription">{{ .Params.form.productDescriptionLabel }}</label>-->
|
||||
<!-- <input-->
|
||||
<!-- class="q-input q-input_dark-bg"-->
|
||||
<!-- type="text"-->
|
||||
<!-- name="productDescription"-->
|
||||
<!-- id="productDescription"-->
|
||||
<!-- value=""-->
|
||||
<!-- />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="latestFundingRound">{{ .Params.form.latestFundingRoundLabel }}</label>-->
|
||||
<!-- <div class="dropdown">-->
|
||||
<!-- <button-->
|
||||
<!-- class="dropdown__button q-input q-input_md q-input_dark-bg"-->
|
||||
<!-- type="button"-->
|
||||
<!-- name="latestFundingRound"-->
|
||||
<!-- id="latestFundingRound"-->
|
||||
<!-- value=""-->
|
||||
<!-- >-->
|
||||
<!-- Select-->
|
||||
<!-- </button>-->
|
||||
<!-- <!–<ul class="dropdown__list">-->
|
||||
<!-- <li></li>-->
|
||||
<!-- </ul>–>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="numberOfEmployees">{{ .Params.form.numberOfEmployeesLabel }}</label>-->
|
||||
<!-- <div class="dropdown">-->
|
||||
<!-- <button-->
|
||||
<!-- class="dropdown__button q-input q-input_md q-input_dark-bg"-->
|
||||
<!-- type="button"-->
|
||||
<!-- name="numberOfEmployees"-->
|
||||
<!-- id="numberOfEmployees"-->
|
||||
<!-- value=""-->
|
||||
<!-- >-->
|
||||
<!-- Select-->
|
||||
<!-- </button>-->
|
||||
<!-- <!–<ul class="dropdown__list">-->
|
||||
<!-- <li></li>-->
|
||||
<!-- </ul>–>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__footer">-->
|
||||
<!-- <p>-->
|
||||
<!-- {{ .Params.form.info }}-->
|
||||
<!-- <a href="{{ .Params.form.link.href }}"> {{ .Params.form.link.text }}</a>-->
|
||||
<!-- </p>-->
|
||||
<!-- <button class="button button_contained" type="submit">{{ .Params.form.button }}</button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </form>-->
|
||||
|
||||
{{ partial "contact-form" .Params.form }}
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,18 @@
|
||||
{{ with (.Site.GetPage "/qdrant-for-startups/qdrant-for-startups-hero") }}
|
||||
<section class="qdrant-for-startups-hero">
|
||||
<div class="container">
|
||||
<h3 class="qdrant-for-startups-hero__title">{{ .Params.title }}</h3>
|
||||
<div class="qdrant-for-startups-hero__description">{{ .Params.description }}</div>
|
||||
<a class="qdrant-for-startups-hero__button button button_contained button_lg" href="{{ .Params.button.url }}">
|
||||
{{ .Params.button.text }}
|
||||
</a>
|
||||
</div>
|
||||
<img class="qdrant-for-startups-hero__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
<img
|
||||
class="qdrant-for-startups-hero__image-mobile"
|
||||
src="{{ .Params.image.srcMobile }}"
|
||||
alt="{{ .Params.image.alt }}"
|
||||
/>
|
||||
<div class="qdrant-for-startups-hero__overlay"></div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,17 @@
|
||||
{{ with (.Site.GetPage "/stars/stars-about") }}
|
||||
<section class="stars-about">
|
||||
<div class="container">
|
||||
<div class="row align-items-lg-center">
|
||||
<div class="stars-about__content col-12 col-lg-6">
|
||||
<h3 class="stars-about__title">{{ .Params.title }}</h3>
|
||||
<p class="stars-about__description">{{ .Params.descriptionFirstPart }}</p>
|
||||
<p class="stars-about__description">{{ .Params.descriptionSecondPart }}</p>
|
||||
</div>
|
||||
|
||||
<div class="stars-about__preview col-12 col-lg-6">
|
||||
<img src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,18 @@
|
||||
{{ with (.Site.GetPage "/stars/stars-benefits") }}
|
||||
<section class="stars-benefits">
|
||||
<div class="container">
|
||||
<h4 class="stars-benefits__title">{{ .Params.title }}</h4>
|
||||
<div class="row g-4 gy-md-3">
|
||||
{{ range .Params.benefits }}
|
||||
<div class="col-12 col-md-6 col-xl-3">
|
||||
<div class="card stars-benefits__card">
|
||||
<img class="stars-benefits__card-icon" src="{{ .icon.src }}" alt="{{ .icon.alt }}" />
|
||||
<h6 class="stars-benefits__card-title">{{ .title }}</h6>
|
||||
<p class="stars-benefits__card-description">{{ .description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,20 @@
|
||||
{{ with (.Site.GetPage "/stars/stars-hero") }}
|
||||
<section class="stars-hero">
|
||||
<div class="container">
|
||||
<div class="row align-items-lg-center">
|
||||
<div class="stars-hero__content col-12 col-lg-6">
|
||||
<h1 class="stars-hero__title">{{ .Params.title }}</h1>
|
||||
<p class="stars-hero__description">{{ .Params.description }}</p>
|
||||
<a href="{{ .Params.button.url }}" class="button button_contained button_md">
|
||||
{{ .Params.button.text }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="stars-hero__preview col-12 col-lg-6">
|
||||
<img src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stars-hero__overlay"></div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,21 @@
|
||||
{{ with (.Site.GetPage "/stars/stars-list") }}
|
||||
<section class="stars-list">
|
||||
<div class="container">
|
||||
<h2 class="stars-list__title">{{ .Params.title }}</h2>
|
||||
<div class="stars-list__cards row g-4 gy-md-3 justify-content-center">
|
||||
{{ range .Params.cards }}
|
||||
<div class="col-12 col-md-6 col-xl-3">
|
||||
<div class="stars-list__card">
|
||||
<img class="stars-list__card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
|
||||
<h6 class="stars-list__card-title">{{ .name }}</h6>
|
||||
<p class="stars-list__card-subtitle">{{ .position }}</p>
|
||||
<p class="stars-list__card-description">{{ .description }}</p>
|
||||
<div class="stars-list__card-overlay"></div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="stars-list__overlay"></div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,36 @@
|
||||
{{ with (.Site.GetPage "/stars/stars-marketplaces") }}
|
||||
<section class="stars-marketplaces">
|
||||
<div class="stars-marketplaces__square-grid-overlay"></div>
|
||||
<div class="container">
|
||||
<div class="stars-marketplaces__cards row g-4 gy-md-3 gy-xl-0">
|
||||
<div class="col-12 col-md-6 col-xl-3">
|
||||
<h4 class="stars-marketplaces__title">{{ .Params.title }}</h4>
|
||||
</div>
|
||||
|
||||
{{ range .Params.cards }}
|
||||
<div class="col-12 col-md-6 col-xl-3">
|
||||
<div class="card stars-marketplaces__card">
|
||||
<img class="stars-marketplaces__card-icon" src="{{ .icon.src }}" alt="{{ .icon.alt }}" />
|
||||
<h6 class="stars-marketplaces__card-title">
|
||||
{{ $stats := .statsToUse }}
|
||||
{{ if $stats }}
|
||||
{{ with ($.Site.GetPage "/headless/stats") }}
|
||||
{{ printf "%s" (index .Params.stats $stats) }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ .title }}</h6>
|
||||
<p class="stars-marketplaces__card-description">{{ .description }}</p>
|
||||
<a
|
||||
class="stars-marketplaces__card-link link link_md align-self-start"
|
||||
href="{{ .link.url }}"
|
||||
target="_blank"
|
||||
>
|
||||
{{ .link.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,30 @@
|
||||
<section class="subscribe">
|
||||
<div class="subscribe-body">
|
||||
<div class="subscribe-body__overlay"></div>
|
||||
<div class="container">
|
||||
<div class="subscribe-block">
|
||||
<h5 class="subscribe-block__title">{{ .Params.form.title }}</h5>
|
||||
<p class="subscribe-block__description">{{ .Params.form.description }}</p>
|
||||
<!-- <form class="subscribe-block__form">-->
|
||||
<!-- <label for="email">{{ .Params.form.label }}</label>-->
|
||||
<!-- <input class="q-input" id="email" name="email" type="text" placeholder="{{ .Params.form.placeholder }}" />-->
|
||||
<!-- <button class="button button_contained">{{ .Params.form.button }}</button>-->
|
||||
<!-- </form>-->
|
||||
|
||||
{{ with (.Site.GetPage "/headless/newsletter") }}
|
||||
{{ partial "hubspot-form.html" (dict "hubspotFormOptions" .Params.hubspotFormOptions "id" "subscribe-page" "context" . "classes" "subscribe-block__hs-form") }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<img class="subscribe-body__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
<img class="subscribe-body__image-mobile" src="{{ .Params.image.srcMobile }}" alt="{{ .Params.image.alt }}" />
|
||||
</div>
|
||||
<div class="subscribe-header">
|
||||
<p class="subscribe-header__rights">{{ .Params.footer.rights | safeHTML }}</p>
|
||||
<a class="subscribe-header__link" href="{{ .Params.footer.termsLink.url }}">{{ .Params.footer.termsLink.text }}</a>
|
||||
<a class="subscribe-header__link" href="{{ .Params.footer.policyLink.url }}">
|
||||
{{ .Params.footer.policyLink.text }}
|
||||
</a>
|
||||
<a class="subscribe-header__link" href="{{ .Params.footer.impressumLink.url }}">{{ .Params.footer.impressumLink.text }}</a>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,26 @@
|
||||
{{ $class := .class }}
|
||||
<section class="testimonial-light {{ $class }}">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gx-3">
|
||||
<div class="col-12 col-xl-9">
|
||||
<div class="testimonial-light__content">
|
||||
<p class="testimonial-light__review">{{ .context.Params.review | safeHTML }}</p>
|
||||
<div class="testimonial-light__employees">
|
||||
<div class="testimonial-light__employees-avatar">
|
||||
<img src="{{ .context.Params.avatar.src }}" alt="{{ .context.Params.avatar.alt }}" />
|
||||
</div>
|
||||
<div class="testimonial-light__employees-position">
|
||||
<p>{{ .context.Params.names }}</p>
|
||||
<p>{{ .context.Params.positions }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-xl-3">
|
||||
<div class="testimonial-light__logo">
|
||||
<img src="{{ .context.Params.logo.src }}" alt="{{ .context.Params.logo.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,24 +1,28 @@
|
||||
{{ with (.Site.GetPage "/enterprise-solutions/testimonial") }}
|
||||
<section class="testimonial">
|
||||
<div class="container">
|
||||
<div class="testimonial__cards">
|
||||
<div class="testimonial__content">
|
||||
<p class="testimonial__review">{{ .Params.review }}</p>
|
||||
<div class="testimonial__employees">
|
||||
<div class="testimonial__employees-avatar">
|
||||
<img src="{{ .Params.avatar.src }}" alt="{{ .Params.avatar.alt }}" />
|
||||
</div>
|
||||
<div class="testimonial__employees-position">
|
||||
<p>{{ .Params.names }}</p>
|
||||
<p>{{ .Params.positions }}</p>
|
||||
</div>
|
||||
{{ $overlayType := .overlayType }}
|
||||
<section class="testimonial">
|
||||
<div class="container">
|
||||
<div class="testimonial__cards">
|
||||
<div class="testimonial__content">
|
||||
<p class="testimonial__review">{{ .context.Params.review | safeHTML }}</p>
|
||||
<div class="testimonial__employees">
|
||||
<div class="testimonial__employees-avatar">
|
||||
<img src="{{ .context.Params.avatar.src }}" alt="{{ .context.Params.avatar.alt }}" />
|
||||
</div>
|
||||
<div class="testimonial__employees-position">
|
||||
<p>{{ .context.Params.names }}</p>
|
||||
<p>{{ .context.Params.positions }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial__logo">
|
||||
<img src="{{ .Params.logo.src }}" alt="{{ .Params.logo.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial__logo">
|
||||
<img src="{{ .context.Params.logo.src }}" alt="{{ .context.Params.logo.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ if eq $overlayType "bottom-overlay" }}
|
||||
<div class="testimonial__bottom-overlay"></div>
|
||||
{{ end }}
|
||||
{{ if eq $overlayType "top-and-bottom-overlay" }}
|
||||
{{ partial "top-and-bottom-overlay" (dict "context" . "class" "testimonial") }}
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</section>
|
||||
|
||||
@@ -0,0 +1,37 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "site-header" . }}
|
||||
{{ partial "partners-hero" . }}
|
||||
|
||||
{{ partial "partners-cloud" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/headless/marketplaces") }}
|
||||
{{ partial "marketplaces" (dict "context" . "class" "partners-cloud-marketplaces") }}
|
||||
{{ end }}
|
||||
|
||||
{{ with (.Site.GetPage "/partners/partners-testimonial") }}
|
||||
{{ partial "testimonial-light" (dict "context" . "class" "partners-testimonial") }}
|
||||
{{ end }}
|
||||
|
||||
{{ with (.Site.GetPage "/partners/partners-integrations") }}
|
||||
{{ partial "partners-integrations" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ partial "partners-embeddings" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/partners/partners-frameworks") }}
|
||||
{{ partial "partners-integrations" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ partial "partners-solution" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/partners/partners-get-started") }}
|
||||
{{ partial "get-started-small" (dict "context" . "class" "partners-get-started") }}
|
||||
{{ end }}
|
||||
|
||||
{{ partial "get-started" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/headless/get-contacted-with-question") }}
|
||||
{{ partial "get-contacted" (dict "context" . "class" "partners-get-contacted") }}
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
@@ -0,0 +1 @@
|
||||
{{ define "main" }}{{ end }}
|
||||
@@ -0,0 +1,13 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "site-header" . }}
|
||||
|
||||
{{ partial "qdrant-for-startups-hero" . }}
|
||||
{{ partial "qdrant-for-startups-benefits" . }}
|
||||
{{ partial "qdrant-for-startups-form" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/qdrant-for-startups/qdrant-for-startups-testimonial") }}
|
||||
{{ partial "testimonial" (dict "context" . "overlayType" "bottom-overlay") }}
|
||||
{{ end }}
|
||||
|
||||
{{ partial "qdrant-for-startups-faq" . }}
|
||||
{{ end }}
|
||||
@@ -0,0 +1 @@
|
||||
{{ define "main" }}{{ end }}
|
||||
@@ -0,0 +1,13 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "site-header" . }}
|
||||
{{ partial "stars-hero" . }}
|
||||
|
||||
{{ partial "stars-about" . }}
|
||||
{{ partial "stars-benefits" . }}
|
||||
{{ partial "stars-list" . }}
|
||||
{{ partial "stars-marketplaces" . }}
|
||||
|
||||
{{ with (.Site.GetPage "/stars/stars-get-started") }}
|
||||
{{ partial "get-started-small" (dict "context" . "class" "stars-get-started") }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
@@ -0,0 +1 @@
|
||||
{{ define "main" }}{{ end }}
|
||||
@@ -0,0 +1,4 @@
|
||||
{{- partial "head.html" . -}}
|
||||
|
||||
{{ partial "site-header" . }}
|
||||
{{ partial "subscribe" . }}
|
||||
@@ -0,0 +1 @@
|
||||
{{ define "main" }}{{ end }}
|
||||
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 0C1.65342 0 1.33156 0.179452 1.14935 0.474269C0.967144 0.769085 0.95058 1.13723 1.10557 1.44721L5.83353 10.9031C4.68826 12.2872 4 14.0632 4 16C4 20.4183 7.58172 24 12 24C16.4183 24 20 20.4183 20 16C20 14.0632 19.3117 12.2872 18.1665 10.9031L22.8944 1.44721C23.0494 1.13723 23.0329 0.769085 22.8507 0.474269C22.6684 0.179452 22.3466 0 22 0H16C15.6212 0 15.275 0.214002 15.1056 0.552786L12 6.76393L8.89443 0.552786C8.72504 0.214002 8.37877 0 8 0H2ZM7.776 11.7388C7.75516 11.7619 7.73315 11.784 7.70999 11.8053C6.65208 12.887 6 14.3674 6 16C6 19.3137 8.68629 22 12 22C15.3137 22 18 19.3137 18 16C18 14.3674 17.3479 12.887 16.29 11.8053C16.2669 11.784 16.2448 11.7619 16.224 11.7388C15.1441 10.6683 13.6595 10.0054 12.02 10L12 10.0002L11.98 10C10.3405 10.0054 8.85589 10.6683 7.776 11.7388ZM20.382 2L16.6406 9.48273C15.7313 8.83412 14.6806 8.37105 13.5436 8.1488L16.618 2H20.382ZM7.38197 2L10.4564 8.1488C9.31942 8.37105 8.26867 8.83412 7.3594 9.48273L3.61804 2H7.38197ZM13.1758 14.764L11.9998 12.382L10.8238 14.764L8.1958 15.146L10.0978 17L9.6488 19.618L11.9998 18.382L14.3508 19.618L13.9018 17L15.8038 15.146L13.1758 14.764Z" fill="#2F6FF0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,7 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18 5H2V23H18V5Z" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5 1H22V21" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6 10H14" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6 14H14" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6 18H10" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 623 B |
@@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20 2C20.5304 2 21.0391 2.21071 21.4142 2.58579C21.7893 2.96086 22 3.46957 22 4V20C22 20.5304 21.7893 21.0391 21.4142 21.4142C21.0391 21.7893 20.5304 22 20 22H4C3.46957 22 2.96086 21.7893 2.58579 21.4142C2.21071 21.0391 2 20.5304 2 20V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16 12L12 9L8 12V2H16V12Z" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 624 B |
@@ -0,0 +1,6 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 7.99999L11.828 10.172C11.0779 10.9219 10.0607 11.3431 9 11.3431C7.93934 11.3431 6.92211 10.9219 6.172 10.172L6 9.99999L10.929 5.07099C12.2552 3.74513 14.0537 3.00031 15.929 3.00031C17.8043 3.00031 19.6028 3.74513 20.929 5.07099C22.0427 6.18479 22.7528 7.63842 22.9468 9.20151C23.1408 10.7646 22.8076 12.3477 22 13.7" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.2657 11.266L18.8787 14.879C19.4411 15.4416 19.757 16.2045 19.757 17C19.757 17.7955 19.4411 18.5584 18.8787 19.121L17.2427 20.757C16.6855 21.3143 16.024 21.7563 15.296 22.0579C14.568 22.3595 13.7877 22.5147 12.9997 22.5147C12.2117 22.5147 11.4314 22.3595 10.7033 22.0579C9.97533 21.7563 9.31385 21.3143 8.75668 20.757L3.07068 15.071C1.74483 13.7448 1 11.9463 1 10.071C1 8.19571 1.74483 6.3972 3.07068 5.071C4.37792 3.76011 6.14845 3.01619 7.99968 3" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18.391 19.609L14.5 15.719" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.5128 21.965L11.8828 18.335" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.61328 3.55798L11.9993 13L22.3843 3.55898" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M21 3H3C1.89543 3 1 3.89543 1 5V19C1 20.1046 1.89543 21 3 21H21C22.1046 21 23 20.1046 23 19V5C23 3.89543 22.1046 3 21 3Z" stroke="#2F6FF0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 454 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 0C2.44772 0 2 0.447715 2 1V23C2 23.5523 2.44772 24 3 24H21C21.5523 24 22 23.5523 22 23V1C22 0.447715 21.5523 0 21 0H3ZM4 22V2H20V22H4ZM13.545 10.13L12 7L10.455 10.13L7 10.632L9.5 13.069L8.91 16.51L12 14.886L15.09 16.51L14.5 13.069L17 10.632L13.545 10.13Z" fill="#2F6FF0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 428 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 4C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5V13C4 13.5523 3.55228 14 3 14C2.44772 14 2 13.5523 2 13V5C2 4.20435 2.31607 3.44129 2.87868 2.87868C3.44129 2.31607 4.20435 2 5 2H19C19.7957 2 20.5587 2.31607 21.1213 2.87868C21.6839 3.44129 22 4.20435 22 5V13C22 13.5523 21.5523 14 21 14C20.4477 14 20 13.5523 20 13V5C20 4.73478 19.8946 4.48043 19.7071 4.29289C19.5196 4.10536 19.2652 4 19 4H5ZM0.292893 16.2929C0.48043 16.1054 0.734784 16 1 16H23C23.5523 16 24 16.4477 24 17C24 18.3261 23.4732 19.5979 22.5355 20.5355C21.5979 21.4732 20.3261 22 19 22H5C3.67392 22 2.40215 21.4732 1.46447 20.5355C0.526784 19.5979 0 18.3261 0 17C0 16.7348 0.105357 16.4804 0.292893 16.2929ZM2.17157 18C2.31933 18.4179 2.55927 18.8019 2.87868 19.1213C3.44129 19.6839 4.20435 20 5 20H19C19.7956 20 20.5587 19.6839 21.1213 19.1213C21.4407 18.8019 21.6807 18.4179 21.8284 18H2.17157ZM15 10L10 13V7L15 10Z" fill="#2F6FF0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,10 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_4341_776)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99751 5.68242C5.24401 5.53915 5.53995 5.50792 5.81093 5.59657L15.4131 8.7379L19.5026 6.40104C19.8422 6.19822 20.2185 6.06452 20.61 6.00767C21.0058 5.9502 21.4091 5.97245 21.7961 6.07311C22.1832 6.17376 22.5462 6.3508 22.8639 6.5938C23.1815 6.83681 23.4474 7.14087 23.6458 7.48812C23.8442 7.83536 23.9712 8.21878 24.0193 8.61582C24.0674 9.01286 24.0356 9.4155 23.9258 9.80008C23.8161 10.1847 23.6305 10.5434 23.38 10.8552C23.1323 11.1636 22.826 11.42 22.4789 11.6095L11.9671 17.6163C11.8818 17.665 11.7898 17.7009 11.6941 17.7228L6.22308 18.9748C5.93636 19.0404 5.6353 18.9765 5.4 18.8L1.4 15.8C1.13052 15.5979 0.980901 15.2737 1.00196 14.9375C1.02301 14.6013 1.21191 14.2983 1.5045 14.1314L3.7045 12.8764C3.93775 12.7433 4.21473 12.7097 4.47306 12.783L7.05276 13.5153L9.18965 12.2942L2.54409 8.89002C2.21858 8.72328 2.01006 8.39214 2.00035 8.02654C1.99065 7.66094 2.1813 7.3192 2.49751 7.13542L4.99751 5.68242ZM5.61502 7.63678L13.0713 10.0761L11.2633 11.1093L5.08533 7.94464L5.61502 7.63678ZM21.2928 8.00872C21.1638 7.97517 21.0293 7.96776 20.8974 7.98691C20.7655 8.00607 20.6387 8.05141 20.5245 8.12028L20.5041 8.13226L7.68014 15.4603C7.44676 15.5936 7.16952 15.6274 6.91094 15.554L4.33082 14.8217L3.81852 15.1139L6.22899 16.9218L11.1035 15.8063L21.4959 9.86777L21.5165 9.85628C21.6338 9.79289 21.7373 9.7067 21.8207 9.60276C21.9042 9.49882 21.9661 9.37924 22.0027 9.25105C22.0393 9.12286 22.0499 8.98864 22.0338 8.8563C22.0178 8.72395 21.9755 8.59615 21.9093 8.4804C21.8432 8.36464 21.7546 8.26329 21.6487 8.18229C21.5428 8.10129 21.4218 8.04228 21.2928 8.00872ZM1 22C0.447715 22 0 22.4477 0 23C0 23.5523 0.447715 24 1 24H23C23.5523 24 24 23.5523 24 23C24 22.4477 23.5523 22 23 22H1Z" fill="#2F6FF0"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_4341_776">
|
||||
<rect width="24" height="24" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,19 @@
|
||||
<svg width="1440" height="240" viewBox="0 0 1440 240" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_f_702_1639)">
|
||||
<path d="M239.462 167.67C406.202 303.67 528.508 118.374 568.938 167.67C664.075 283.67 925.84 174.17 1020.09 174.17C1079.73 174.17 1197.25 253.666 1277.84 232.513C1391.43 202.699 1397.16 111.546 1447.71 174.17C1492.16 229.25 1616.41 360 1378.8 360H131.576C-108.853 360 -118.807 63.5513 -24.6279 129.598C12.984 155.975 15.0255 185.94 47.4234 217.13C80.8588 249.319 201.776 136.932 239.462 167.67Z" fill="url(#paint0_linear_702_1639)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_f_702_1639" x="-200" y="0" width="1840" height="480" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur stdDeviation="60" result="effect1_foregroundBlur_702_1639"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_702_1639" x1="-91.0087" y1="234.55" x2="1531.88" y2="236.849" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.0775907" stop-color="#DC244C"/>
|
||||
<stop offset="0.293353" stop-color="#2567EB"/>
|
||||
<stop offset="0.486232" stop-color="#F54C71"/>
|
||||
<stop offset="0.687211" stop-color="#7335F0"/>
|
||||
<stop offset="1" stop-color="#BB3987"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user