✨[Feature Request]: Addition of Preloader and Custom Cursor.

#387

index.html

@@ -27,7 +27,11 @@
   <link href="remixicon/remixicon.css" rel="stylesheet">
   <link href="swiper/swiper-bundle.min.css" rel="stylesheet">
 
-
+  <link rel="stylesheet" href="chatbox.css">
+  <!-- Google Fonts Link For Icons chatboxx -->
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
+  <script src="chatboxx.js" defer></script>
 
   <link href="patient-portal.css" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
@@ -230,27 +234,38 @@
 </div>
   <!-- ############# Header ############# -->
 
-  <header id="header" class="fixed-top">
-    <div class="container d-flex align-items-center">
-
-      <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="#doctors">Doctors</a></li>
-          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
-        </ul>
-        <i class="bi bi-list mobile-nav-toggle"></i>
-      </nav><!-- .navbar -->
-
-      <a href="#appointment" class="appointment-btn scrollto">
-        <span class="d-md-inline">EMERGENCY</span></a>
+  <header class="header_container">
+    <div class="img">
+    <img id="rd-logo"  style="width: 90px; height: auto;" src="/images/rd.png"> 
+  </div>
 
-    </div>
-  </header>
+  </div>
+  <nav class="nav_menu">
+
+    <ul class="nav_link">
+      <li><a href="index.html">Home</a></li>
+      <li><a href="#about">About</a></li>
+      <li><a href="Html-Files/news.html">News</a></li>
+      <a href="dex.html"><button>Service</button></a>
+      <li><a href="#patient-portal">patient Portal</a></li>
+      <li><a href="#doctors">Doctor</a></li>
+      <li><a href="Html-Files/contact.html">Contact us</a></li>
+      <a href="login.html"><button>Sign in/Sign up</button></a>
+    </ul>
+  </nav>
+  </div>
+</header>
+<ul class="chatbox">
+  <li class="chat incoming">
+    <span class="material-symbols-outlined">smart_toy</span>
+    <p>Hi there 👋<br>How can I help you today?</p>
+  </li>
+</ul>
+<div class="chat-input">
+  <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
+  <span id="send-btn" class="material-symbols-rounded">send</span>
+</div>
+</div>