diff --git a/css/css.css b/css/css.css
new file mode 100644
index 0000000..02c9ba6
--- /dev/null
+++ b/css/css.css
@@ -0,0 +1,272 @@
+@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #000e14;
+  background-image: linear-gradient(62deg, #000e14 0%, #001929 100%);
+  background-repeat: no-repeat;
+}
+
+header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+header h1 {
+  color: white;
+  font-size: 2em;
+  font-family: "Rubik", sans-serif;
+  text-shadow: 0 0 3px #fff;
+}
+
+header img {
+  height: 8em;
+}
+
+section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+section ul li {
+  margin-bottom: 3.5em;
+  list-style-type: none;
+  text-align: center;
+}
+
+section ul li a {
+  text-decoration: none;
+}
+
+section ul li .btn-yt {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #db0000;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+section ul li .btn-yt:hover {
+  background: #a60f0f;
+  border-radius: 0.5em;
+}
+
+section ul li .btn-tiktok {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #8a257e;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+section ul li .btn-tiktok:hover {
+  background: #5e1956;
+  border-radius: 0.5em;
+}
+
+section ul li .btn-ig {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #ad0046;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+section ul li .btn-ig:hover {
+  background: #91003b;
+  border-radius: 0.5em;
+}
+
+section ul li .btn-github {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #171717;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+section ul li .btn-github:hover {
+  background: #121212;
+  border-radius: 0.5em;
+}
+
+section ul li .btn-discord {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #4f53ff;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+section ul li .btn-discord:hover {
+  background: #3c40fa;
+  border-radius: 0.5em;
+}
+
+section ul li .btn-namemc {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #45293f;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+section ul li .btn-namemc:hover {
+  background: #2b1a28;
+  border-radius: 0.5em;
+}
+
+section ul li .btn-mcserver {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #6bcf00;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+section ul li .btn-mcserver:hover {
+  background: #428000;
+  border-radius: 0.5em;
+}
+
+section ul li .btn-mcplanet {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #006b91;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+section ul li .btn-mcplanet:hover {
+  background: #014c66;
+  border-radius: 0.5em;
+}
+
+section ul li .btn-more {
+  font-family: "Rubik", sans-serif;
+  color: #5786de;
+  padding: 0.8em 2em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.6s;
+  transition: 0.6s;
+}
+
+section ul li .btn-more:hover {
+  color: #1c4085;
+  background: #d4e3ff;
+  border-radius: 2.9em;
+}
+
+footer {
+  padding: 2.2em;
+  background-color: #000508;
+}
+
+.footer-text-main {
+  color: #525252;
+  font-family: "Ubuntu", sans-serif;
+  text-align: center;
+  padding: 0;
+  margin: 0;
+  margin-top: 1em;
+}
+
+.footer-odkazy {
+  color: gray;
+  padding: 0;
+  margin: 0;
+  text-align: center;
+  list-style-type: none;
+  font-size: 0.7em;
+  text-transform: uppercase;
+}
+
+.footer-odkazy li {
+  display: inline-block;
+}
+
+.footer-odkazy-text {
+  font-family: "Ubuntu", sans-serif;
+  text-decoration: underline;
+  color: #333333;
+  display: inline-block;
+}
+
+.btn-twitch {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #5200a3;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.btn-twitch:hover {
+  background: #47008c;
+  border-radius: 0.5em;
+}
+
+.btn-replit {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #8a5a6e;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.btn-replit:hover {
+  background: #5e3d4b;
+  border-radius: 0.5em;
+}
+
+.btn-twitter {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #1da1f2;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+.btn-twitter:hover {
+  background: #0f87d1;
+  border-radius: 0.5em;
+}
+/*# sourceMappingURL=css.css.map */
\ No newline at end of file
diff --git a/css/css.css.map b/css/css.css.map
new file mode 100644
index 0000000..800e82f
--- /dev/null
+++ b/css/css.css.map
@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "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",
+    "sources": [
+        "css.scss"
+    ],
+    "names": [],
+    "file": "css.css"
+}
\ No newline at end of file
diff --git a/css/css.scss b/css/css.scss
new file mode 100644
index 0000000..a685302
--- /dev/null
+++ b/css/css.scss
@@ -0,0 +1,223 @@
+@import url("https://fonts.googleapis.com/css2?family=Rubik&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #000e14;
+  background-image: linear-gradient(62deg, #000e14 0%, #001929 100%);
+  background-repeat: no-repeat;
+}
+
+header {
+  // LOGO A TEXT
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 2em;
+  margin-bottom: 2em;
+  h1 {
+    color: white;
+    font-size: 2em;
+    font-family: "Rubik", sans-serif;
+    text-shadow: 0 0 3px #fff;
+  }
+  img {
+    height: 8em;
+  }
+}
+
+section {
+  // TLACITKA
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  ul {
+    li {
+      margin-bottom: 3.5em;
+      list-style-type: none;
+      text-align: center;
+      a {
+        text-decoration: none;
+      }
+      .btn-yt {
+        font-family: "Rubik", sans-serif;
+        color: white;
+        background-color: #db0000;
+        padding: 1.2em 7em;
+        border-radius: 0.8em;
+        transition: 0.3s;
+        &:hover {
+          background: #a60f0f;
+          border-radius: 0.5em;
+        }
+      }
+      .btn-tiktok {
+        font-family: "Rubik", sans-serif;
+        color: white;
+        background-color: #8a257e;
+        padding: 1.2em 7em;
+        border-radius: 0.8em;
+        transition: 0.3s;
+        &:hover {
+          background: #5e1956;
+          border-radius: 0.5em;
+        }
+      }
+      .btn-ig {
+        font-family: "Rubik", sans-serif;
+        color: white;
+        background-color: #ad0046;
+        padding: 1.2em 7em;
+        border-radius: 0.8em;
+        transition: 0.3s;
+        &:hover {
+          background: #91003b;
+          border-radius: 0.5em;
+        }
+      }
+      .btn-github {
+        font-family: "Rubik", sans-serif;
+        color: white;
+        background-color: #171717;
+        padding: 1.2em 7em;
+        border-radius: 0.8em;
+        transition: 0.3s;
+        &:hover {
+          background: #121212;
+          border-radius: 0.5em;
+        }
+      }
+      .btn-discord {
+        font-family: "Rubik", sans-serif;
+        color: white;
+        background-color: #4f53ff;
+        padding: 1.2em 7em;
+        border-radius: 0.8em;
+        transition: 0.3s;
+        &:hover {
+          background: #3c40fa;
+          border-radius: 0.5em;
+        }
+      }
+      .btn-namemc {
+        font-family: "Rubik", sans-serif;
+        color: white;
+        background-color: #45293f;
+        padding: 1.2em 7em;
+        border-radius: 0.8em;
+        transition: 0.3s;
+        &:hover {
+          background: #2b1a28;
+          border-radius: 0.5em;
+        }
+      }
+      .btn-mcserver {
+        font-family: "Rubik", sans-serif;
+        color: white;
+        background-color: #6bcf00;
+        padding: 1.2em 7em;
+        border-radius: 0.8em;
+        transition: 0.3s;
+        &:hover {
+          background: #428000;
+          border-radius: 0.5em;
+        }
+      }
+      .btn-mcplanet {
+        font-family: "Rubik", sans-serif;
+        color: white;
+        background-color: #006b91;
+        padding: 1.2em 7em;
+        border-radius: 0.8em;
+        transition: 0.3s;
+        &:hover {
+          background: #014c66;
+          border-radius: 0.5em;
+        }
+      }
+      .btn-more {
+        font-family: "Rubik", sans-serif;
+        color: #5786de;
+        padding: 0.8em 2em;
+        border-radius: 0.8em;
+        transition: 0.6s;
+        &:hover {
+          color: #1c4085;
+          background: #d4e3ff;
+          border-radius: 2.9em;
+        }
+      }
+    }
+  }
+}
+footer {
+  padding: 2.2em;
+  background-color: #000508;
+}
+
+.footer-text-main {
+  color: #525252;
+  font-family: "Ubuntu", sans-serif;
+  text-align: center;
+  padding: 0;
+  margin: 0;
+  margin-top: 1em;
+}
+
+.footer-odkazy {
+  color: gray;
+  padding: 0;
+  margin: 0;
+  text-align: center;
+  list-style-type: none;
+  font-size: 0.7em;
+  text-transform: uppercase;
+}
+
+.footer-odkazy li {
+  display: inline-block;
+}
+
+.footer-odkazy-text {
+  font-family: "Ubuntu", sans-serif;
+  text-decoration: underline;
+  color: #333333;
+  display: inline-block;
+}
+// VIAC PAGE BUTTONS
+.btn-twitch {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #5200a3;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  transition: 0.3s;
+  &:hover {
+    background: #47008c;
+    border-radius: 0.5em;
+  }
+}
+.btn-replit {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #8a5a6e;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  transition: 0.3s;
+  &:hover {
+    background: #5e3d4b;
+    border-radius: 0.5em;
+  }
+}
+.btn-twitter {
+  font-family: "Rubik", sans-serif;
+  color: white;
+  background-color: #1da1f2;
+  padding: 1.2em 7em;
+  border-radius: 0.8em;
+  transition: 0.3s;
+  &:hover {
+    background: #0f87d1;
+    border-radius: 0.5em;
+  }
+}
diff --git a/files/logo.png b/files/logo.png
new file mode 100644
index 0000000..832cbb7
Binary files /dev/null and b/files/logo.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..297489b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="sk">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>OLIMINATOR - Odkazy</title>
+    <link rel="stylesheet" href="css/css.css">
+    <link rel="icon" href="files/logo.png">
+</head>
+<body>
+    <header>
+            <img src="files/logo.png" alt="logo">
+            <h1>OLIMINATOR</h1>
+    </header>
+    <section class="buttons">
+        <ul>
+            <li><a href="https://go.oliminator.net/youtube" class="btn-yt"><i class="fab fa-youtube"></i> YouTube</a></li>
+            <li><a href="https://go.oliminator.net/titok" class="btn-tiktok"><i class="fab fa-tiktok"></i> TikTok</a></li>
+            <li><a href="https://go.oliminator.net/instagram" class="btn-ig"><i class="fab fa-instagram"></i> Instagram</a> </li>
+            <li><a href="https://go.oliminator.net/github" class="btn-github"><i class="fab fa-github"></i> GitHub</a></li>
+            <li><a href="https://go.oliminator.net/discord" class="btn-discord"><i class="fab fa-discord"></i> Discord</a></li>
+            <li><a href="https://go.oliminator.net/namemc" class="btn-namemc"><i class="fas fa-address-book"></i> NameMC</a></li>
+            <li><a href="https://lendmark.sk" class="btn-mcserver"><i class="fas fa-cube"></i> Minecraft Server</a></li>
+            <li><a href="https://go.oliminator.net/mcplanet" class="btn-mcplanet"><i class="fas fa-globe-europe"></i> MCPlanet</a></li>
+            <li><a href="viac.html" class="btn-more"><i class="fas fa-chevron-circle-down"></i> Zobraziť viac</a></li>
+        </ul>
+    </section>
+    <footer>
+        <ul class="footer-odkazy">
+            <li><a href="https://oliminator.net" class="footer-odkazy-text">Hlavná Webstránka</a></li>
+        </ul>
+        <h6 class="footer-text-main">© 2021 OLIMINATOR</h6>
+    </footer>
+    <script src="https://kit.fontawesome.com/5acf4d9e80.js" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/viac.html b/viac.html
new file mode 100644
index 0000000..a2a691f
--- /dev/null
+++ b/viac.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="sk">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>OLIMINATOR - Odkazy | Viac</title>
+    <link rel="stylesheet" href="css/css.css">
+    <link rel="icon" href="files/logo.png">
+</head>
+<body>
+    <header>
+            <img src="files/logo.png" alt="logo">
+            <h1>OLIMINATOR</h1>
+    </header>
+    <section class="buttons">
+        <ul>
+            <li><a href="index.html" class="btn-more"><i class="fas fa-chevron-circle-up"></i> Zobraziť menej</a></li>
+            <li><a href="https://www.youtube.com/channel/UCUzzWSpnVcCMzevzr7j-yvQ" class="btn-yt"><i class="fab fa-youtube"></i> YouTube 2</a></li>
+            <li><a href="https://go.oliminator.net/yt-polyluck" class="btn-yt"><i class="fab fa-youtube"></i> YouTube 3</a></li>
+            <li><a href="https://www.youtube.com/channel/UCVMjEzSma2BSa-_fQLr-9wA/videos" class="btn-yt"><i class="fab fa-youtube"></i> YouTube 4</a></li>
+            <li><a href="https://replit.com/@oliminator" class="btn-replit"><i class="far fa-dot-circle"></i> Replit</a></li>
+            <li><a href="https://twitter.com/oliminator34" class="btn-twitter"><i class="fab fa-twitter"></i> Twitter</a></li> 
+            <li><a href="https://www.tiktok.com/@oliminatorko" class="btn-tiktok"><i class="fab fa-tiktok"></i> TikTok 2</a></li> 
+            <li><a href="https://www.twitch.com/oliminator" class="btn-twitch"><i class="fab fa-twitch"></i> Twitch</a></li> 
+        </ul>
+    </section>
+    <footer>
+        <ul class="footer-odkazy">
+            <li><a href="https://oliminator.net" class="footer-odkazy-text">Hlavná Webstránka</a></li>
+        </ul>
+        <h6 class="footer-text-main">© 2021 OLIMINATOR</h6>
+    </footer>
+    <script src="https://kit.fontawesome.com/5acf4d9e80.js" crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file