diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..f48e01e73c92d0a7164a5e3f7c6460d89b0d445f
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <link rel="stylesheet" type="text/css" href="style.css">
+ </head>
+ <body>
+ <h1>TTOS0700 - Peliohjelmoinnin harkat</h1>
+ <h2>Niko Parviainen - K8573</h2>
+ <h2><a href="https://gitlab.labranet.jamk.fi/nikon-kurssirepot/ttos0700">Gitlab-repoon</a></h2>
+ <ul>
+ <li><a href="phaser-harkat/phaser-tutoriaali/index.html">Phaser-tutoriaali</a></li>
+ <li><a href="phaser-harkat/phaser-udemy/index.html">Udemyn kurssin demot</a></li>
+ <li></li>
+ <li></li>
+ </ul>
+ </body>
+</html>
\ No newline at end of file
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..78543388ab3ca918ae3068544d1da5b462c2eaff
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,43 @@
+h1 {
+ font-family: sans-serif;
+ color: white;
+ background-color: rgba(250,250,250,0.3);
+ padding: 1vh;
+ width: 50%;
+ margin: auto;
+}
+
+h2 {
+ font-family: sans-serif;
+ color: white;
+ background-color: rgba(250,250,250,0.3);
+ padding: 1vh;
+ width: 50%;
+ margin: auto;
+}
+
+ul {
+ font-family: sans-serif;
+ background-color: rgba(250,250,250,0.3);
+ padding: 1vh;
+ margin: auto;
+ width: 50%;
+}
+
+body {
+ background-color: black;
+}
+
+a {
+ text-decoration: none;
+ color: darkblue;
+}
+
+a:hover {
+ color: skyblue;
+}
+
+li {
+ background-color: dimgray;
+ margin: 1vh;
+}
\ No newline at end of file