navigatiebalk gemaakt

AventusCT · Oct 3, 2024 · 07e03c7 · 07e03c7
1 parent 62d9faf
commit 07e03c7
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 0 deletions.
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
diff --git a/index.html b/index.html
@@ -1,11 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>GitHub Classroom Opdracht</title>
     <link rel="stylesheet" href="style.css">
 </head>
+<body>
+    <body>
+        <div class="topnav">
+           <a href="index.html">home</a>
+           <a href=".html">about</a>
+           <a href=".html">contact</a>
+         </div>
+   <div> 
+   </body>
 <body>
     <h1>Welkom bij de GitHub Classroom Opdracht!</h1>
 	<!-- Voeg hier een paragraaf toe. -->

diff --git a/style.css b/style.css
@@ -30,3 +30,13 @@ th, td {
 }
 
 /* Student B zal hier extra stijlen toevoegen voor de ongeordende lijst */
+
+div.topnav {
+    background-color: #ff0000;
+    overflow: hidden;
+    display: flex;
+    justify-content: space-between;
+    height: 50px;
+    width: 100%;
+    ;
+}