Merge pull request #13 from AtharvaK123/main

Sites-For-All · May 14, 2024 · 3801ee9 · 3801ee9
2 parents a2db652 + f7266bc
commit 3801ee9
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -17,6 +17,9 @@
         <a href="#services">Services</a>
         <a href="#our-mission">Our Mission</a>
     </div>
+    <button id="myBtn"> 
+        <a href="#top" style="color: white">🠉</a> 
+    </button>
     <div class="frontpage b1">
         <div class="frontpage-items-container">
             <h1 data-aos="fade" data-aos-duration="1000">Sites For All</h1>
@@ -55,4 +58,4 @@ <h2 data-aos="fade" data-aos-duration="1000">Our Mission</h2>
         AOS.init();
     </script>
 </body>
-</html>
+</html>
diff --git a/styles/index.css b/styles/index.css
@@ -5,6 +5,33 @@ html, body {
     scroll-behavior: smooth;
 }
 
+/*Floating Back-To-Top Button*/ 
+#myBtn { 
+    position: fixed; 
+    bottom: 10px; 
+    float: right; 
+    right: 1.0%; 
+    max-width: 50px; 
+    max-height: 50px; 
+    width: 50.0%; 
+    height: 50.0%; 
+    font-size: 24px; 
+    border-color: rgba(85, 85, 85, 0.2); 
+    background-color: rgb(148, 129, 129); 
+    padding: 5px; border-radius: 50px;
+    text-decoration: none;
+} 
+/*On Hover Color Change*/ 
+#myBtn:hover { 
+    background-color: #7dbbf1; 
+}
+
+#myBtn a {
+    text-decoration: none;
+    font-weight: bold;
+    text-shadow: 0.5px 0.5px 15px black;
+}
+
 .navbar {
     background-color: #333;
     padding-top: 10px;
@@ -128,4 +155,4 @@ html, body {
         width: 100%;
 
     }
-}
+}