Merge pull request #88 from Soumya6Tiwari/main

Added Icons : issue number :# 76
Anishkagupta04 · May 13, 2024 · 21bb549 · 21bb549
2 parents 0089d63 + c484d6e
commit 21bb549
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,10 @@
 <head>
   <meta charset="utf-8">
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
-
+  <link rel="icon" href="./assets/images/favicon.png" type="image/x-icon">
+  <link rel="stylesheet" type="text/css" href="./style.css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
+  <script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
   <title>RapiDoc</title>
   <link
     href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
@@ -78,20 +81,20 @@ <h1 class="logo me-auto"><a href="index.html">RapiDoc</a></h1>
 
       <nav id="navbar" class="navbar order-last order-lg-0">
         <ul>
-          <li><a class="nav-link scrollto active" href="#home">Home</a></li>
-          <li><a class="nav-link scrollto" href="#about">About</a></li>
-          <li><a class="nav-link scrollto" href="#services">Services</a></li>
-          <li><a class="nav-link scrollto" href="#patient-portal">Patient Portal</a></li>
-          <li><a class="nav-link scrollto" href="#doctors">Doctors</a></li>
-          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
+          <li><a class="nav-link scrollto active" href="#home"><i class="fa-solid fa-house"></i> Home</a></li>
+          <li><a class="nav-link scrollto" href="#about"><i class="fa-solid fa-circle-info"></i> About</a></li>
+          <li><a class="nav-link scrollto" href="#services"><i class="fa-solid fa-wrench"></i> Services</a></li>
+          <li><a class="nav-link scrollto" href="#patient-portal"><i class="fa-solid fa-bed-pulse"></i> Patient Portal</a></li>
+          <li><a class="nav-link scrollto" href="#doctors"><i class="fa-solid fa-user-doctor"></i> Doctors</a></li>
+          <li><a class="nav-link scrollto" href="#contact"><i class="fa-solid fa-phone"></i> Contact</a></li>
 
-          <li><a class="nav-link" href="#feedback">Feedback</a></li>
+          <li><a class="nav-link" href="#feedback"><i class="fa-solid fa-comment"></i> Feedback</a></li>
         </ul>
         <i class="bi bi-list mobile-nav-toggle"></i>
       </nav><!-- .navbar -->
 
       <a href="#appointment" class="appointment-btn scrollto" style="padding: 10px 20px; min-width: 150px;">
-        <span class="d-none d-md-inline">EMERGENCY</span>
+        <span class="d-none d-md-inline"><i class="fa-solid fa-hospital"></i> EMERGENCY</span>
     </a>
 
     </div>