Update welcome screen for cyber monday

Author: a.idzikowski

src/app/app.component.html

@@ -1,17 +1,23 @@
 <!-- Start your project here-->
 <div class="container">
-  <div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
+  <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>
+      <h1 class="text-one">CYBER MONDAY SALE!</h1>
+      <i class="fas fa-calendar-day icon-color fa-10x"></i>
+      <p class="mt-2 text-two">
+        Check what we have prepared and start using the richest UI Kit today.<br />Hurry
+        up & don't loose your chance.
       </p>
+      <a
+        type="button"
+        class="btn btn-info text-white btn-rounded btn-lg"
+        href="https://mdbootstrap.com/sale/"
+        ><i class="fas fa-shopping-basket"></i> CLAIM OFFER</a
+      >
     </div>
   </div>
 </div>
-<!-- /Start your project here-->
+<!-- End your project here-->

src/styles.scss

@@ -1,14 +1,5 @@
 /* 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;
+.icon-color{
+  color: #39c0ed;
 }