From fbeb84f367afbeb0066b5a63dddb336e57fb07ad Mon Sep 17 00:00:00 2001
From: shar2710 <s.sejal2710@gmail.com>
Date: Sun, 3 Nov 2024 10:46:18 +0530
Subject: [PATCH 1/2] added back to top button

---
 blog.html              | 49 ++++++++++++++++++++++++++++++++++++++++
 bookmarks.html         | 50 +++++++++++++++++++++++++++++++++++++++++
 category.html          | 49 ++++++++++++++++++++++++++++++++++++++++
 chatbot.html           | 50 +++++++++++++++++++++++++++++++++++++++++
 comment1.html          | 51 +++++++++++++++++++++++++++++++++++++++++-
 comment10.html         | 51 +++++++++++++++++++++++++++++++++++++++++-
 comment11.html         | 51 +++++++++++++++++++++++++++++++++++++++++-
 comment12.html         | 51 +++++++++++++++++++++++++++++++++++++++++-
 comment13.html         | 51 +++++++++++++++++++++++++++++++++++++++++-
 comment14.html         | 51 +++++++++++++++++++++++++++++++++++++++++-
 comment2.html          | 49 ++++++++++++++++++++++++++++++++++++++++
 comment3.html          | 49 ++++++++++++++++++++++++++++++++++++++++
 comment4.html          | 51 +++++++++++++++++++++++++++++++++++++++++-
 comment5.html          | 51 +++++++++++++++++++++++++++++++++++++++++-
 comment6.html          | 51 +++++++++++++++++++++++++++++++++++++++++-
 comment7.html          | 51 +++++++++++++++++++++++++++++++++++++++++-
 comment8.html          | 49 ++++++++++++++++++++++++++++++++++++++++
 comment9.html          | 49 ++++++++++++++++++++++++++++++++++++++++
 contact.html           | 49 ++++++++++++++++++++++++++++++++++++++++
 contact_us.html        | 49 ++++++++++++++++++++++++++++++++++++++++
 fashion.html           | 49 ++++++++++++++++++++++++++++++++++++++++
 food.html              | 49 ++++++++++++++++++++++++++++++++++++++++
 gaming_chronicles.html | 49 ++++++++++++++++++++++++++++++++++++++++
 give_feedback.html     | 49 ++++++++++++++++++++++++++++++++++++++++
 health.html            | 49 ++++++++++++++++++++++++++++++++++++++++
 index.html             | 51 +++++++++++++++++++++++++++++++++++++++++-
 life.html              | 49 ++++++++++++++++++++++++++++++++++++++++
 privacy.html           | 50 +++++++++++++++++++++++++++++++++++++++++
 resetpass.html         | 51 +++++++++++++++++++++++++++++++++++++++++-
 start.html             | 51 +++++++++++++++++++++++++++++++++++++++++-
 start_writing.html     | 49 ++++++++++++++++++++++++++++++++++++++++
 tech.html              | 49 ++++++++++++++++++++++++++++++++++++++++
 travel.html            | 49 ++++++++++++++++++++++++++++++++++++++++
 33 files changed, 1633 insertions(+), 13 deletions(-)

diff --git a/blog.html b/blog.html
index dbfb981e..3c445431 100644
--- a/blog.html
+++ b/blog.html
@@ -1623,6 +1623,55 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
   <script>window.gtranslateSettings = { "default_language": "en", "detect_browser_language": true, "wrapper_selector": ".gtranslate_wrapper" }</script>
   <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
   <script src="script.js"></script>
+  <div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 
diff --git a/bookmarks.html b/bookmarks.html
index 01216c92..a4bd034a 100644
--- a/bookmarks.html
+++ b/bookmarks.html
@@ -319,5 +319,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
   <div class="gtranslate_wrapper"></div>
 <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
+<div id="back-to-top" class="back-to-top">
+  <i class="fas fa-chevron-up"></i>
+</div>
+
+<style>
+  .back-to-top {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    width: 50px;
+    height: 50px;
+    background-color: #007bff;
+    color: white;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    transition: opacity 0.3s;
+    opacity: 0;
+    visibility: hidden;
+  }
+
+  .back-to-top.show {
+    opacity: 1;
+    visibility: visible;
+  }
+</style>
+
+<script>
+  const backToTopButton = document.getElementById('back-to-top');
+
+  window.addEventListener('scroll', () => {
+    if (window.scrollY > 300) {
+      backToTopButton.classList.add('show');
+    } else {
+      backToTopButton.classList.remove('show');
+    }
+  });
+
+  backToTopButton.addEventListener('click', ()=>{
+    window.scrollTo({
+      top: 0,
+      behavior:'smooth'
+    });
+  });
+</script>
+
+
 </body>
 </html>
diff --git a/category.html b/category.html
index 81604fe2..c51ccb26 100644
--- a/category.html
+++ b/category.html
@@ -959,6 +959,55 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 const app = new Vue({
   el: '#app' });
 </script>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 
diff --git a/chatbot.html b/chatbot.html
index f99c41cf..6ea37c5a 100644
--- a/chatbot.html
+++ b/chatbot.html
@@ -273,5 +273,55 @@
         loader.style.display = "none";
       });
     </script>
+    <div id="back-to-top" class="back-to-top">
+      <i class="fas fa-chevron-up"></i>
+    </div>
+  
+    <style>
+      .back-to-top {
+        position: fixed;
+        bottom: 20px;
+        right: 20px;
+        width: 50px;
+        height: 50px;
+        background-color: #007bff;
+        color: white;
+        border-radius: 50%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+        transition: opacity 0.3s;
+        opacity: 0;
+        visibility: hidden;
+      }
+  
+      .back-to-top.show {
+        opacity: 1;
+        visibility: visible;
+      }
+    </style>
+  
+    <script>
+      const backToTopButton = document.getElementById('back-to-top');
+  
+      window.addEventListener('scroll', () => {
+        if (window.scrollY > 300) {
+          backToTopButton.classList.add('show');
+        } else {
+          backToTopButton.classList.remove('show');
+        }
+      });
+  
+      backToTopButton.addEventListener('click', ()=>{
+        window.scrollTo({
+          top: 0,
+          behavior:'smooth'
+        });
+      });
+    </script>
+  
+  
 </body>
 </html>
diff --git a/comment1.html b/comment1.html
index 6db21224..8ebc0134 100644
--- a/comment1.html
+++ b/comment1.html
@@ -433,6 +433,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
             <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
         </div>
     </div>
-</footer>
+</footer><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
\ No newline at end of file
diff --git a/comment10.html b/comment10.html
index cb51ad16..77993734 100644
--- a/comment10.html
+++ b/comment10.html
@@ -431,6 +431,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
             <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
         </div>
     </div>
-</footer>
+</footer><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
\ No newline at end of file
diff --git a/comment11.html b/comment11.html
index 9c973cfd..ef66d2c9 100644
--- a/comment11.html
+++ b/comment11.html
@@ -429,6 +429,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
             <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
         </div>
     </div>
-</footer>
+</footer><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
\ No newline at end of file
diff --git a/comment12.html b/comment12.html
index b5758076..2e1b222f 100644
--- a/comment12.html
+++ b/comment12.html
@@ -431,6 +431,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
             <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
         </div>
     </div>
-</footer>
+</footer><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
\ No newline at end of file
diff --git a/comment13.html b/comment13.html
index d66c0f47..e61f49f7 100644
--- a/comment13.html
+++ b/comment13.html
@@ -429,6 +429,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
             <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
         </div>
     </div>
-</footer>
+</footer><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
diff --git a/comment14.html b/comment14.html
index 40d551ed..d7f69c64 100644
--- a/comment14.html
+++ b/comment14.html
@@ -429,6 +429,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
             <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
         </div>
     </div>
-</footer>
+</footer><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
\ No newline at end of file
diff --git a/comment2.html b/comment2.html
index 5327e0fb..0585d1d9 100644
--- a/comment2.html
+++ b/comment2.html
@@ -453,6 +453,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 </html>
diff --git a/comment3.html b/comment3.html
index fb8e2d61..fafa1c28 100644
--- a/comment3.html
+++ b/comment3.html
@@ -432,6 +432,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 </html>
\ No newline at end of file
diff --git a/comment4.html b/comment4.html
index acc2447f..add94dfe 100644
--- a/comment4.html
+++ b/comment4.html
@@ -430,6 +430,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
             <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
         </div>
     </div>
-</footer>
+</footer><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
\ No newline at end of file
diff --git a/comment5.html b/comment5.html
index 137cf2c5..3a143173 100644
--- a/comment5.html
+++ b/comment5.html
@@ -431,6 +431,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
             <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
         </div>
     </div>
-</footer>
+</footer><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
\ No newline at end of file
diff --git a/comment6.html b/comment6.html
index c4ff1e96..c320a603 100644
--- a/comment6.html
+++ b/comment6.html
@@ -430,6 +430,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
             <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
         </div>
     </div>
-</footer>
+</footer><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
\ No newline at end of file
diff --git a/comment7.html b/comment7.html
index 933fb93c..13632e96 100644
--- a/comment7.html
+++ b/comment7.html
@@ -429,6 +429,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
             <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
         </div>
     </div>
-</footer>
+</footer><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
\ No newline at end of file
diff --git a/comment8.html b/comment8.html
index f39ab641..e393656f 100644
--- a/comment8.html
+++ b/comment8.html
@@ -430,6 +430,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 </html>
\ No newline at end of file
diff --git a/comment9.html b/comment9.html
index d4826ae0..a637ca14 100644
--- a/comment9.html
+++ b/comment9.html
@@ -430,6 +430,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 </html>
\ No newline at end of file
diff --git a/contact.html b/contact.html
index c863b5e7..77e13667 100644
--- a/contact.html
+++ b/contact.html
@@ -350,6 +350,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
 <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 </html>
diff --git a/contact_us.html b/contact_us.html
index 434a2723..3a879196 100644
--- a/contact_us.html
+++ b/contact_us.html
@@ -691,5 +691,54 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 <script src="script.js"></script>
+<div id="back-to-top" class="back-to-top">
+  <i class="fas fa-chevron-up"></i>
+</div>
+
+<style>
+  .back-to-top {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    width: 50px;
+    height: 50px;
+    background-color: #007bff;
+    color: white;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    transition: opacity 0.3s;
+    opacity: 0;
+    visibility: hidden;
+  }
+
+  .back-to-top.show {
+    opacity: 1;
+    visibility: visible;
+  }
+</style>
+
+<script>
+  const backToTopButton = document.getElementById('back-to-top');
+
+  window.addEventListener('scroll', () => {
+    if (window.scrollY > 300) {
+      backToTopButton.classList.add('show');
+    } else {
+      backToTopButton.classList.remove('show');
+    }
+  });
+
+  backToTopButton.addEventListener('click', ()=>{
+    window.scrollTo({
+      top: 0,
+      behavior:'smooth'
+    });
+  });
+</script>
+
 
 </body>
\ No newline at end of file
diff --git a/fashion.html b/fashion.html
index 2a5ecba2..d2853791 100644
--- a/fashion.html
+++ b/fashion.html
@@ -376,6 +376,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 </html>
diff --git a/food.html b/food.html
index 1c5a9a54..b284edf3 100644
--- a/food.html
+++ b/food.html
@@ -383,6 +383,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 </html>
diff --git a/gaming_chronicles.html b/gaming_chronicles.html
index 70841205..2b562bc0 100644
--- a/gaming_chronicles.html
+++ b/gaming_chronicles.html
@@ -1516,6 +1516,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
 <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 
+<div id="back-to-top" class="back-to-top">
+  <i class="fas fa-chevron-up"></i>
+</div>
+
+<style>
+  .back-to-top {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    width: 50px;
+    height: 50px;
+    background-color: #007bff;
+    color: white;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    transition: opacity 0.3s;
+    opacity: 0;
+    visibility: hidden;
+  }
+
+  .back-to-top.show {
+    opacity: 1;
+    visibility: visible;
+  }
+</style>
+
+<script>
+  const backToTopButton = document.getElementById('back-to-top');
+
+  window.addEventListener('scroll', () => {
+    if (window.scrollY > 300) {
+      backToTopButton.classList.add('show');
+    } else {
+      backToTopButton.classList.remove('show');
+    }
+  });
+
+  backToTopButton.addEventListener('click', ()=>{
+    window.scrollTo({
+      top: 0,
+      behavior:'smooth'
+    });
+  });
+</script>
+
 
 </body>
 </html>
diff --git a/give_feedback.html b/give_feedback.html
index f238ae1c..d036f2a7 100644
--- a/give_feedback.html
+++ b/give_feedback.html
@@ -855,6 +855,55 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 <script src="script.js"></script>
+<div id="back-to-top" class="back-to-top">
+  <i class="fas fa-chevron-up"></i>
+</div>
+
+<style>
+  .back-to-top {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    width: 50px;
+    height: 50px;
+    background-color: #007bff;
+    color: white;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    transition: opacity 0.3s;
+    opacity: 0;
+    visibility: hidden;
+  }
+
+  .back-to-top.show {
+    opacity: 1;
+    visibility: visible;
+  }
+</style>
+
+<script>
+  const backToTopButton = document.getElementById('back-to-top');
+
+  window.addEventListener('scroll', () => {
+    if (window.scrollY > 300) {
+      backToTopButton.classList.add('show');
+    } else {
+      backToTopButton.classList.remove('show');
+    }
+  });
+
+  backToTopButton.addEventListener('click', ()=>{
+    window.scrollTo({
+      top: 0,
+      behavior:'smooth'
+    });
+  });
+</script>
+
 
 </body>
 
diff --git a/health.html b/health.html
index e3b635d0..f33dec23 100644
--- a/health.html
+++ b/health.html
@@ -379,6 +379,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 </html>
diff --git a/index.html b/index.html
index 39ed6b64..91510357 100644
--- a/index.html
+++ b/index.html
@@ -1661,7 +1661,56 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 
 
 
-
+    <div id="back-to-top" class="back-to-top">
+        <i class="fas fa-chevron-up"></i>
+      </div>
+    
+      <style>
+        .back-to-top {
+          position: fixed;
+          bottom: 20px;
+          right: 20px;
+          width: 50px;
+          height: 50px;
+          background-color: #007bff;
+          color: white;
+          border-radius: 50%;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          cursor: pointer;
+          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+          transition: opacity 0.3s;
+          opacity: 0;
+          visibility: hidden;
+        }
+    
+        .back-to-top.show {
+          opacity: 1;
+          visibility: visible;
+        }
+      </style>
+    
+      <script>
+        const backToTopButton = document.getElementById('back-to-top');
+    
+        window.addEventListener('scroll', () => {
+          if (window.scrollY > 300) {
+            backToTopButton.classList.add('show');
+          } else {
+            backToTopButton.classList.remove('show');
+          }
+        });
+    
+        backToTopButton.addEventListener('click', ()=>{
+          window.scrollTo({
+            top: 0,
+            behavior:'smooth'
+          });
+        });
+      </script>
+    
+    
 </body>
 
 </html>
\ No newline at end of file
diff --git a/life.html b/life.html
index 20a1775c..2631430e 100644
--- a/life.html
+++ b/life.html
@@ -376,6 +376,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 </html>
diff --git a/privacy.html b/privacy.html
index ef16c1c4..06668e60 100644
--- a/privacy.html
+++ b/privacy.html
@@ -645,6 +645,56 @@ <h4>Share this post:</h4>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
   <script src="profiledropdown.js"></script>
+  <div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
 </body>
 </html>
 
diff --git a/resetpass.html b/resetpass.html
index 56fdeeab..6784e254 100644
--- a/resetpass.html
+++ b/resetpass.html
@@ -171,6 +171,55 @@ <h2>Reset Your Password</h2>
           console.error("Error:", error);
         }
       }
-    </script>
+    </script><div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
+
   </body>
 </html>
diff --git a/start.html b/start.html
index 805e9d0d..d70c4589 100644
--- a/start.html
+++ b/start.html
@@ -483,6 +483,55 @@ <h2 class="footer-title secondary-title mt-2">Social</h2>
     <script src="./backend/signup-Auth/signup.js"></script>
     <script src="progress_bar.js"></script>
     <!--swiper slider cdn-->
-
+    <div id="back-to-top" class="back-to-top">
+      <i class="fas fa-chevron-up"></i>
+    </div>
+  
+    <style>
+      .back-to-top {
+        position: fixed;
+        bottom: 20px;
+        right: 20px;
+        width: 50px;
+        height: 50px;
+        background-color: #007bff;
+        color: white;
+        border-radius: 50%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+        transition: opacity 0.3s;
+        opacity: 0;
+        visibility: hidden;
+      }
+  
+      .back-to-top.show {
+        opacity: 1;
+        visibility: visible;
+      }
+    </style>
+  
+    <script>
+      const backToTopButton = document.getElementById('back-to-top');
+  
+      window.addEventListener('scroll', () => {
+        if (window.scrollY > 300) {
+          backToTopButton.classList.add('show');
+        } else {
+          backToTopButton.classList.remove('show');
+        }
+      });
+  
+      backToTopButton.addEventListener('click', ()=>{
+        window.scrollTo({
+          top: 0,
+          behavior:'smooth'
+        });
+      });
+    </script>
+  
+  
 </body>
 </html>
diff --git a/start_writing.html b/start_writing.html
index bc6937d2..f84a49a9 100644
--- a/start_writing.html
+++ b/start_writing.html
@@ -795,6 +795,55 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 <script src="script.js"></script>
+<div id="back-to-top" class="back-to-top">
+  <i class="fas fa-chevron-up"></i>
+</div>
+
+<style>
+  .back-to-top {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    width: 50px;
+    height: 50px;
+    background-color: #007bff;
+    color: white;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    transition: opacity 0.3s;
+    opacity: 0;
+    visibility: hidden;
+  }
+
+  .back-to-top.show {
+    opacity: 1;
+    visibility: visible;
+  }
+</style>
+
+<script>
+  const backToTopButton = document.getElementById('back-to-top');
+
+  window.addEventListener('scroll', () => {
+    if (window.scrollY > 300) {
+      backToTopButton.classList.add('show');
+    } else {
+      backToTopButton.classList.remove('show');
+    }
+  });
+
+  backToTopButton.addEventListener('click', ()=>{
+    window.scrollTo({
+      top: 0,
+      behavior:'smooth'
+    });
+  });
+</script>
+
 
   </body>
 </html>
diff --git a/tech.html b/tech.html
index af9ce6be..89d3070b 100644
--- a/tech.html
+++ b/tech.html
@@ -375,6 +375,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 </body>
 </html>
diff --git a/travel.html b/travel.html
index da197ff9..01f37bf3 100644
--- a/travel.html
+++ b/travel.html
@@ -390,6 +390,55 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer>
+<div id="back-to-top" class="back-to-top">
+    <i class="fas fa-chevron-up"></i>
+  </div>
+
+  <style>
+    .back-to-top {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+      background-color: #007bff;
+      color: white;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      cursor: pointer;
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+      transition: opacity 0.3s;
+      opacity: 0;
+      visibility: hidden;
+    }
+
+    .back-to-top.show {
+      opacity: 1;
+      visibility: visible;
+    }
+  </style>
+
+  <script>
+    const backToTopButton = document.getElementById('back-to-top');
+
+    window.addEventListener('scroll', () => {
+      if (window.scrollY > 300) {
+        backToTopButton.classList.add('show');
+      } else {
+        backToTopButton.classList.remove('show');
+      }
+    });
+
+    backToTopButton.addEventListener('click', ()=>{
+      window.scrollTo({
+        top: 0,
+        behavior:'smooth'
+      });
+    });
+  </script>
+
 
 
 </body>

From 3b0a52428de1b2a0869c6a984682112a22deda56 Mon Sep 17 00:00:00 2001
From: shar2710 <s.sejal2710@gmail.com>
Date: Sun, 3 Nov 2024 14:04:22 +0530
Subject: [PATCH 2/2] back to top

---
 travel.html | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/travel.html b/travel.html
index 01f37bf3..650c5347 100644
--- a/travel.html
+++ b/travel.html
@@ -438,8 +438,5 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       });
     });
   </script>
-
-
-
 </body>
 </html>