diff --git a/src/data/repos.json b/src/data/repos.json
new file mode 100644
index 0000000..8f59d31
--- /dev/null
+++ b/src/data/repos.json
@@ -0,0 +1,27 @@
+{
+  "description": "Projekt repók. Itt megtalálod az összes projektet ami működteti az egész rendszert, és hozzá egy rövid leírást, az issues linket ahol látod az eddigi problémákat/hozzá tudsz adni újjakat, illetve linket a fejlesztési doksikhoz. Amik röviden leírások hogy hogyan kell setupolni a projektet, elindítani, debugolni, tesztelni",
+  "header": [
+    "Leírás",
+    "GitLab",
+    "Issues",
+    "Devel docs"
+  ],
+  "repos":{
+    "userScriptRepo": {
+      "description": "User script kliens szerverhez",
+      "href": "https://gitlab.com/MrFry/moodle-test-userscript"
+    },
+    "expressServerRepo": {
+      "description": "Szerver a userscripthez",
+      "href": "https://gitlab.com/MrFry/mrfrys-node-server"
+    },
+    "questionClassesRepo": {
+      "description": "Kérdés-válasz feldolgozó logika",
+      "href": "https://gitlab.com/MrFry/question-classes"
+    },
+    "qminingPageRepo": {
+      "description": "Qmining weboldal Next.js felülete",
+      "href": "https://gitlab.com/MrFry/qmining-page"
+    }
+  }
+}
diff --git a/src/pages/repos.js b/src/pages/repos.js
new file mode 100644
index 0000000..81a1f39
--- /dev/null
+++ b/src/pages/repos.js
@@ -0,0 +1,55 @@
+
+import styles from './repos.module.css'
+import repos from '../data/repos.json'
+
+export default function Repos (props) {
+  return (
+    <div>
+      <div className={styles.description}>
+        {repos.description}
+      </div>
+      <table className={styles.repoTable}>
+        <thead>
+          <tr>
+            {repos.header.map((x, i) => {
+              return (
+                <td key={i}>
+                  {x}
+                </td>
+              )
+            })}
+          </tr>
+        </thead>
+        <tbody>
+          {Object.keys(repos.repos).map((key) => {
+            let repo = repos.repos[key]
+            return (
+              <tr
+                key={key}
+              >
+                <td>
+                  {repo.description}
+                </td>
+                <td>
+                  <a href={repo.href}>
+                    GitLab repo
+                  </a>
+                </td>
+                <td>
+                  <a href={repo.href + '/issues'}>
+                    Issues
+                  </a>
+                </td>
+                <td>
+                  <a href={repo.href + '/docsTODO'}>
+                    Devel docs
+                  </a>
+                </td>
+              </tr>
+            )
+          })}
+        </tbody>
+      </table>
+    </div>
+  )
+}
diff --git a/src/pages/repos.module.css b/src/pages/repos.module.css
new file mode 100644
index 0000000..2d6eada
--- /dev/null
+++ b/src/pages/repos.module.css
@@ -0,0 +1,22 @@
+.repoTable {
+  width: 100%;
+}
+
+.description {
+  font-size: 17px;
+  color: white;
+  text-align: center;
+}
+
+.repoTable thead td {
+  padding: 10px;
+  text-align: center;
+  font-size: 25px;
+  color: white;
+}
+
+.repoTable tbody td {
+  padding: 10px;
+  text-align: center;
+  font-size: 18px;
+}
diff --git a/src/pages/thanks.html b/src/pages/thanks.html
new file mode 100644
index 0000000..a83885f
--- /dev/null
+++ b/src/pages/thanks.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">
+    <title>Thank you!</title>
+    <style>
+        :root{
+    --size: 100px;
+    --bgcolor: #212127;
+    --color: #fcff4f;
+    --shadow: rgba(30,2,5,.2);
+    }
+    .surface {
+        position:absolute;
+        top: 50%;
+        left: 50%;
+        transform-style: preserve-3d;
+        transform: translate(-50%,-50%) rotateX(70deg) rotateZ(300deg);
+        width: 300px;
+        height: 300px;
+        animation: rotatingCoin 1s linear infinite;
+    }
+    .coin,
+    .shadow {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%,-50%) rotateX(30deg);
+        width: 100px;
+        height: 100px;
+        background-image: url('https://i.ya-webdesign.com/images/mario-coin-png-19.png');
+        background-position: center;
+        background-size: cover;
+        background-color: var(--color);
+        border-radius: 50%;
+    }
+    .shadow {
+        width: 90px;
+        height: 90px;
+        transform: translate(-50%,-50%) translateZ(-25px);
+        background: linear-gradient(to bottom, rgba(255,255,255,.2) 0%,var(--bgcolor) 35%);
+    }
+
+
+    @keyframes rotatingCoin {
+        from {transform: translate(-50%,-50%) rotateX(70deg) rotateZ(0);}
+        to   {transform: translate(-50%,-50%)  rotateX(70deg) rotateZ(360deg);}
+    }
+
+
+    html,body{
+        height:100vh;
+        overflow: hidden;
+    }
+    body {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        background-color: var(--bgcolor);
+    }
+    #text{
+        font-family: 'Quicksand', sans-serif;
+        color: white;
+        font-size: 24px;
+        text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding-top: 30px;
+    }
+    #backbutton{
+        text-decoration: none;
+        color: white;
+        cursor: pointer;
+        margin: 10px;
+        background-color: #4bb9bd;
+        box-shadow: 0px 1px 3px rgba(0,0,0,0.6);
+        border-radius: 3px;
+        padding: 3px 10px;
+    }
+    #backbutton:hover{
+        box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
+    }
+    .coincontainer {
+        position: relative;
+        width: 200px;
+        height: 200px;
+    }
+    @media only screen and (max-width: 600px) {
+        body {
+            flex-direction: column;
+        }
+    }
+    </style>
+</head>
+<body>
+    <div class="coincontainer"><div class="surface">
+        <div class="coin"></div>
+        <div class="shadow"></div>
+    </div></div>
+    <center>
+    <div id="text"><span>Thanks for the gold, kind question miner!</span><a id="backbutton" href="<%= siteurl %>">Return</a></div>
+    </center>
+    <div class="coincontainer"><div class="surface">
+        <div class="coin"></div>
+        <div class="shadow"></div>
+    </div></div>
+
+</body>
+</html>

+ {x} +
+ {repo.description} +	+ + GitLab repo + +	+ + Issues + +	+ + Devel docs + +