diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..6f49f65
Binary files /dev/null and b/.DS_Store differ
diff --git a/Lebenslauf.pdf b/Lebenslauf.pdf
new file mode 100644
index 0000000..7a8cc31
Binary files /dev/null and b/Lebenslauf.pdf differ
diff --git a/calculatorStyle.css b/calculatorStyle.css
index 85e1ea6..b497b0e 100644
--- a/calculatorStyle.css
+++ b/calculatorStyle.css
@@ -1,6 +1,6 @@
 #calculator{
 
-    font-family:Verdana;
+    margin: auto;
     background-color: black;
     border-radius: 50px;
     max-width: 415px;
@@ -10,7 +10,12 @@
 
 #display{
 
-    width: 390px;
+    font-family: Helvetica;
+    font-weight: lighter;
+
+    margin-left: 7.2%;
+    margin-top: 5%;
+    width: 350px;
     height: 130px;
     font-size: 4em;
     text-align: right;
@@ -25,6 +30,9 @@
 
 #buttons{
 
+    font-family: Helvetica;
+    font-weight: lighter;
+    
     display:grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 15px;
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..8622b57
--- /dev/null
+++ b/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Selim's Homepage</title>
+</head>
+<body>
+    <div id="heading">
+    <h1>Selim Eser <br> Hochschule Mannheim <br> (2211482)</h1>
+    <a href="Lebenslauf.pdf" style="font-size: 2em; color: brown;" target="_blank">Resume</a>
+    <br><br>    
+    </div>
+    <br><br><br>
+    <div id="projects">
+        <h1 style="font-size: 1.3em;">Projects</h1>
+        <br>
+        
+        <div id="projectLinks">
+        <a href="calculator.html" target="_blank" style="color: brown;">Calculator</a>
+        <br><br><br>
+        </div>
+    </div>
+</body>
+<link rel="stylesheet" href="style.css">
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..f9dc0c0
--- /dev/null
+++ b/style.css
@@ -0,0 +1,34 @@
+body{
+
+    text-align: center;
+    background-color: darkorange;
+    font-size: 2em;
+    color: white;
+    font-family:monospace;
+
+}
+
+#heading{
+
+    width: 800px;
+    margin: auto;
+    background-color: white;
+    border-style: groove;
+    border-width: 30px;
+    border-color: black;
+    color: black;
+
+}
+
+#projects{
+
+    width: 1200px;
+    margin: auto;
+    background-color: white;
+    border-style: groove;
+    border-width: 20px;
+    border-color: black;
+    color: black;
+    overflow-x: scroll;
+
+}
