Refactored Courses Footer Section

The-Shivam-garg · May 15, 2022 · 56f49fe · 56f49fe
1 parent 74d16a1
commit 56f49fe
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 23 deletions.
diff --git a/Course/Courses.html b/Course/Courses.html
@@ -229,26 +229,25 @@ <h3>Quiz</h3>
             <!-- footer section starts  -->
 
             <footer>
-                <div class="row ">
-                    <div>
-                        <img src="/img/v.png" alt="">
-                        <p class="text">“BigB will truly help to democratize education.We believe instead of focusing on education alone.BigB is in the business of reaching learners and changing lives.”</p>
-                        <ul class="footer-social-links">
-                            <li class="flex">
-                                <a href="#"><i class = "fab fa-facebook-f"></i></a>
-                            </li>
-                            <li class="flex">
-                                <a href="https://twitter.com/Sidehustlers"><i class = "fab fa-twitter"></i></a>
-                            </li>
-                            <li class="flex">
-                                <a href="https://www.instagram.com/beasidehustler/"><i class = "fab fa-instagram"></i></a>
-                            </li>
-                            <li class="flex">
-                                <a href="https://www.youtube.com/channel/UCRkYp3SkqvR5OD8YiTqVEbQ"><i class = "fab fa-youtube"></i></a>
-                            </li>
-                        </ul>
-                    </div>
-
+                <div style="text-align: center; font-size: 18px; display: flex; flex-direction: column;">
+                    <img src="/img/v.png" alt="">
+                    <p class="text">“BigB will truly help to democratize education.We believe instead of focusing on education alone.BigB is in the business of reaching learners and changing lives.”</p>
+                    <ul class="footer-social-links">
+                        <li class="flex">
+                            <a href="#"><i class = "fab fa-facebook-f"></i></a>
+                        </li>
+                        <li class="flex">
+                            <a href="https://twitter.com/Sidehustlers"><i class = "fab fa-twitter"></i></a>
+                        </li>
+                        <li class="flex">
+                            <a href="https://www.instagram.com/beasidehustler/"><i class = "fab fa-instagram"></i></a>
+                        </li>
+                        <li class="flex">
+                            <a href="https://www.youtube.com/channel/UCRkYp3SkqvR5OD8YiTqVEbQ"><i class = "fab fa-youtube"></i></a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="row ">  
                     <div>
                         <h3 class="lg-text">Information</h3>
                         <hr class="line">

diff --git a/Course/css/style.css b/Course/css/style.css
diff --git a/Course/style.css b/Course/style.css
@@ -1043,7 +1043,7 @@ footer .row > div:nth-child(1) p {
   border: 2px solid #fff;
   width: 40px;
   height: 40px;
-  margin-right: 0.5rem;
+  margin-right: 2rem;
   border-radius: 50%;
 }