Add CTA section to homepage

with box ctas
2021-09-30 18:48:50 +02:00
parent 0cde65c0b1
commit 4df4b0dfa0
5 changed files with 46 additions and 2 deletions
--- a/src/style/_typography.scss
+++ b/src/style/_typography.scss
@@ -47,7 +47,7 @@

 .text-label {
    font-size: rem(12px);
-    line-height: 1.4;
+    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 1px;
 }
--- a/src/style/pages/_homepage.scss
+++ b/src/style/pages/_homepage.scss
@@ -129,4 +129,33 @@
            }
        }
    }
+
+    // CTAS
+    &__ctas {
+        text-align: center;
+        margin-bottom: 72px;
+
+        p {
+            font-family: $font-sans;
+            font-size: rem(32px);
+            color: $color-tertiary;
+            font-weight: 300;
+            line-height: 1.5;
+
+            strong {
+                font-weight: 300;
+                color: $color-secondary;
+            }
+        }
+
+        .cards {
+            display: flex;
+            justify-content: center;
+            margin-top: 72px;
+
+            & > * {
+                margin: 0 16px;
+            }
+        }
+    }
 }