From 2b4319454d8b669ead21185bf14af876f9fc0146 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Fri, 25 Mar 2022 23:37:06 +0100
Subject: [PATCH] Feature/add bonds and emergency fund to feature overview
 (#768)

* Add bonds and emergency fund

* Update changelog
---
 CHANGELOG.md                                  |  1 +
 .../src/app/pages/features/features-page.html | 22 +++++++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a4e5f976a..e57661406 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Added a hover effect to the page tabs
+- Extended the feature overview page by _Bonds_ and _Emergency Fund_
 
 ## 1.128.0 - 19.03.2022
 
diff --git a/apps/client/src/app/pages/features/features-page.html b/apps/client/src/app/pages/features/features-page.html
index 42c460542..3e1a4a9e0 100644
--- a/apps/client/src/app/pages/features/features-page.html
+++ b/apps/client/src/app/pages/features/features-page.html
@@ -32,6 +32,17 @@
             </div>
           </mat-card>
         </div>
+        <div class="col-xs-12 col-md-4 mb-3">
+          <mat-card class="d-flex flex-column h-100">
+            <div class="flex-grow-1">
+              <h4 i18n>Bonds</h4>
+              <p class="m-0">
+                Manage your investment in bonds and other assets with fixed
+                income.
+              </p>
+            </div>
+          </mat-card>
+        </div>
         <div class="col-xs-12 col-md-4 mb-3">
           <mat-card class="d-flex flex-column h-100">
             <div class="flex-grow-1">
@@ -64,6 +75,17 @@
             </div>
           </mat-card>
         </div>
+        <div class="col-xs-12 col-md-4 mb-3">
+          <mat-card class="d-flex flex-column h-100">
+            <div class="flex-grow-1">
+              <h4 class="align-items-center d-flex" i18n>Emergency Fund</h4>
+              <p class="m-0">
+                Define your emergency fund you are comfortable with for
+                difficult times.
+              </p>
+            </div>
+          </mat-card>
+        </div>
         <div class="col-xs-12 col-md-4 mb-3">
           <mat-card class="d-flex flex-column h-100">
             <div class="flex-grow-1">