From: Nicolas Coden <nicolas@ncoden.fr>
Date: Sun, 5 Aug 2018 21:59:44 +0000 (+0200)
Subject: docs: add a simpler example in Motion UI docs header
X-Git-Tag: v6.6.0~3^2~121^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=bd4bf11d2;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

docs: add a simpler example in Motion UI docs header
---

diff --git a/docs/pages/motion-ui.md b/docs/pages/motion-ui.md
index 198a8302e..ed99f6573 100644
--- a/docs/pages/motion-ui.md
+++ b/docs/pages/motion-ui.md
@@ -8,9 +8,14 @@ library:
 
 Motion UI is a standalone library that powers the transition effects used in a number of Foundation components, including [Toggler](toggler.html), [Reveal](reveal.html), and [Orbit](orbit.html).
 
+<div class="text-center">
+  <button type="button" class="button" data-toggle="motion-header-example">Animate!</button>
+  <div data-toggler data-animate="fade-in fade-out" id="motion-header-example" style="display: none;">
+    <img src="/assets/img/generic/rectangle-7.jpg" style="width: 100%;">
   </div>
 </div>
 
+
 ---
 
 ## Installing