diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..600d2d3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.vscode
\ No newline at end of file
diff --git a/function/function.html b/function/function.html
new file mode 100644
index 0000000..1aaf488
--- /dev/null
+++ b/function/function.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Adding Two Numbers</title>
+    <script type="text/javascript">
+      function addNumbers(num1, num2) {
+        return num1 + num2;
+      }
+    </script>
+  </head>
+  <body>
+    <h1>Adding Two Numbers</h1>
+    <p>The sum of 10 and 10 is: <span id="result"></span></p>
+    <script type="text/javascript">
+      var num1 = 10;
+      var num2 = 10;
+      var result = addNumbers(num1, num2);
+      document.getElementById("result").innerHTML = result;
+    </script>
+  </body>
+</html>
diff --git a/function/function.jss b/function/function.jss
new file mode 100644
index 0000000..dd36da7
--- /dev/null
+++ b/function/function.jss
@@ -0,0 +1,4 @@
+function addNumbers(num1, num2) {
+    return num1 + num2;
+  }
+  
\ No newline at end of file
diff --git a/index.css b/index.css
index 52aa2ed..d5e1dd7 100644
--- a/index.css
+++ b/index.css
@@ -1,6 +1,11 @@
 body{
-    background-image: url("285674.jpg");
+    background-image: url("./the_avengers.jpg");
     width: 100vw;
     height: 100vh;
 }
-s
\ No newline at end of file
+.center {
+    margin: auto;
+    width: 50%;
+    border: 3px solid green;
+    padding: 10px;
+  }
\ No newline at end of file
diff --git a/index.html b/index.html
index ca66786..5802267 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,24 @@
     <title>Document</title>
     <link rel="stylesheet" href="./index.css">
 </head>
+<style>
+    ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+li {
+  display: inline;
+}
+</style>
 <body>
+    <ul class="center">
+        <li><a href="#home">Home</a></li>
+        <li><a href="#news">News</a></li>
+        <li><a href="#contact">Contact</a></li>
+        <li><a href="#about">About</a></li>
+    </ul>
     <script src="./index.js"></script>
 </body>
 </html>
diff --git a/the_avengers.jpg b/the_avengers.jpg
new file mode 100644
index 0000000..c92331a
Binary files /dev/null and b/the_avengers.jpg differ
