Added footer with "About Us", "Our services" and "Contact Us" button links.

src/app/app.component.css

+.empty-spacer {
+    flex: 1 1 auto;
+  }
+
+.footer { 
+    background-color: #303030;
+    color: #f0f0f0;
+    font-size: smaller;
+}
+  
\ No newline at end of file

src/app/app.component.html

@@ -45,9 +45,6 @@
                             </span>
                         </button>
                         </div>
-
-
-
                     </mat-menu>
                 </mat-toolbar-row>
 </mat-toolbar>
@@ -60,4 +57,11 @@
         </div>
     </mat-sidenav-content>
 </mat-sidenav-container>
+<mat-toolbar class="footer">
+    <span class="empty-spacer"></span>
+        <button mat-button disableRipple="true">About Us</button>
+        <button mat-button disableRipple="true">Our services</button>
+        <button mat-button disableRipple=true>Contact Us</button>
+    <span class="empty-spacer"></span>
+</mat-toolbar>
 </div>