diff --git a/readme.md b/readme.md
index 5fe9491..83c4d5c 100644
--- a/readme.md
+++ b/readme.md
@@ -14,6 +14,12 @@ I believe <abbr title="Web Content Accessibility Guidelines">WCAG</abbr> 2 level
 <strong>CodePen demo: <a href="http://codepen.io/2kool2/pen/PWmzMa">Responsively crop copy, restore onclick via sliding drop-down animation</a></strong>
 
 
+<br>
+##Example
+
+<p data-height="265" data-theme-id="dark" data-slug-hash="PWmzMa" data-default-tab="js,result" data-user="2kool2" data-embed-version="2" data-pen-title="Responsively crop copy, restore onclick via slide animation" data-preview="true" class="codepen">See the Pen <a href="http://codepen.io/2kool2/pen/PWmzMa/">Responsively crop copy, restore onclick via slide animation</a> by mike foskett (<a href="http://codepen.io/2kool2">@2kool2</a>) on <a href="http://codepen.io">CodePen</a>.</p>
+<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
+
 <br>
 ##Basic usage