From 01d56ff8497dc820f96ebd8a9fc4b07f0d879d04 Mon Sep 17 00:00:00 2001
From: Andre Mourinho <andremourinho@live.com>
Date: Wed, 11 Jul 2018 22:45:32 -0400
Subject: [PATCH] added about page

---
 src/app/about/about.component.html | 19 ++++++++++++-------
 src/assets/css/base.scss           |  5 +++++
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html
index 6e9ce2f..56e9806 100644
--- a/src/app/about/about.component.html
+++ b/src/app/about/about.component.html
@@ -1,8 +1,9 @@
 <div class="container">
   <div class="row">
     <div class="col-12 py-4">
-        <img src="http://via.placeholder.com/350x250" class="float-left mr-4">
-        <h2 class="mb-4">40 Years of Excellence</h2>
+        <img src="http://via.placeholder.com/350x250" class="float-left mb-4 mr-4">
+        <h2 class="mb-4 roboto">40 Years of Excellence</h2>
+        <hr class="ml-4" />
         <strong>FH &amp; Sons</strong> has been in business for 40 years. We have been ISO 9001:2000 certified since May 2000.
         Our company manufactures plastisol silk screen inks, plastisols for moulding and dipping applications,
         as well as bulk pigment dispersions. We also distribute for several top end equipment and chemical
@@ -15,29 +16,33 @@
   <div class="container">
     <div class="row pt-4">
       <div class="col-12">
-        <h2 class="mt-5 mb-4">Client Reviews</h2>
+        <h2 class="my-4 roboto">Client Reviews</h2>
       </div>
       <div class="col-sm-6 col-md-4 mb-4">
-        <mat-card>
+        <mat-card class="text-black-50">
           <a target="_blank" href="https://www.google.com/maps/contrib/107718425840210234234/reviews?hl=en-CA&sa=X&ved=2ahUKEwiklPiAwJjcAhVrxoMKHU8lAtgQvvQBegQIARAN">Sukhvinder Garcha</a><br />
+          <mat-divider class="custom-line"></mat-divider>
           Very good service and good price
         </mat-card>
       </div>
       <div class="col-sm-6 col-md-4 mb-4">
-        <mat-card>
+        <mat-card class="text-black-50">
           <a target="_blank" href="https://www.google.com/maps/contrib/106243032549545671075/reviews?hl=en-CA&sa=X&ved=2ahUKEwiklPiAwJjcAhVrxoMKHU8lAtgQvvQBegQIARAU">Cheyenne Gauthier</a><br />
+          <mat-divider class="custom-line"></mat-divider>
           Package received within 2 days of ordering. Super happy with the quality and service, will be ordering again. Thanks!
         </mat-card>
       </div>
       <div class="col-sm-6 col-md-4 mb-4">
-        <mat-card>
+        <mat-card class="text-black-50">
             <a target="_blank" href="https://www.google.com/maps/contrib/109255223742158550985/reviews?hl=en-CA&sa=X&ved=2ahUKEwiklPiAwJjcAhVrxoMKHU8lAtgQvvQBegQIARAb">Julia Henriques</a><br />
+            <mat-divider class="custom-line"></mat-divider>
             Great staff, very friendly, great service
         </mat-card>
       </div>
       <div class="col-sm-6 col-md-4 mb-4 mx-auto">
-        <mat-card>
+        <mat-card class="text-black-50">
           <a target="_blank" href="https://www.google.com/maps/contrib/111462598285081078982/reviews?hl=en-CA&sa=X&ved=2ahUKEwiklPiAwJjcAhVrxoMKHU8lAtgQvvQBegQIARAi">Jon Weizman</a><br />
+          <mat-divider class="custom-line"></mat-divider>
             Great ink, great service.
         </mat-card>
       </div>
diff --git a/src/assets/css/base.scss b/src/assets/css/base.scss
index 19ac2d2..bf33a02 100644
--- a/src/assets/css/base.scss
+++ b/src/assets/css/base.scss
@@ -49,3 +49,8 @@ u:hover,
 .roboto {
   font-family: 'Roboto Condensed', sans-serif;
 }
+.custom-line {
+  padding-bottom: 1.5rem !important;
+  position: relative !important;
+  margin-top: .75rem !important;
+}
\ No newline at end of file