diff --git a/index.html b/index.html
index 0cde87e..b271554 100644
--- a/index.html
+++ b/index.html
@@ -2,13 +2,14 @@
 <head>
     <title>YouHaveTrouble</title>
     <link rel="stylesheet" href="/style/main.css">
+    <script src="https://kit.fontawesome.com/5e96beba0c.js" crossorigin="anonymous"></script>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
 <body>
     <div class="wrapper">
         <div class="linewrapper">
-            <h1>youhavetrouble.me</h1>
+            <h1><a href="/">youhavetrouble.me</a></h1>
         </div>
         <div class="linewrapper">
             <fieldset class="window">
@@ -17,8 +18,9 @@
             </fieldset>
             <fieldset class="window">
             <legend>Socials</legend>
-            <p><img src="img/github.png"><a href="https://github.com/YouHaveTrouble">GitHub</a><br>
-                <img src="img/discord.png"><a href="https://discord.gg/j8KK5dGBps">Discord</a>
+            <p>
+                <a href="https://github.com/YouHaveTrouble"><i class="fas fa-github fa"></i> GitHub</a><br>
+                <a href="https://discord.gg/j8KK5dGBps"><i class="fab fa-discord"></i> Discord</a>
             </p>
             </fieldset>
         </div>
@@ -26,15 +28,9 @@
             <fieldset class="window">
                 <legend>My projects</legend>
                 <p>
-                    <b>Minecraft</b>
-                    <a href="https://github.com/YouHaveTrouble/minecraft-optimization">Server optimization guide</a><br>
-                    <a href="https://www.spigotmc.org/resources/commandwhitelist-spigot-1-8-1-16-bungeecord-waterfall.81326/">CommandWhitelist</a><br>
-                    <a href="https://www.spigotmc.org/resources/togglepvp.89376/">TogglePvP</a><br>
-                </p>
-                <p>
-                    <b>Bots</b>
-                    <a href="https://top.gg/bot/747037824049741924">Gamer Bot (Discord)</a><br>
+                    <b><a href="/projects"><i class="far fa-keyboard"></i> See my projects here</a></b>
                 </p>
+                
             </fieldset>
             <fieldset class="window">
                 <legend>Support me</legend>
diff --git a/projects/index.html b/projects/index.html
new file mode 100644
index 0000000..aad7730
--- /dev/null
+++ b/projects/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<head>
+    <title>YouHaveTrouble</title>
+    <link rel="stylesheet" href="/style/main.css">
+    <link rel="stylesheet" href="/style/projects.css">
+    <meta charset="UTF-8">
+    <script src="https://kit.fontawesome.com/5e96beba0c.js" crossorigin="anonymous"></script>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+    <div class="wrapper">
+        <div class="linewrapper">
+            <h1><a href="/">youhavetrouble.me</a></h1>
+        </div>
+        <div class="linewrapper">
+            <fieldset class="project-window">
+                <legend><h2>Tutorials</h2></legend>
+                <h4>Minecraft server optimization guide</h4>
+                <h5><a href="https://github.com/YouHaveTrouble/minecraft-optimization"><i class="fas fa-link fa"></i> See project</a></h5>
+                <p>A guide for bukkit minecraft server users aiming to improve performance to get more players on their server.</p>
+            </fieldset>
+        </div>
+        <div class="linewrapper">
+            <fieldset class="project-window">
+                <legend><h2>Minecraft plugins</h2></legend>
+                <h4>CommandWhitelist</h4>
+                <h5>
+                    <a href="https://github.com/YouHaveTrouble/CommandWhitelist"><i class="fas fa-github fa"></i> Source code</a>
+                    <span> | </span>
+                    <a href="https://www.spigotmc.org/resources/commandwhitelist.81326/"><i class="fas fa-plug fa"></i> SpigotMC page</a>
+                </h5>
+                <p>Bukkit plugin that allows server owners control over which commands players can see and execute.</p>
+
+                <h4>TogglePvP</h4>
+                <h5>
+                    <a href="https://github.com/YouHaveTrouble/TogglePvP"><i class="fas fa-github fa"></i> Source code</a>
+                    <span> | </span>
+                    <a href="https://www.spigotmc.org/resources/togglepvp.89376/"><i class="fas fa-plug fa"></i> SpigotMC page</a>
+                </h5>
+                <p>Bukkit plugin allowing players to choose if they want to partake in PvP combat. Also protects player pets and accounts for huge amount of combat situations to effectively protect player.</p>
+                
+                <h4>Censura</h4>
+                <h5>
+                    <a href="https://github.com/YouHaveTrouble/Censura"><i class="fas fa-github fa"></i> Source code</a>
+                    <span> | </span>
+                    <a href="https://www.spigotmc.org/resources/censura.84123/"><i class="fas fa-plug fa"></i> SpigotMC page</a>
+                </h5>
+                <p>Advanced censorship bukkit plugin that lets server owners completely eliminate the usage of selected words on the server. Works with basically any user text input.</p>
+            </fieldset>
+        </div>
+        <div class="linewrapper">
+            <fieldset class="project-window">
+                <legend><h2>Discord bots</h2></legend>
+                <h4>GamerBot</h4>
+                <h5>
+                    <a href="https://top.gg/bot/747037824049741924"><i class="fas fa-file-invoice fa"></i> Top.gg page</a>
+                </h5>
+                <p>Bot that allows you to search League of Legends summoner profiles and ping minecraft and source game servers. Will be open sourced soon.</p>
+            </fieldset>
+        </div>
+        
+    </div>
+</body>
\ No newline at end of file
diff --git a/style/main.css b/style/main.css
index af3338e..f41c07e 100644
--- a/style/main.css
+++ b/style/main.css
@@ -47,7 +47,6 @@ body {
     padding-top: 0.4em;
     background: rgba(0, 0, 0, 0.5);
     text-align: center;
-    
 }
 legend {
     font-size: 120%;
diff --git a/style/projects.css b/style/projects.css
new file mode 100644
index 0000000..5db02a5
--- /dev/null
+++ b/style/projects.css
@@ -0,0 +1,52 @@
+.project-window {
+    width: auto;
+    min-width: 7em;
+    max-width: 750px;
+    height: auto;
+    margin: 1em;
+    padding: 0.7em;
+    padding-top: 0.4em;
+    background: rgba(0, 0, 0, 0.5);
+    text-align: center;
+}
+
+h2 {
+    margin: 0;
+}
+h4 {
+    margin: 0;
+}
+h5 {
+    margin: 0.4em;
+}
+
+.project-window p {
+    display: block;
+    margin-top: 0;
+    font-size: 0.9em;
+}
+
+.project-window a {
+    color: rgb(190, 190, 190);
+}
+.project-window a:hover {
+    color: #fff;
+}
+
+@media only screen 
+and (max-width: 1000px) {
+    .wrapper {
+        height: auto;
+        flex-direction: column;
+    }
+    .linewrapper {
+        height: auto;
+        flex-direction: column;
+    }
+    .window {
+        width: 85%;
+    }
+    h1 {
+        font-size: 1.7em;
+    }
+}
\ No newline at end of file
