diff --git a/index.html b/index.html
index 5809e52..e6d602f 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
 	<link rel="stylesheet" href="styles/screen-16x10.css">
+	<link rel="stylesheet" href="styles/custom.css">
 </head>
 <body class="shower list">
 	<header class="caption">
@@ -402,6 +403,12 @@ <h1>ICT in de lerarenopleiding</h1>
       <a href="https://twitter.com/intent/tweet?button_hashtag=Innoversity" class="twitter-hashtag-button" data-url="http://estherdeloof.github.io/March17/" data-dnt="true">Tweet #Innoversity</a>
     </p>
 	</div>
+
+  <div class="slide">
+    <p class="place button">
+      <a href="https://github.com/OpenWebSlides/ICT-Lerarenopleiding">slides</a>
+    </p>
+  </div>
 	
 
 	
diff --git a/styles/custom.css b/styles/custom.css
new file mode 100644
index 0000000..c32a6e2
--- /dev/null
+++ b/styles/custom.css
@@ -0,0 +1,14 @@
+.button {
+  background-image: linear-gradient(to bottom, #3498db, #2980b9);
+  border-radius: 28px;
+  padding: 20px 25px;
+  border: 3px solid #275c91;
+}
+.button * {
+  color: #ffffff !important;
+  background: none !important;
+}
+.button:hover {
+  background: #3cb0fd;
+  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
+}
