Add trusted by slide

anycable · Nov 6, 2023 · a03757b · a03757b
1 parent e9203d8
commit a03757b
Show file tree

Hide file tree

Showing 11 changed files with 66 additions and 2 deletions.
diff --git a/src/images/logos/callbell.png b/src/images/logos/callbell.png
diff --git a/src/images/logos/circle.png b/src/images/logos/circle.png
diff --git a/src/images/logos/live-voice.png b/src/images/logos/live-voice.png
diff --git a/src/images/logos/poll-everywhere.png b/src/images/logos/poll-everywhere.png
diff --git a/src/images/logos/sera.png b/src/images/logos/sera.png
diff --git a/src/images/logos/vito.png b/src/images/logos/vito.png
diff --git a/src/images/logos/welcome.png b/src/images/logos/welcome.png
diff --git a/src/index.html b/src/index.html
@@ -5,8 +5,9 @@
     <div class="page">
       {{> header}}
       <main class="content">
-        {{> slides/main-slide}} {{> slides/about-slide}} {{>
-        slides/plans-slide}} {{> slides/resources-slide}}
+        {{> slides/main-slide}} {{> slides/about-slide}}
+        {{> slides/trusted-slide}} {{> slides/plans-slide}}
+        {{> slides/resources-slide}}
       </main>
       {{> footer }}
     </div>

diff --git a/src/index.scss b/src/index.scss
@@ -17,6 +17,7 @@
 @import './modules/blocks/video-tip.scss';
 @import './modules/blocks/chart.scss';
 @import './modules/blocks/illustration.scss';
+@import './modules/blocks/trusted-slide.scss';
 @import './modules/blocks/plans-slide.scss';
 @import './modules/blocks/plan-card.scss';
 @import './modules/blocks/resources-slide.scss';

diff --git a/src/modules/blocks/trusted-slide.scss b/src/modules/blocks/trusted-slide.scss
@@ -0,0 +1,20 @@
+$className: 'trusted-slide';
+
+.#{$className} {
+  background-color: $backgroundSecondaryColor;
+
+  &__list {
+    width: 100%;
+    max-width: 1920px;
+    display: grid;
+    grid-auto-flow: column;
+    gap: 48px;
+    margin-bottom: 80px;
+    overflow-x: auto;
+  }
+
+  &__logo {
+    height: 80px;
+    width: auto;
+  }
+}
diff --git a/src/partials/slides/trusted-slide.hbs b/src/partials/slides/trusted-slide.hbs
@@ -0,0 +1,42 @@
+<section class='slide trusted-slide'>
+  <div class='slide__title-wrapper'>
+    <h2 class='slide__title about-slide__title_type_with-padding'>Trusted by</h2>
+  </div>
+  <div class="trusted-slide__list">
+    <img
+      class='trusted-slide__logo'
+      src='./images/logos/live-voice.png'
+      alt='LiveVoice'
+    />
+    <img
+      class='trusted-slide__logo'
+      src='./images/logos/sera.png'
+      alt='Sera'
+    />
+    <img
+      class='trusted-slide__logo'
+      src='./images/logos/poll-everywhere.png'
+      alt='Poll Everywhere'
+    />
+    <img
+      class='trusted-slide__logo'
+      src='./images/logos/welcome.png'
+      alt='Welcome'
+    />
+    <img
+      class='trusted-slide__logo'
+      src='./images/logos/callbell.png'
+      alt='Callbell'
+    />
+    <img
+      class='trusted-slide__logo'
+      src='./images/logos/circle.png'
+      alt='Circle'
+    />
+    <img
+      class='trusted-slide__logo'
+      src='./images/logos/vito.png'
+      alt='Vito'
+    />
+  </div>
+</section>