feat:scrolltotopbutton added

Author: Scrapper700

ScrolllToTop.js renamed to ScrollToTop.js

@@ -8,12 +8,11 @@
     justify-content: center; 
     display: none; 
     align-items: center; 
-    border-radius: 100%;
-    background-color: grey;
+    border-radius: 100%; /* Makes the button circular */
 }
 
 .go-top-btn img {
-    width: 45px;
-    height: 45px;
-}
-
+    width: 55px;
+    height: 55px;
+    border-radius: 50%; /* Makes the image circular */
+}

button.css

@@ -854,7 +854,7 @@ <h4>Follow US</h4>
     <script src="./Internships/script.js"></script>
 
     <button class="go-top-btn">
-        <img src="upi-arrow.png" alt="up-arrow">
+        <img src="up-arrow2.png" alt="up-arrow">
 
         <script src="ScrollToTop.js"></script>
     </button>

csedge.courses/Resources.html

@@ -804,12 +804,12 @@ i {
     justify-content: center; 
     display: none; 
     align-items: center; 
-    border-radius: 100%;
-    background-color: grey;
+    border-radius: 100%; /* Makes the button circular */
 }
 
 .go-top-btn img {
-    width: 45px;
-    height: 45px;
+    width: 55px;
+    height: 55px;
+    border-radius: 50%; /* Makes the image circular */
 }
 

csedge.courses/index.css

@@ -324,19 +324,15 @@ <h6>Quick Links</h6>
       </div>
     </div>
 
-    <div class="container">
-      <h1 class="hello-text">Hello</h1>
-    </div>
-
   </footer>
   <!-- Bootstrap core JS-->
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
   <script src="./posts/script.js"></script>
 
   <button class="go-top-btn">
-    <img src="up-arrow.png" alt="up-arrow">
+    <img src="up-arrow2.png" alt="up-arrow">
 
-    <script src="ScrolllToTop.js"></script>
+    <script src="ScrollToTop.js"></script>
   </button>
 
 </body>