Added nav bar

ma1ik · ma1ik · commit ebffcfe56ede · 2022-11-17T21:20:32.000Z
diff --git a/css/style.css b/css/style.css
@@ -4,6 +4,33 @@
 body {
     font-family: 'Roboto', sans-serif;
     -webkit-font-smoothing: antialiased;
+    margin: 0;
+    padding: 0;
+}
+
+.navbar ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    background: #bd1e43;
+    text-align: right;
+}
+
+.navbar li{
+    display: inline-block;
+}
+
+.navbar a {
+    text-decoration: none;
+    color: #fff;
+    width: 100px;
+    display: block;
+    padding: 25px 20px;
+    text-align: center;
+}
+
+.navbar a:hover{
+    background: #353640;
 }
 
 /**
diff --git a/index.html b/index.html
@@ -15,5 +15,23 @@
     <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
     <!-- All the images you need are in the 'img' folder -->
 
+    <!--This is the nav bar-->
+    
+        <div class="navbar">
+            <ul>
+                <li><a href="#meetkarma">Meet Karma</a></li>
+                <li><a href="#howitworks">How it works</a></li>
+                <li><a href="#store">Store</a></li>
+                <li><a href="#blog">Blog</a></li>
+                <li><a href="#help">Help</a></li>
+                <li><a href="#login">Login</a></li>
+            </ul>
+        </div>
+
+
+
+
+
+
 </body>
 </html>
