first commit

2023-10-27 15:44:45 +05:30
commit ce7bdeb3e9
11 changed files with 522 additions and 0 deletions
--- a/nav_bar/img/logo.png
+++ b/nav_bar/img/logo.png
--- a/nav_bar/nav_bar.css
+++ b/nav_bar/nav_bar.css
@@ -0,0 +1,38 @@
+body {
+    margin: 0;
+    font-family: Arial, Helvetica, sans-serif;
+  }
+  
+  .topnav {
+    overflow: hidden;
+    background-color: #FFFF;
+  }
+  
+  .topnav a {
+    float: left;
+    color: black;
+    text-align: end;
+    padding: 14px 16px;
+    text-decoration: none;
+    font-size: 15px;
+  }
+  
+  .topnav a:hover {
+    color: red;
+  }
+  
+  .topnav a.active {
+    color: red;
+  }
+
+  .logo {
+    width: 200px;
+    height: 50px;
+    padding-right: 480px;
+    padding-left: 30px;
+  }
+
+  .header-container{
+    display: flex;
+    align-items: center;
+  }
--- a/nav_bar/nav_bar.html
+++ b/nav_bar/nav_bar.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="nav_bar.css" />
+  </head>
+  <body>
+    <div class="header-container">
+      <div>
+        <img class="logo" src="img/logo.png" alt="logo image" />
+      </div>
+      <!--This is the top nav bar-->
+      <div class="topnav">
+        <a class="active" href="#home">Home</a>
+        <a href="#aboutus">About Us</a>
+        <a href="#doctors">Doctors</a>
+        <a href="#department">Department</a>
+        <a href="#newsandmedia">New and Media</a>
+        <a href="#career">Career</a>
+        <a href="#contactus">Contact Us</a>
+      </div>
+
+      <!--Ending of top nav bar-->
+    </div>
+  </body>
+</html>