add newsletter page

_src/_assets/styles/_page-newsletter.scss

@@ -0,0 +1,69 @@
+.page-newsletter {
+    .header--newsletter {
+        background: url('../img/nosprite/starbase-drivers.svg') no-repeat center 103%;
+        background-size: contain;
+        padding-bottom: 5%;
+
+        &:before {
+            display: none;
+        }
+    }
+
+    .content--page--markdown {
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+
+    .section--newsletter {
+        width: 100vw;
+        position: relative;
+        left: 50%;
+        right: 50%;
+        margin-left: -50vw;
+        margin-right: -50vw;
+        display: flex;
+        align-items: center;
+        min-height: 60vh;
+        background: darken($body-bg, 5%);
+
+        .form-control {
+            border-color: $gray-light;
+
+            &:focus {
+                border-color: #fff;
+            }
+        }
+
+        .btn {
+            @extend .btn-primary;
+        }
+
+        .newsletter__title {
+            color: $brand-main-blue-light;
+        }
+
+        // stylelint-disable selector-max-compound-selectors
+        .form-label,
+        .form-control,
+        .form-control:focus ~ .form-label,
+        .newsletter__text,
+        .newsletter__gdpr {
+            color: $text-color;
+        }
+        // stylelint-enable selector-max-compound-selectors
+
+        .icon {
+            stroke: $gray-light;
+            color: $gray-light;
+        }
+
+        a {
+            box-shadow: inset 0 -1px 0 $gray-light;
+
+            &:hover,
+            &:focus {
+                background: $gray-light;
+            }
+        }
+    }
+}

_src/_assets/styles/_sections/_section-newsletter.scss

@@ -12,6 +12,10 @@
         &:focus {
             border-color: #000;
         }
+
+        &.parsley-error {
+            border-color: $brand-danger !important; // stylelint-disable-line
+        }
     }
 
     .btn {
@@ -32,6 +36,12 @@
     .form--newsletter {
         margin-top: $spacer * 2;
     }
+
+    .parsley-errors-list {
+        right: auto;
+        left: 0;
+        bottom: -.25rem;
+    }
 }
 
 .newsletter__title {

_src/_assets/styles/bigchain.scss

@@ -65,3 +65,4 @@
 @import 'page-services';
 @import 'oceanprotocol';
 @import 'page-guide';
+@import 'page-newsletter';

_src/newsletter.md

@@ -0,0 +1,9 @@
+---
+layout: page
+
+title: Newsletter
+tagline: Subscribe to stay in the loop about all things BigchainDB
+description: Subscribe to stay in the loop about all things BigchainDB
+---
+
+{% include sections/section-newsletter.html %}