Improve Navigation bar Anishkagupta04#138

ShahHetviIT · May 16, 2024 · 45ce74a · 45ce74a
1 parent 1892a3d
commit 45ce74a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 28 deletions.
diff --git a/index.html b/index.html
@@ -48,24 +48,18 @@
 
 
   <header id="header" class="fixed-top">
-    <div class="container-head d-flex">
-      <div class="img">
-      <img id="rd-logo"  style="width: 90px; height: auto;" src="images/rd.png"> 
-    </div>
-    <div class="text">
+    <div class="container d-flex align-items-center">
+
       <h1 class="logo me-auto"><a href="index.html">RapiDoc</a></h1>
-    </div>
-    </div>
+
       <nav id="navbar" class="navbar order-last order-lg-0">
         <ul>
           <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 active" href="Html-Files/news.html"><i class="fa-solid fa-house"></i> News</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="Html-Files/contact.html"><i class="fa-solid fa-phone"></i> Contact</a></li>
-          <li><a class="nav-link scrollto active" href="Html-Files/news.html"><i class="fa-solid fa-house"></i> News</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"><i class="fa-solid fa-comment"></i> Feedback</a></li>
         </ul>
@@ -82,6 +76,7 @@ <h1 class="logo me-auto"><a href="index.html">RapiDoc</a></h1>
   </header><!-- End Header -->
 
 
+
   <!-- ======= Home Section ======= -->
 
 

diff --git a/style.css b/style.css
@@ -70,6 +70,12 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 /*################----Header----################*/
+
+.container{
+  display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
 #header {
   background: #022a2d;
   transition: all 0.5s;
@@ -79,23 +85,6 @@ h1, h2, h3, h4, h5, h6 {
   box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
 }
 
-.container-head{
-  display: grid;
-  align-items: center;
-  grid-template-columns: 1fr 2fr 13fr 3fr;
-  margin-top: 0px;
-}
-
-.container-head > div{
-  text-align: center;
-  font-size: 15px;
-}
-
-img{
-  max-width: 130%;
-  max-height: 130%;
-}
-
 #header.header-scrolled {
   top: 0;
 }
@@ -386,7 +375,6 @@ section {
   background: #3fbcc0a4;
 }
 #home video{
-  margin-top: -70px;
   margin-left: 50PX;
   height: 900px;
   position: absolute;