Merge branch 'dev'

Author: a.idzikowski

src/app/app.component.html

@@ -1,12 +1,17 @@
 <!-- Start your project here-->
-<div style="height: 100vh">
-  <div class="flex-center flex-column">
-    <h1 class="animated fadeIn mb-4">Material Design for Bootstrap (Angular)</h1>
-
-    <h5 class="animated fadeIn mb-3">Thank you for using our product. We're glad you're with us.</h5>
-    <h6 class="animated fadeIn mb-3">Start browsing <a href="https://mdbootstrap.com/angular">documentation</a>.</h6>
-
-    <p class="animated fadeIn text-muted">MDB Team</p>
+<div class="container">
+  <div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
+    <div class="text-center">
+      <h1 class="text-white text-poppy-red">BLACK NOVEMBER SURPRISE!</h1>
+      <i class="fas fa-shopping-basket text-white fa-10x"></i>
+      <p class="mt-2 text-white">
+        Check what we have prepared and start using the richest UI Kit today.<br />Hurry up & don't
+        loose your chance.
+      </p>
+      <p>
+        <a type="button" class="btn btn-danger btn-rounded btn-lg text-white bg-poppy-red" href="https://mdbootstrap.com/sale/" ><i class="fas fa-cart-arrow-down"></i> CLAIM OFFER</a>
+      </p>
+    </div>
   </div>
 </div>
 <!-- /Start your project here-->

src/styles.scss

@@ -1 +1,14 @@
 /* You can add global styles to this file, and also import other style files */
+
+body {
+  background-color: #2e2e2e;
+}
+.text-poppy-red {
+  color: #ef5350 !important;
+}
+.btn-poppy-red {
+  background-color: #ef5350 !important;
+}
+.bg-poppy-red {
+  background-color: #ef5350 !important;
+}