diff --git a/index.html b/index.html
index 479c9b4..48f7e6b 100644
--- a/index.html
+++ b/index.html
@@ -382,25 +382,31 @@ <h2 class="text-center mb-5 border-bottom-3 bottom-heading">Our grateful student
                             <img src="https://images.unsplash.com/photo-1507120878965-54b2d3939100?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&s=99fbace66d1bfa48c9c6dc8afcac3aab"
                                 alt="Carl Smith" class="card-img-top">
                             <div class="card-body">
-                                <strong class="card-title">Carl Smith</strong>
-                                <p class="card-text"><em> for all levels of skill and experience.</em></p>
+                                <blockquote>
+                                    For all levels of skill and experience.
+                                    <span>Carl Smith</span>
+                                </blockquote>
                             </div>
                         </div>
                         <div class="testimonial">
                             <img src="resources/images/GB.jpg"
                                 alt="John Doe" class="card-img-top">
                             <div class="card-body">
-                                <strong class="card-title">Nikola Buzadzija</strong>
-                                <p class="card-text"><em>I am very happy that i have the opportunity to contribute to this open source project! YEAAAHHHHH!!!!</em></p>
+                                <blockquote>
+                                    I am very happy that i have the opportunity to contribute to this open source project! YEAAAHHHHH!!!!
+                                    <span>Nikola Buzadzija</span>
+                                </blockquote>
                             </div>
                         </div>
                         <div class="testimonial">
                             <img src="https://images.unsplash.com/photo-1542131596-dea5384842c7?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=200&w=200&ixid=eyJhcHBfaWQiOjE3Nzg0fQ"
                                 alt="Jane Johnson" class="card-img-top">
                             <div class="card-body">
-                                <strong class="card-title">Jane Johnson</strong>
-                                <p class="card-text"><em>Fantastic instructor, great atmosphere during the course!
-                                    Absolutely worth recommending!</em></p>
+                                <blockquote>Fantastic instructor, great atmosphere during the course!
+                                    Absolutely worth recommending!
+                                <span>Jane Johnson</span>
+                                </blockquote>
+                                
                             </div>
 
                         </div>
diff --git a/modified_homepage_css.css b/modified_homepage_css.css
index c030e3f..223b0d3 100644
--- a/modified_homepage_css.css
+++ b/modified_homepage_css.css
@@ -1,64 +1,98 @@
-.navbar-collapse ul li{
-padding: -10px;
+.navbar-collapse ul li {
+  padding: -10px;
 }
 @media (min-width: 992px) {
-.navbar-expand-lg .navbar-collapse {
+  .navbar-expand-lg .navbar-collapse {
     margin-left: 161px;
- }
+  }
 }
 .navbar-brand {
-    display: inline-block;
-    padding-top: 0.3125rem;
-    margin-right: 1rem;
-    margin-left: 10px;
+  display: inline-block;
+  padding-top: 0.3125rem;
+  margin-right: 1rem;
+  margin-left: 10px;
 }
 .navbar-brand img {
-    height: 55px;
+  height: 55px;
 }
 .navbar-collapse ul li {
-    padding: 0px 0rem;
+  padding: 0px 0rem;
 }
-.navbar-collapse ul li a{
-    color: white;
+.navbar-collapse ul li a {
+  color: white;
 }
 nav a {
-    color: white !important;
+  color: white !important;
 }
 nav {
-    background-color: #00000000;
+  background-color: #00000000;
 }
 .theme-toggle-container span {
-    font-size: 0.75rem;
-    color: white;
+  font-size: 0.75rem;
+  color: white;
 }
 #navbar__custom #headerText {
-    font-size: 10px;
-    margin-right: 21px;
+  font-size: 10px;
+  margin-right: 21px;
 }
 .theme-toggle {
-    position: relative;
-    display: inline-block;
-    width: 44px !important;
-    height: 23px !important;
+  position: relative;
+  display: inline-block;
+  width: 44px !important;
+  height: 23px !important;
 }
 .theme-toggle-container span {
-    font-size: 0.8rem !important;
+  font-size: 0.8rem !important;
 }
 
-.navv{
-    color: blue;
-    font-family: 'Ubuntu', sans-serif;
-    line-height: 55px;
-    font-weight: 900;
-    font-size: 8rem;
-}
-#course-button{
-    background: #e0cfb8;
-    font-weight: bold;
-    margin-top: 20px;
+.navv {
+  color: blue;
+  font-family: 'Ubuntu', sans-serif;
+  line-height: 55px;
+  font-weight: 900;
+  font-size: 8rem;
+}
+#course-button {
+  background: #e0cfb8;
+  font-weight: bold;
+  margin-top: 20px;
 }
 #course-button:hover {
-    background-color: #081020c7;
-    color: #fff;
-    transform: scale(1.2);
-}
\ No newline at end of file
+  background-color: #081020c7;
+  color: #fff;
+  transform: scale(1.2);
+}
+
+blockquote {
+  font-size: 1.3em;
+  width: 90%;
+  margin: 10px auto;
+  font-style: italic;
+  padding: 1.2em 30px 1.2em 75px;
+  border-left: 8px solid #158d91;
+  line-height: 1.6;
+  position: relative;
+  background: #ededed;
+}
+
+blockquote::before {
+  font-family: Arial;
+  content: '\201C';
+  color: #158d91;
+  font-size: 8em;
+  position: absolute;
+  left: 5px;
+  top: 1px;
+}
+
+blockquote::after {
+  content: '';
+}
+
+blockquote span {
+  display: block;
+  color: #333333;
+  font-style: normal;
+  font-weight: bold;
+  margin-top: 1em;
+}