From a315bd0eecb260519fd692786d59e9d21109e590 Mon Sep 17 00:00:00 2001
From: anancodec <aafrida@wesleyan.edu>
Date: Wed, 4 Oct 2023 09:58:40 -0400
Subject: [PATCH 1/2] edit (issue #13)

---
 pages/testimonials.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/pages/testimonials.html b/pages/testimonials.html
index 7316cfb..5b99eaa 100644
--- a/pages/testimonials.html
+++ b/pages/testimonials.html
@@ -38,6 +38,24 @@
                 </li>
             </ul>            
         </div>
+        <div id = testimonial-heading>
+            Testimonials
+            </div>
+            <div class="container">
+            <img src="../public/music-5833695_1920.jpg" alt="Avatar" style="width:90px">
+            <p><span>Chris Fox.</span> CEO at Mighty Schools. &bigstar; &bigstar; &bigstar; &bigstar; &bigstar;</p>
+            <p>One of the best music rating apps</p>
+            </div>
+            <div class="container">
+            <img src="../public/music-7009823_1920.png" alt="Avatar" style="width:90px">
+            <p><span>Rebecca Flex.</span> CEO at YouTube. &bigstar; &bigstar; &bigstar; &bigstar; &bigstar;</p>
+            <p>Amazing discussion community of music lovers</p>
+            </div>
+            <div class="container">
+            <img src="../public/android-1635207_1280.png" alt="Avatar" style="width:90px">
+            <p><span>Anan Afrida.</span> CEO at Google Music. &bigstar; &bigstar; &bigstar; &bigstar; &bigstar;</p>
+            <p>Taylor Swift still reigns and it is authenticated through this app</p>
+            </div>
         <script src="" async defer></script>
     </body>
 </html>
\ No newline at end of file

From 2340fc6e69002a7586b76bde6623ef0e1dfae9f5 Mon Sep 17 00:00:00 2001
From: anancodec <aafrida@wesleyan.edu>
Date: Wed, 4 Oct 2023 10:07:39 -0400
Subject: [PATCH 2/2] updated (issue #13)

---
 styles.css | 44 +++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/styles.css b/styles.css
index bc6ca45..02e5965 100644
--- a/styles.css
+++ b/styles.css
@@ -305,4 +305,46 @@ font-size: 56px;
     font-size: x-large;
     font-weight: bold;
 
-}
\ No newline at end of file
+}
+
+/*
+* Styling the Testimonial section
+*/
+#testimonial-heading {
+    color: white;
+    text-align: center;
+    padding-top: 20px;
+    font-size: 56px;
+    }
+    .container {
+    border: 2px rgba(255, 255, 255, 0.2);
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 5px;
+    padding: 16px;
+    margin: 16px 0
+    }
+    .container::after {
+    content: "";
+    clear: both;
+    display: table;
+    }
+    .container img {
+    float: left;
+    margin-right: 20px;
+    border-radius: 50%;
+    }
+    .container span {
+    font-size: 20px;
+    margin-right: 15px;
+    }
+    @media (max-width: 500px) {
+    .container {
+    text-align: center;
+    }
+    .container img {
+    margin: auto;
+    float: none;
+    display: block;
+    }
+}
+    
\ No newline at end of file