diff --git a/Part0_1.html b/Part0_1.html
new file mode 100644
index 0000000000000000000000000000000000000000..21e1a62001f1e75707854c82a21c9da134537b79
--- /dev/null
+++ b/Part0_1.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+ <head>
+ <meta charset="utf-8">
+ <meta name="keywords" content="HTML, CSS">
+ <meta name="description" content="Backend exercises Part 0">
+ <meta name="author" content="Arto Laine">
+ <meta http-equiv="refresh" content="60">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="part0_1.css">
+ <title>HTML calendar</title>
+ <title>Front- and Backend part 0 Harjoitus</title>
+ </head>
+ <body>
+ <script src="Part0_1.js" charset="utf-8"></script>
+ <h1>Back- and end parctise Part0 problem 0.1</h1>
+ <div>
+ <a id="mikey" href="https://www.palloliitto.fi/" target="_blank">
+ <img border="3" src="au96logo.gif" alt="Aunenela-turnaus logo" width="181px" height="181px">
+ </a>
+ </div>
+ <div class="listaus">
+ <ul>
+ <li>Milk</li>
+ <li>
+ <ul>
+ <li>Blue cheese</li>
+ <li>Feta</li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ <p>Table with thead, tfoot, and tbody</p>
+ <table>
+ <colgroup>
+ <col span="2" style="background-color:red">
+ <col style="background-color:yellow">
+ </colgroup>
+ <caption>Harjoituksen Backend taulukko</caption>
+ <thead>
+ <tr>
+ <th>Ikäryhmä</th>
+ <th>Jalkapallon koko</th>
+ <th>Pelikenttä</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>E-Pojat</td>
+ <td>Jalkapallon koko 3</td>
+ <td>Pahaniemi</td>
+ </tr>
+ <tr>
+ <td>F-Pojat</td>
+ <td>Jalkapallon koko 3</td>
+ <td>Aunelan koulu<td>
+ </tr>
+ <tr>
+ <td>G-Pojat</td>
+ <td>Jalkapallon koko3</td>
+ <td id="kotijoukkue">Jyrkkälä</td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td>Yksityiskohta</td>
+ <td>Nappulafutiksesta</td>
+ <td>Tässä taulukossa</td>
+ </tr>
+ </tfoot>
+ </table>
+ <p class="testp">Turnaukseen ilmoittautuminen</p>
+ <form action="" method="get" class="byrokratia">
+ <div class="byrokratia">
+ <label for="joukkue">Joukkueen nimi: </label>
+ <input type="text" name="joukkue" id="joukkue" required>
+ </div>
+ <div class="byrogratia">
+ <label for="valmentaja">Valmentajan nimi: </label>
+ <input type="text" name="valmentaja" id="valmentaja" required>
+ </div>
+ <div class="byrokratia">
+ <input type="submit" value="Ilmoittaudu nyt!">
+ </div>
+ </form>
+ </body>
+</html>
diff --git a/Part0_2.css b/Part0_2.css
new file mode 100644
index 0000000000000000000000000000000000000000..81f6e6817145fd2d664147e6f1e09d40e7cb3a7d
--- /dev/null
+++ b/Part0_2.css
@@ -0,0 +1,107 @@
+a.onmouseover {
+ document.getElementById('mikey').style.border="1;
+}
+a.onmouseout {
+ document.getElementById('mikey').style.border="0"
+}
+a:hover {
+ border-width: thick;
+}
+/* unvisited link */
+a:link {
+ color: green;
+}
+
+/* visited link */
+a:visited {
+ color: green;
+}
+
+/* mouse over link */
+a:hover {
+ color: red;
+}
+
+/* selected link */
+a:active {
+ color: yellow;
+}
+table,td {
+ border: 1px solid #333;
+}
+thead, tfoot {
+ background-color: #333;
+ color: #fff;
+}
+form.form-example {
+ display: table;
+}
+
+div.form-example {
+ display: table-row;
+}
+
+label, input {
+ display: table-cell;
+ margin-bottom: 10px;
+}
+
+label {
+ padding-right: 10px;
+}
+li {
+ list-style-type: circle;
+ color: blue;
+}
+#kotijoukkue {
+ color: green;
+ background-color: gray;
+}
+
+li li {
+ list-style-type: square;
+ color: red;
+}
+body {
+ background-color: lightblue;
+}
+
+h1 {
+ color: white;
+ text-align: center;
+}
+
+p {
+ font-family: courier;
+ font-size: 20px;
+}
+p:hover {
+ background-color: yellow;
+}
+.joukkue {
+ background-color: blue;
+ color: lightblue;
+ padding: 10px;
+ text-align: center;
+}
+.testp {
+ background-color: tomato;
+ color: white;
+ padding: 10px;
+ text-align: left;
+}
+#valmentaja {
+ color: lightred;
+ background-color: magenta;
+ text-align: center;
+ font-style: italic;
+}
+.byrogratia {
+ color: black;
+ background-color: cyan;
+ text-align: center;
+ font-style: italic;
+body {
+ background-color: pink;
+ align-items: center;
+}
diff --git a/Part0_2.js b/Part0_2.js
new file mode 100644
index 0000000000000000000000000000000000000000..831543a79d7a285d4687045116237096a69a9ae8
--- /dev/null
+++ b/Part0_2.js
@@ -0,0 +1,10 @@
+use strict;
+function bigImg(x) {
+ x.style.height = "64px";
+ x.style.width = "64px";
+}
+
+function normalImg(x) {
+ x.style.height = "32px";
+ x.style.width = "32px";
+}
diff --git a/Part0_3 (10).drawio b/Part0_3 (10).drawio
new file mode 100644
index 0000000000000000000000000000000000000000..7ebcc80baa2dc9328330a283be9980f0293216cf
--- /dev/null
+++ b/Part0_3 (10).drawio
@@ -0,0 +1 @@
+<mxfile modified="2019-05-12T14:29:33.914Z" host="www.draw.io" agent="Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.131 Safari/537.36" etag="cAY4cje_tq61ru1YTbkC" version="10.6.7" type="device"><diagram name="Page-1" id="13e1069c-82ec-6db2-03f1-153e76fe0fe0">7Vxdd5s4EP01fnQO37YfE6dJT7c9J1tnu497ZJBtGhkRIZy4v35HIDAg2LiOwY4XPyRiECMxc3VnNHIyMKfr13uGwtU36mEyMDTvdWDeDgxjYk7gpxBsU4FtjFPBkvleKtJ3gpn/C0uhJqWx7+EolUkRp5RwP4xKT7s0CLDLSzLEGH0pd1tQUh41REusCGYuIqr0b9/jKynVNW134zP2lys59NiWN+bIfVoyGgdyvIFhLpJPenuNMl2yf7RCHn0piMxPA3PKKOVpa/06xUSYNjNb+txdw9183gwHfJ8HRnM0R7przV1jtLDm2tBJNWwQiaUtboQ5MZPz5dvMRjD1UDTjNfnqLzDxA7i6CTHz15hDf/OWSPHDTnbzsvI5noXIFY++AHhAtuJrAlc6NMGhHMEjLL8mBIWRP09G1UDCsBuzyN/g7zhKcSOkNOZipGmOh6Sr8AP2pKrc1Fqid+27sk3QHJOb3HFTSqgYPqDJC0Wc0SecCcGfWvLJ72T4EEMsfEIKPe+Sj5DDW92htU/EcviBmYcCJMUS+7ohr+sGQsRfBiBzwamJEVUvS8dvMOP4tSCSXr/HFBzAttBF3rUyKMsVOpaXLwW4Z11WBaTbjhQiucSWueodzKAhkbYn6kYK6maYbXrQXRjonPE5gW6sgO6vnucuDXL6WfGcpSmYe1xhkTdkQRYyApG9QL6TyD8/fvs6TLIVQ2OYxywAP0P3bd4jkkSp+YFLYs8PlgPDQWuBt2AehYkVZVeARUAo8hIVAKOnpAHOxNFVI+wDyvHbeJYQ1S1oC+f4kEtdS3dyGhacS/CCiwdAFcz1Udy7hayjiGLtQ6P4GKB1yqC1RypqjVENah27DdDqCmgBYkR40fM3JdQ4z7HIXG/gPflQevxa5Onpis7vQ2spfxOJhiCTpQsiTlcD34Y4WQ00RzHyPIajKEm2WaI+1QHvVVRTECezLEvbmPgiJiTigEx4Dr/CEiQYheGpZ4gERBhelJSsOBc7qWsBCuMun/hwN+2rFYb1EosWrD7oJHggah4GeqCOh36HpsYpz9lb3ulp8nxoclKmSd2soUmrjiZbie1GI00WV/2MIx4L9jJE2jGVMT6pZXiC3ugiZ7qHJO43cEePw7PBoVXZ1uT4KuLQrMGh0QoOzXeH68Tpe8W8ewx7GMRxFca/FfB6KJ8tlPW6zLM7KFsKlO8xV/c3HzDd6DF/tpjPTyHewrx1BMz/86c9jGZfft09Pw8j/ftq7Tp/DO39KlPlus8bmGmwSo3tGg1VSbccq6aWYrSUbtXaaf/Diq5NZZ6drfYusXdtKmd0bqZSC8OKkXDgXYtzRrhyCYoiQZiqXbCnHDMqPBXRmLm4IQCO6y1XsIxdY5hMxjBB3N+Up1BnLTnCA/Vhck3L3TYr9k5nLh8qnjFW9Fh2hV+1iiKO2BJzRVHiu/ytD3fn5GzcKfkqfd+GPqNTuly3J1d2fTD8ba87DVH1Da+DH9C20C0UHaLmKTvVcezSiTc0Uo1HhVT2Lt1g6j/x4pwSLyOzYvzxgWix9bIic0+0HM2havHmQ+006jYZa+QHVz8jBZiH7TVG/V7jCMlOda9hamqy0+1eQ68rF7VEZaeiqWoGYlatuS9NVflOUXS8oFaJw9lI7YY1td5ycVhQXHhoyFJAVVXUHhbGXWBBLUK0V0aOlEORPHj1leQLiXRdHorUI1otF11GjudGfZJ3VtCvVLSsuiSv7ly6vSRPrf5dXGCvxmPrWEmeoqi1wG51kuTVlTc7DuwJY/WR/ULo7eSRPVN8yfSmsNKx9i2KovborYt9S+b6S8ryPMQRbIZo0Kd558yDk1Onecb/sJZ38LFklVAVRa3xYDZS48y0+pm1y5t1tb/u0sICxfV54WXwoV3zRY6O88K6GuaF8aFCY9WvxRyaFyqK2uND5138Bpe7P5hPu+/+KYH56V8=</diagram></mxfile>
\ No newline at end of file
diff --git a/README.md b/README.md
index fb6c2a8402dd026618bb2dd3e533bb460952321f..14b6b7882f8e0d65435202072e58c742212d8ba4 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
# Part0
-FullStack Exercises Part 0 to 4
\ No newline at end of file
+FullStack Exercises Part 0 to 4
+Mun teksti�
\ No newline at end of file
diff --git a/au96logo.gif b/au96logo.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fe7146c99062d6ffddbfe9c86de6eeaa21312d0c
Binary files /dev/null and b/au96logo.gif differ