Merge pull request #46 from nandini040/master

Added scroll up button to top
CodeFlowOrg · Oct 29, 2021 · f9207f4 · f9207f4
2 parents 4bf5c25 + 6dc4dd0
commit f9207f4
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/Landing page/Landing_page.css b/Landing page/Landing_page.css
@@ -6,6 +6,9 @@
 :root{
     scroll-behavior: smooth;
 }
+html{
+    scroll-behavior: smooth;
+}
 .header{
     min-height: 100vh;
     width: 100%;
@@ -233,3 +236,25 @@ nav .fa{
 .fa-heart-o{
     color: #f44336;
 }
+
+/*--Scroll up Button--*/
+.arrow-btn{
+    position: fixed;
+    bottom: 30px;
+    right: 30px;
+    z-index: 9;
+}
+.arrow-btn a{
+    height: 39px;
+    width: 37px;
+    text-align: center;
+    background: #1b1b1b;
+    display: block;
+    border-radius: 3px;
+    cursor: pointer;
+}
+.arrow-btn a span{
+    color: #f2f2f2;
+    line-height: 39px;
+    font-size: 25px;
+}
diff --git a/index.html b/index.html
@@ -9,9 +9,13 @@
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
+    <script src="https://kit.fontawesome.com/a076d05399.js"></script>
     <title>Issue solver</title>
 </head>
 <body>
+     <div class="arrow-btn">
+        <a href="#"><span class="fas fa-angle-up"></span></a>
+    </div>
    <section class="header">
         <nav>
             <a herf="Landing_page.html"><img src="images/logo.jpg"></a>