diff --git a/components/SliceZone.vue b/components/SliceZone.vue index 130fddcc6..27baf4521 100644 --- a/components/SliceZone.vue +++ b/components/SliceZone.vue @@ -53,6 +53,9 @@ + @@ -68,6 +71,7 @@ import PopInCampaigns from '@/components/slices/PopInCampaigns' import PageSection from '@/components/slices/PageSection' import WebSnippet from '@/components/slices/WebSnippet' import FeaturesSlice from '@/components/slices/Features' +import PartnersLogosSlice from '@/components/slices/PartnersLogos' export default { name: 'SliceZone', @@ -82,6 +86,7 @@ export default { WebSnippet, FeaturesSlice, ProcessSlice, + PartnersLogosSlice, }, props: { slices: { diff --git a/components/slices/PartnersLogos.vue b/components/slices/PartnersLogos.vue new file mode 100644 index 000000000..b52940e5b --- /dev/null +++ b/components/slices/PartnersLogos.vue @@ -0,0 +1,121 @@ + + + + + diff --git a/components/slices/Process.vue b/components/slices/Process.vue index 83d8ddc68..6d2d3c505 100644 --- a/components/slices/Process.vue +++ b/components/slices/Process.vue @@ -15,18 +15,21 @@
- +
@@ -163,7 +166,7 @@ export default { } } -.wrapper { +.process-wrapper { &__row { display: flex; align-items: center; @@ -201,7 +204,7 @@ export default { } } -.item { +.process-wrapper-item { &__title h1 { width: 175px; color: $grey-1; @@ -239,7 +242,7 @@ export default { } } - .wrapper__item { + .process-wrapper__item { margin-bottom: 40px; div:first-of-type { @@ -268,7 +271,7 @@ export default { } } - .wrapper { + .process-wrapper { &__row { flex-direction: row; justify-content: center; @@ -279,10 +282,7 @@ export default { &:first-of-type { margin-left: 56px; } - padding: 32px 24px 56px 24px; - height: 273px; - display: block; margin-right: 56px; margin-bottom: 0; @@ -295,7 +295,7 @@ export default { } } - .item { + .process-wrapper-item { &__title h1 { width: 245px; font-size: 1.25rem; @@ -320,7 +320,7 @@ export default { justify-content: space-around; } - .wrapper { + .process-wrapper { &__item { &:first-of-type { margin-left: 0; @@ -342,7 +342,7 @@ export default { } } - .item { + .process-wrapper-item { &__description { margin-top: 8px; width: 245px;