diff --git a/workshop/Introduction.html b/workshop/Introduction.html
deleted file mode 100644
index b904e3729238de814f91319e2b907bc2b6e34a02..0000000000000000000000000000000000000000
--- a/workshop/Introduction.html
+++ /dev/null
@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>Title</title>
- <meta charset="utf-8">
- <style>
- @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
- @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
- @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
-
- body { font-family: 'Droid Serif'; }
- h1, h2, h3 {
- font-family: 'Yanone Kaffeesatz';
- font-weight: normal;
- }
- .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
- </style>
- </head>
- <body>
- <textarea id="source">
-
-class: center, middle
-
-# Title
-
----
-
-# Agenda
-
-1. Introduction
-2. Deep-dive
-3. ...
-
----
-
-# Introduction
-
- </textarea>
- <script src="https://remarkjs.com/downloads/remark-latest.min.js">
- </script>
- <script>
- var slideshow = remark.create();
- </script>
- </body>
-</html>
diff --git a/workshop/Introduction.md b/workshop/Introduction.md
new file mode 100644
index 0000000000000000000000000000000000000000..bd3917174aee287f236b09e2f13df0aaa661a3a8
--- /dev/null
+++ b/workshop/Introduction.md
@@ -0,0 +1,27 @@
+class: center, middle
+
+# My Awesome Presentation
+
+???
+
+Notes for the _first_ slide!
+
+---
+
+# Agenda
+
+1. Introduction
+2. Deep-dive
+3. ...
+
+[NOTE]: Note that you need remark.js alongside this html file, but no internet connection.
+---
+
+# Introduction
+
+Welcome to the workd of tomorrow
+
+
+---
+
+# End