diff --git a/content/assets/stylesheets/includes/projects.css b/content/assets/stylesheets/includes/projects.css
index aeec1b8..6d46b29 100644
--- a/content/assets/stylesheets/includes/projects.css
+++ b/content/assets/stylesheets/includes/projects.css
@@ -13,4 +13,8 @@
   align-items: center;
   /* align vertical */ }
 
+/* line 17, /Users/mehmet/Projects/zeus.ugent.be/content/assets/stylesheets/includes/projects.scss */
+.pad {
+  padding-top: 75px; }
+
 /*# sourceMappingURL=projects.css.map */
\ No newline at end of file
diff --git a/content/assets/stylesheets/includes/projects.css.map b/content/assets/stylesheets/includes/projects.css.map
index e419059..0b423b5 100644
--- a/content/assets/stylesheets/includes/projects.css.map
+++ b/content/assets/stylesheets/includes/projects.css.map
@@ -5,6 +5,6 @@
     "projects.scss"
   ],
   "sourcesContent": [],
-  "mappings": "AACA,wCAAwC;;AAExC,SAAS,CAAC;EACN,OAAO,EAAE,IAAK;EACd,eAAe,EAAE,YAAa;EAC9B,KAAK,EAAE,IAAK,GAHL;;;AAMX,UAAU,CAAC;EACP,OAAO,EAAE,IAAK;EAClB,eAAe,EAAE,MAAO;EAAE,sBAAsB;EAChD,WAAW,EAAE,MAAO;EAAE,oBAAoB,EAH9B",
+  "mappings": "AACA,wCAAwC;;AAExC,SAAS,CAAC;EACN,OAAO,EAAE,IAAK;EACd,eAAe,EAAE,YAAa;EAC9B,KAAK,EAAE,IAAK,GAHL;;;AAMX,UAAU,CAAC;EACP,OAAO,EAAE,IAAK;EAClB,eAAe,EAAE,MAAO;EAAE,sBAAsB;EAChD,WAAW,EAAE,MAAO;EAAE,oBAAoB,EAH9B;;;AAOZ,IAAI,CAAC;EAED,WAAW,EAAE,IAAK,GAFhB",
   "names": []
 }
\ No newline at end of file
diff --git a/content/assets/stylesheets/includes/projects.scss b/content/assets/stylesheets/includes/projects.scss
index e0a5f2f..0a43e68 100644
--- a/content/assets/stylesheets/includes/projects.scss
+++ b/content/assets/stylesheets/includes/projects.scss
@@ -12,4 +12,10 @@
 justify-content: center; /* align horizontal */
 align-items: center; /* align vertical */
     
+}
+
+.pad {
+    
+    padding-top: 75px;
+    
 }
\ No newline at end of file
diff --git a/content/projects.erb b/content/projects.erb
index d4ba4e8..f6f0f2f 100644
--- a/content/projects.erb
+++ b/content/projects.erb
@@ -45,4 +45,79 @@ title: Projecten
             </div>
         </div>
       </div>
+</div>
+
+
+
+
+
+  <div class="content">
+    <div class="container">
+        <div class="tile is-vertical">
+            <div class="tile">
+                <article class="tile is-child notification is-default">
+                    <div class="columns">
+                        <div class="column is-one-quarter">
+                            <p class="title has-text-centered">Tap</p>
+                        </div>
+                    </div>
+                    <div class="columns">
+                        <div class="column is-one-quarter imgspace">
+                        <img src="https://camo.githubusercontent.com/c10b728127bc26db9cb80879072e2119276f5b7a/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f353637362f34363935352f30313031636566342d353861382d313165322d386231362d3036353337633338613863662e706e67">
+                        </div>
+                        <div class="column pad">
+                            <p class="subtitle">🍺 Yes. We have to drink. But we also have to pay. This does the drinking part. <a href="https://zeus.ugent.be/tap">zeus.ugent.be/tap</a></p>    
+                        </div>
+                    </div>
+                    <div class=" imgspace">
+                        <a href="https://github.com/ZeusWPI/Tap">Tap <span class="icon"><i class="fa fa-github"></i></span></a>    
+                    </div>
+                </article>
+                    
+            </div>
+        </div>
+      </div>
+</div>
+
+  <div class="content">
+    <div class="container">
+        <div class="tile is-vertical">
+            <div class="tile">
+                <article class="tile is-child notification is-default">
+                    <div class="columns">
+                        <div class="column is-one-quarter">
+                            <p class="title has-text-centered">Hydra</p>
+                        </div>
+                    </div>
+                    <div class="columns">
+                        <div class="column is-one-quarter imgspace">
+                        <img src="https://camo.githubusercontent.com/c10b728127bc26db9cb80879072e2119276f5b7a/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f353637362f34363935352f30313031636566342d353861382d313165322d386231362d3036353337633338613863662e706e67">
+                        </div>
+                        <div class="column">
+                            <p></p>
+                            <p class="subtitle">Android, iOS, and Windows 10 application providing all the information a student at Ghent University needs.</p>    
+                        </div>
+                    </div>
+                    <div class="columns">
+                        <div class="column has-text-centered">
+                        <a href="https://itunes.apple.com/be/app/hydra/id602640924"><img src="https://camo.githubusercontent.com/c5065f53773c01c20c7cb90cbbefc9552b4e3187/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d696f732e706e67"></a></div>
+                        <div class="column has-text-centered">
+                        <a href="http://play.google.com/store/apps/details?id=be.ugent.zeus.hydra"><img src ="https://camo.githubusercontent.com/2b3471ae9f71b68d99ec52802a1c14c9a6803086/687474703a2f2f73747564656e742e7567656e742e62652f68796472612f696d672f73746f72652d616e64726f69642e706e67"></a></div>
+                        <div class="column has-text-centered">
+                        <a href="http://www.windowsphone.com/s?appId=08d3268e-aad6-48fa-ae83-5ccd1663e73a"><img src="assets/images/win.png"></a></div>
+                    
+                        </div>
+                    <div class="columns">
+                        <div class="column has-text-centered">
+                <a href="https://github.com/ZeusWPI/hydra-iOS">iOS <span class="icon"><i class="fa fa-github"></i></span></a></div>
+                   <div class="column has-text-centered">
+                <a href="https://github.com/ZeusWPI/hydra-android">Android <span class="icon"><i class="fa fa-github"></i></span></a></div>      
+                        <div class="column has-text-centered">
+                <a href="https://github.com/ZeusWPI/hydra-windows">Windows 10 <span class="icon"><i class="fa fa-github"></i></span></a></div>
+                    </div>
+                    
+                </article>
+            </div>
+        </div>
+      </div>
 </div>
\ No newline at end of file