Cover and footer overlap fix on text & icons

CONTRIBUTORS.md

@@ -98,6 +98,8 @@
 
 [@Ram-1984](https://github.com/Ram-1984)
 
+[@KrisDaskalov](https://github.com/KrisDaskalov)
+
 [@CTMBeast](https://github.com/CTMBeast)
 
 [@AmrithaM](https://github.com/AmrithaM)
@@ -280,6 +282,5 @@
 
 [@RedNoodle325](https://github.com/RedNoodle325)
 
-[@bunnyBites](https://github.com/bunnyBites)
--[@Vigneshwaar](https://github.com/V6g1)
+[@bunnyBites](https://github.com/bunnyBites) -[@Vigneshwaar](https://github.com/V6g1)
 [@proton029](https://github.com/proton029)

index.html

@@ -115,8 +115,8 @@ <h1>
                                     </div>
                                 </div>
                             </div>
-                            <h1 style="color: blue; font-family: 'Ubuntu', sans-serif; line-height: 55px; font-weight: 900; font-size: 8rem;">
-                            <a ><span >Zero To Mastery</span></a>
+                            <h1 style="color: blue; font-family: 'Ubuntu', sans-serif; line-height: 55px; font-weight: 900; font-size: 6rem; padding: 50px;">
+                            <a><span class="ZTM">Zero To Mastery</span></a>
                         </h1>
 
                         <a href="instructor.html" id="course-button" class="btn btn-secondary px-3 py-2">View
@@ -413,23 +413,22 @@ <h2 class="text-center mb-5 border-bottom-3 bottom-heading">Our grateful student
 
                 <div class="container-fluid footer-container">
                     <div class="a2a_kit a2a_kit_size_32 a2a_default_style" style="line-height: 32px">
-                        <h5>If you enjoyed the course like I did, share it so more people can enjoy it!</h5>
-                        <div class="buttons">
-                            <a class="a2a_button_facebook"><i class="fab fa-facebook fa-2x"></i></a>
-                            <a class="a2a_button_twitter"><i class="fab fa-twitter fa-2x"></i></a>
-                            <a class="a2a_button_email"><i class="fas fa-envelope-square fa-2x"></i></a>
-                            <a class="a2a_button_whatsapp"><i class="fab fa-whatsapp fa-2x"></i></a>
-                        </div>
+                        <h5 class="share">If you enjoyed the course like I did, share it so more people can enjoy it!</h5><br>
                     </div>
 
-                    <div id="credits">
-                        <div class="center git">
+                    <div id="credits" class="center" class="buttons">
+                        <div class="git">
                             <a href="https://github.com/zero-to-mastery/HTML-project">
-                                <img id="laptop" src="resources/images/git.svg" title="Repository link" alt="Git Icon">
+                                <i id="laptop" class="fab fa-brands fa-git-alt fa-2x" style="color: #fb132a;" title="Repository link" alt="Git Icon"></i>
                             </a>
-                        </div>
-                        Made by CWD &copy; All rights reserved by ZTM !
+                            <a class="a2a_button_facebook"><i class="fab fa-facebook fa-2x"></i></a>
+                            <a class="a2a_button_twitter"><i class="fab fa-twitter fa-2x"></i></a>
+                            <a class="a2a_button_email"><i class="fas fa-envelope-square fa-2x"></i></a>
+                            <a class="a2a_button_whatsapp"><i class="fab fa-whatsapp fa-2x"></i></a>
+                        </div><
+
                     </div>
+                    <div class="rights"> Made by CWD &copy; All rights reserved by ZTM ! </div>
                 </div>
             </div>
         </div>

modified_homepage_css.css

@@ -61,4 +61,33 @@ nav {
     background-color: #081020c7;
     color: #fff;
     transform: scale(1.2);
+}
+
+/* COVER */
+.ZTM {
+    padding: 30px;
+    line-height: 0.8;
+}
+
+@media only screen and (max-width: 600px) {
+    .ZTM {
+        font-size: 4rem;
+        padding 0;
+
+    }
+
+}
+
+/* FOOTER */
+.share{
+    padding: 20px;
+    line-height: 0.8;
+}
+
+.rights{
+    padding: 10px;
+}
+
+.git{
+    padding: 0px 0px 10px 0px;
 }

resources/style/style.css

@@ -401,6 +401,7 @@ nav.navbar button.navbar-toggler {
 .a2a_button_twitter,
 .a2a_button_email,
 .a2a_button_whatsapp,
+.a2a_button_git,
 .a2a_button_phone{
   margin: 10px;
   text-align: center;