Scroll to top btn and copyright year added with updated code.

Author: gauravsingh1281

Diff for: copyrightYear.js

@@ -0,0 +1,4 @@
+let copyRightYear = document.getElementById("copyright-year");
+let currentDate = new Date();
+let currentYear = currentDate.getFullYear();
+copyRightYear.innerText = currentYear;

Diff for: main.html

@@ -129,6 +129,7 @@ <h3>More Features Coming Soon</h3>
 
     <footer>
         <div class="footer-container">
+
             <div class="company-info">
                 <h1 class="company-name heading flex justify-center items-center gap-4 "><img
                         src="./assets/logo.png">Dev-Mint</h1>
@@ -177,11 +178,13 @@ <h1 class="heading">Keep In Touch</h1>
             </div>
         </div>
 
-        <p class="copyright">Built with ❤️ by Dev-Mint Team | ©
-            <script>
-                document.write(new Date().getFullYear());
-            </script>: All Rights Reserved
-        </p>
+        <p>&copy; <span id="copyright-year"></span> All Rights Reserved || Built with ❤️ by Dev-Mint Team</p>
+        <button id="goto-top-btn" onclick="goTop()"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
+                fill="green" class="bi bi-arrow-up" viewBox="0 0 16 16">
+                <path fill-rule="evenodd"
+                    d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5" />
+            </svg>
+        </button>
     </footer>
 
     <script>
@@ -205,6 +208,8 @@ <h1 class="heading">Keep In Touch</h1>
             document.getElementById("mobile-nav").classList.toggle("hidden");
         }
     </script>
+    <script src="./copyrightYear.js"></script>
+    <script src="./scrollTop.js"></script>
 </body>
 
 </html>

Diff for: scrollTop.js

@@ -0,0 +1,17 @@
+let scrollTopBtn = document.getElementById("goto-top-btn");
+
+const showTopBtn = () => {
+  if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
+    scrollTopBtn.style.display = "block";
+  } else {
+    scrollTopBtn.style.display = "none";
+  }
+};
+
+const goTop= ()=>{
+document.body.scrollTop = 0;
+document.documentElement.scrollTop = 0;
+}
+window.onscroll = () => {
+  showTopBtn();
+};

Diff for: style.css

@@ -549,6 +549,23 @@ footer {
     color: #5865F2;
 }
 
+#goto-top-btn {
+    background-color: white;
+    padding: 15px 19px;
+    border: none;
+    border-radius: 50%;
+    position: fixed;
+    bottom: 55px;
+    right: 30px;
+    display: none;
+    border: 5px solid red;
+    cursor: pointer;
+}
+
+#goto-top-btn:hover {
+    background-color: #bdbaba;
+}
+
 @keyframes animate {
     50% {
         transform: translateY(-8px);