From 1be0647654ede184138f428576b733b5c4b5ab53 Mon Sep 17 00:00:00 2001
From: nageshkharat <kharatnagesh049@gmail.com>
Date: Wed, 18 Jun 2025 20:25:01 +0530
Subject: [PATCH] Added Scroll Up button at the bottom of the homepage

Signed-off-by: nageshkharat <kharatnagesh049@gmail.com>
---
 css/main.css | 44 +++++++++++++++++++++++++++++++++++++++++---
 index.html   |  7 ++++++-
 2 files changed, 47 insertions(+), 4 deletions(-)

diff --git a/css/main.css b/css/main.css
index 4978a5c..38545db 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1875,13 +1875,13 @@ background: linear-gradient(180deg, rgba(251,156,82,0.16290266106442575) 35%, rg
   color: #ffffff;
 }
 
-.home-content__scroll {
+.home-content__scroll_down {
   position: absolute;
   right: 9.5rem;
   bottom: 16.4rem;
 }
 
-.home-content__scroll a {
+.home-content__scroll_down a {
   font-family: "TT Norms Pro", sans-serif;
   font-size: 1rem;
   text-transform: uppercase;
@@ -1893,7 +1893,7 @@ background: linear-gradient(180deg, rgba(251,156,82,0.16290266106442575) 35%, rg
   padding-left: 2.5rem;
 }
 
-.home-content__scroll a::before {
+.home-content__scroll_down a::before {
   border-bottom: 2px solid #ff904d;
   border-right: 2px solid #ff904d;
   content: "";
@@ -1915,6 +1915,44 @@ background: linear-gradient(180deg, rgba(251,156,82,0.16290266106442575) 35%, rg
   transition: all 0.15s ease-in-out;
 }
 
+.home-content__scroll_up {
+  position: absolute;
+  top: auto;
+  right: 12rem;
+}
+
+.home-content__scroll_up a {
+  font-family: "TT Norms Pro", sans-serif;
+  font-size: 1rem;
+  text-transform: uppercase;
+  letter-spacing: 0.3rem;
+  color: #ff904d;
+  position: relative;
+  display: inline-block;
+  line-height: 3rem;
+  padding-left: 2.5rem;
+  background-color: transparent;
+  text-decoration: none;
+}
+
+.home-content__scroll_up a::before {
+  content: "";
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  height: 8px;
+  width: 8px;
+  margin-top: -6px;
+  border-left: 2px solid #ff904d;
+  border-top: 2px solid #ff904d;
+  transform: rotate(45deg);
+  transform-origin: 66% 66%;
+  transition: all 0.15s ease-in-out;
+}
+
+
+
 .home-content__line {
   display: block;
   width: 2px;
diff --git a/index.html b/index.html
index 373e634..48c351d 100644
--- a/index.html
+++ b/index.html
@@ -126,7 +126,7 @@ <h4>Designed to help you master open-source contributions, Git, GitHub, API deve
 
             </div>
 
-            <div class="home-content__scroll">
+            <div class="home-content__scroll_down">
                 <a href="#about" class="scroll-link smoothscroll">
                     <span>Scroll Down</span>
                 </a>
@@ -406,6 +406,11 @@ <h3>Find us on</h3>
 				</div>
 			</div>
 		</div>
+        <div class="home-content__scroll_up">
+            <a href="#home" class="scroll-link smoothscroll" title="Scroll to Top">
+                <span>Scroll Up</span>
+            </a>
+        </div>
 	</footer>
 	<!--================End Footer Area =================-->