From 30eebc5a665ff8e1c5ca9c668b36295e0deb2b5c Mon Sep 17 00:00:00 2001
From: abhaykumar-0285 <abhay.kr2803@gmail.com>
Date: Sat, 9 Nov 2024 17:55:52 +0530
Subject: [PATCH 1/3] updating scroll button in main page

---
 index.html | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
diff --git a/index.html b/index.html
index 39ed6b64..5fc13a7c 100644
--- a/index.html
+++ b/index.html
@@ -219,6 +219,33 @@
             color: #007bff;
             margin-left: 10px;
         }
+
+/* Style for the scroll-to-top button */
+.scroll-top-btn {
+  position: fixed;
+  bottom: 80px;
+  right: 25px;
+  display: none; /* Initially hidden */
+  background-color: #007bff;
+  color: white;
+  border: none;
+  padding: 10px 15px;
+  border-radius: 50%;
+  cursor: pointer;
+  font-size: 0px;
+  z-index: 1000;
+  transition: background-color 0.3s;
+}
+
+/* Change color on hover */
+.scroll-top-btn:hover {
+  background-color: #007bff;
+}
+
+/* FontAwesome icon */
+.scroll-top-btn i {
+  font-size: 20px;
+}
     </style>
 
 
@@ -229,6 +256,12 @@
 </head>
 
 <body onload="Finish_Loader()">
+
+        <!-- adding scroll button -->
+        <button id="scrollTopBtn" class="scroll-top-btn">
+            <i class="fas fa-arrow-up"></i>
+        </button>
+
     <!-- pre load -->
     <div id="loader">
         <div class="loadingspinner">
@@ -1168,6 +1201,27 @@ <h2>Forgot Password</h2>
                 });
             </script>
 
+<script>
+// Get the button
+const scrollTopBtn = document.getElementById("scrollTopBtn");
+
+// Show the button when the user scrolls down 300px from the top
+window.onscroll = function() {
+  if (document.body.scrollTop > 10 || document.documentElement.scrollTop > 10) {
+    scrollTopBtn.style.display = "block";
+  } else {
+    scrollTopBtn.style.display = "none";
+  }
+};
+
+// When the user clicks the button, scroll to the top of the document
+scrollTopBtn.addEventListener("click", function() {
+  window.scrollTo({
+    top: 0,
+    behavior: 'smooth' // Smooth scrolling effect
+  });
+});
+</script>
 
         </section>
         <!--blog post section-->

From c43873bfa408ed0ec4145b08ea03ec36dd3aa053 Mon Sep 17 00:00:00 2001
From: abhaykumar-0285 <abhay.kr2803@gmail.com>
Date: Sun, 10 Nov 2024 09:27:32 +0530
Subject: [PATCH 2/3] updating colour in scroll button

---
 index.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 5fc13a7c..b4f9828b 100644
--- a/index.html
+++ b/index.html
@@ -226,25 +226,31 @@
   bottom: 80px;
   right: 25px;
   display: none; /* Initially hidden */
-  background-color: #007bff;
+  background-color: #f4978e;
   color: white;
   border: none;
   padding: 10px 15px;
   border-radius: 50%;
   cursor: pointer;
-  font-size: 0px;
+  font-size: inherit;
   z-index: 1000;
-  transition: background-color 0.3s;
+  transition: background-color 0.3s, transform 0.3s;
 }
 
 /* Change color on hover */
 .scroll-top-btn:hover {
-  background-color: #007bff;
+  background-color: white;
+  color: #f4978e;
+  transform: scale(1.1);
 }
 
 /* FontAwesome icon */
 .scroll-top-btn i {
-  font-size: 20px;
+  font-size: 24px;
+  transition: color 0.3s;
+}
+.scroll-top-btn:hover i {
+  color: #f4978e;
 }
     </style>
 

From 311d85c00a12c30ed0f0c17cf874d36c5113745c Mon Sep 17 00:00:00 2001
From: abhaykumar-0285 <abhay.kr2803@gmail.com>
Date: Sun, 10 Nov 2024 13:25:12 +0530
Subject: [PATCH 3/3] updating the size of scroll button

---
 index.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b4f9828b..9be3fff8 100644
--- a/index.html
+++ b/index.html
@@ -224,7 +224,9 @@
 .scroll-top-btn {
   position: fixed;
   bottom: 80px;
-  right: 25px;
+  right: 15px;
+  height: 60px;
+  width: 60px;
   display: none; /* Initially hidden */
   background-color: #f4978e;
   color: white;
