diff --git a/plugins/codesample.md b/plugins/codesample.md
index 75805a1..17c5c54 100644
--- a/plugins/codesample.md
+++ b/plugins/codesample.md
@@ -80,3 +80,7 @@ You need to add `prism.js` and `prism.css` to your page in order to get the synt
 <script src="prism.js"></script>
 <pre class="language-markup"><code>...</code></pre>
 ```
+
+## Live example
+
+{% include codepen.html id="mpyXwj" %}