Merge pull request #219 from Vishwajeet594/icon-fix

Fix Icons Visibility Issue
07sumit1002 · Oct 6, 2024 · 8e7e023 · 8e7e023
2 parents 7b96704 + fb24c6e
commit 8e7e023
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 0 deletions.
diff --git a/contactus.html b/contactus.html
@@ -8,6 +8,7 @@
       <link rel="stylesheet" href="contactus.css">
       <link rel="stylesheet" href="./css/demo.css">
       <script src="https://kit.fontawesome.com/c32adfdcda.js" crossorigin="anonymous"></script>
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
    </head>
    <body>

diff --git a/ride.html b/ride.html
@@ -5,6 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Cabshare</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
     <!-- Link to CSS -->
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css">
@@ -259,6 +261,9 @@ <h1>Rider Details!<span></span></h1>
             </form>
         </div>
     </div>
+    <div id="topbtn" class="topbtn">
+        <a class="gotopbtn" href="#"><i class="fa-solid fa-angles-up"></i></a>
+    </div>
     <!-- JavaScript for smooth scroll to top -->
     <script>
         document.getElementById('riderForm').addEventListener('submit', function(event) {

diff --git a/serv.css b/serv.css
@@ -263,4 +263,17 @@ footer {
     display: block;
     text-align: center;
   }
+  .topbtn{
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    bottom: 11px;
+    right: 29px;
+    text-decoration: none;
+    text-align: center;
+    line-height: 50px;
+    user-select: none;
+    font-size: 22px;
+    border-radius: 50%
+  }
 }
diff --git a/serv.html b/serv.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>CabRental Services</title>
     <link rel="stylesheet" href="serv.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <style>
       /* Add some basic styling for smooth scrolling */
       html {
@@ -134,5 +135,8 @@ <h2>Special Occasions</h2>
         });
     </script>
     </footer>
+    <div id="topbtn" class="topbtn">
+      <a class="gotopbtn" href="#"><i class="fa-solid fa-angles-up"></i></a>
+  </div>
   </body>
 </html>
diff --git a/style.css b/style.css
@@ -1186,7 +1186,11 @@ footer p {
 
 }
 
+
+
+
 .topbtn {
+
   position: fixed;
   width: 50px;
   height: 50px;