diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..2ba986f
--- /dev/null
+++ 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}"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 8d0f935..9131fbf 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 # projectnaam: leren werken met github
 
-# beschijving 
+## beschijving: het is een project waar je leert werken met github
 het is een project waar je leert werken met github
 het is een project waar je leert werken met github
 
diff --git a/index.html b/index.html
index e3d83df..0b46532 100644
--- 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
index 5aa01dd..c5dcc41 100644
--- 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%;
+    ;
+}
