From 5823a9101e4f25d29b3d78e510c85319a32b5286 Mon Sep 17 00:00:00 2001
From: FalconZ <animj.emma@gmail.com>
Date: Wed, 9 Sep 2020 18:44:44 +0100
Subject: [PATCH] curly bracces error corrected for home page

---
 src/app/home-page/home-page.component.css  | 25 ++++++++++++++++++++++
 src/app/home-page/home-page.component.html | 19 ++++++++--------
 2 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/src/app/home-page/home-page.component.css b/src/app/home-page/home-page.component.css
index e69de29..b72625c 100644
--- a/src/app/home-page/home-page.component.css
+++ b/src/app/home-page/home-page.component.css
@@ -0,0 +1,25 @@
+.jumbotron {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+    margin-bottom: 0;
+    background-color: #fff;
+}
+
+@media (min-width: 768px) {
+    .jumbotron {
+        padding-top: 6rem;
+        padding-bottom: 6rem;
+    }
+}
+
+.jumbotron p:last-child {
+    margin-bottom: 0;
+}
+
+.jumbotron h1 {
+    font-weight: 300;
+}
+
+.jumbotron .container {
+    max-width: 40rem;
+}
\ No newline at end of file
diff --git a/src/app/home-page/home-page.component.html b/src/app/home-page/home-page.component.html
index df86aaf..bcd2f48 100644
--- a/src/app/home-page/home-page.component.html
+++ b/src/app/home-page/home-page.component.html
@@ -17,7 +17,8 @@ <h1>Album example</h1>
             <div class="row">
                 <div class="col-md-4">
                     <div class="card mb-4 shadow-sm">
-                        {% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
+                        <div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
+
                         <div class="card-body">
                             <p class="card-text">
                                 This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
@@ -38,7 +39,7 @@ <h1>Album example</h1>
                 </div>
                 <div class="col-md-4">
                     <div class="card mb-4 shadow-sm">
-                        {% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
+                        <div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
                         <div class="card-body">
                             <p class="card-text">
                                 This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
@@ -59,7 +60,7 @@ <h1>Album example</h1>
                 </div>
                 <div class="col-md-4">
                     <div class="card mb-4 shadow-sm">
-                        {% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
+                        <div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
                         <div class="card-body">
                             <p class="card-text">
                                 This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
@@ -81,7 +82,7 @@ <h1>Album example</h1>
 
                 <div class="col-md-4">
                     <div class="card mb-4 shadow-sm">
-                        {% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
+                        <div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
                         <div class="card-body">
                             <p class="card-text">
                                 This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
@@ -102,7 +103,7 @@ <h1>Album example</h1>
                 </div>
                 <div class="col-md-4">
                     <div class="card mb-4 shadow-sm">
-                        {% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
+                        <div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
                         <div class="card-body">
                             <p class="card-text">
                                 This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
@@ -123,7 +124,7 @@ <h1>Album example</h1>
                 </div>
                 <div class="col-md-4">
                     <div class="card mb-4 shadow-sm">
-                        {% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
+                        <div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
                         <div class="card-body">
                             <p class="card-text">
                                 This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
@@ -145,7 +146,7 @@ <h1>Album example</h1>
 
                 <div class="col-md-4">
                     <div class="card mb-4 shadow-sm">
-                        {% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
+                        <div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
                         <div class="card-body">
                             <p class="card-text">
                                 This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
@@ -166,7 +167,7 @@ <h1>Album example</h1>
                 </div>
                 <div class="col-md-4">
                     <div class="card mb-4 shadow-sm">
-                        {% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
+                        <div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
                         <div class="card-body">
                             <p class="card-text">
                                 This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
@@ -187,7 +188,7 @@ <h1>Album example</h1>
                 </div>
                 <div class="col-md-4">
                     <div class="card mb-4 shadow-sm">
-                        {% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
+                        <div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
                         <div class="card-body">
                             <p class="card-text">
                                 This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.