Update: footer styling, colors and add padding and margin

els-390 · Oct 2, 2024 · 5412459 · 5412459
1 parent 5031997
commit 5412459
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 6 deletions.
diff --git a/css/style.css b/css/style.css
@@ -126,9 +126,6 @@ body {
 
 /* --------------------------------- External Resource section */
 
-.external-container > card-body {
-    padding: 10px;
-}
 .samaritans-logo {
     padding-top: 50px;
     padding-bottom: 50px;
@@ -141,26 +138,48 @@ body {
 }
 
 /* --------------------------------- Quotes */
+
 .quote-container {
     height: 310px;
     padding: 30px;
     color: #d5e8e6;
     background-color: #36686E;
 }
 
+.carousel-inner {
+    padding-top: 35px;
+    text-align: center;
+}
+
+.carousel-item {
+    font-size: 24px;
+}
+
+.blockquote-footer {
+    color: #fff;
+    font-style: italic;
+    font-size: 16px;
+}
+
 /* --------------------------------- Footer */
 
+footer {
+    background-color: #36686E;
+    margin-top: 30px;
+    padding: 20px;
+}
+
 #social-networks {
     text-align: center;
     padding: 20px 0;
     display: flex;
     justify-content: space-evenly;
     list-style-type: none;
-    color: #003055;
+    color: #d5e8e6
 }
 
 #social-networks i {
     font-size: 160%;
     padding: 5%;
-    color: #003055;
+    color: #d5e8e6;
 }
diff --git a/index.html b/index.html
@@ -226,7 +226,7 @@ <h3 class="card-title">
                         <div class="col justify-content-center">
                             <div class="card">
                                 <div class="nhs-logo"><img src="assets/logos/nhs.webp" class="card-img-top" alt="Card image 2"></div>
-                                <div class="card-body text-center">
+                                <div class="card-body text-center nhs-btn">
                                     <a href="https://www.nhs.uk/nhs-services/mental-health-services/"
                                         class="btn btn-primary hvr-grow">Learn More</a>
                                 </div>