Fix jeeva2334#1

IM-TECHNO · Mar 18, 2023 · 0e9be5f · 0e9be5f
1 parent 0212c23
commit 0e9be5f
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 4 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/index.css b/index.css
@@ -3,3 +3,31 @@ body{
     width: 100vw;
     height: 100vh;
 }
+nav {
+    background-color: #333;
+  }
+
+  ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  li {
+    float: left;
+  }
+
+  li a {
+    display: block;
+    color: rgb(255, 255, 255);
+    width: 470px;
+    background-color: rgb(0, 86, 86);
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+  }
+
+  li a:hover {
+    background-color: #120088;
+  }
+
diff --git a/index.html b/index.html
@@ -8,7 +8,14 @@
     <link rel="stylesheet" href="./index.css">
 </head>
 <body>
-    <h1 style="align-items: center; text-align: center; justify-content: center; display: flex;">Hello World</h1>
+    <nav>
+        <ul>
+          <li><a href="#">Home</a></li>
+          <li><a href="#">About</a></li>
+          <li><a href="#">Contact</a></li>
+        </ul>
+      </nav>
+
     <script src="./index.js"></script>
 </body>
 </html>