Merge pull request #498 from RajputUsman/master

Fix(footer): Fixed bottom Heading Container Section

Author: MattCSmith

Diff for: index.html

@@ -363,7 +363,7 @@ <h4>
                         </div>
                     </div>
                     <div class="container">
-                        <h2 class="text-center mb-5 border-bottom-3">Our grateful students</h2>
+                        <h2 class="text-center mb-5 border-bottom-3 bottom-heading">Our grateful students</h2>
                     </div>
                     <div class="card-deck">
                         <div class="testimonial">

Diff for: resources/style/style.css

@@ -80,19 +80,20 @@ nav.navbar button.navbar-toggler {
 /* background-color: #fff;
 }  */
 
+/*
 .navbar {
-  /* background-color: lightcoral; */
-  /*changed background color */
-  /* border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+   background-color: lightcoral; 
+  changed background color 
+   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: rgba(0, 0, 0, 0.125);
-  box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important; */
-}
+  box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important;
+}*/
 
-.navbar-light .navbar-nav .nav-link {
-  /* color: black !important; */
-}
+/* .navbar-light .navbar-nav .nav-link {
+  color: black !important;
+} */
 
 /* Navbar colours for Javascript */
 
@@ -148,9 +149,9 @@ nav.navbar button.navbar-toggler {
   border-radius: 3px;
 }
 
-.navbar-collapse ul {
-  /* margin-left: auto; */
-}
+/* .navbar-collapse ul {
+  margin-left: auto;
+} */
 
 .navbar-collapse ul li {
   /* margin: auto 5px; */
@@ -672,6 +673,12 @@ i:hover {
 
 .card-deck {
   margin: 0 1rem;
+  display:flex;
+  justify-content: space-around;
+}
+
+.testimonial{
+  width: 30%;
 }
 
 .about-text{
@@ -718,6 +725,10 @@ i:hover {
   touch-action: manipulation;
 }
 
+.bottom-heading{
+  font-size: 2em;
+}
+
 .myBtn:hover {
   box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
   transform: translate3d(0, 2px, 0);