From: harry <harmanmanchanda182@gmail.com>
Date: Sun, 14 May 2017 18:22:56 +0000 (+0530)
Subject: Add Pagination Codepen!
X-Git-Tag: v6.4.0-rc1~46^2~26^2~24^2~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=1132d63b480569cd9a25f76d338d2c268913e36d;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add Pagination Codepen!
---

diff --git a/docs/pages/pagination.md b/docs/pages/pagination.md
index 165703074..cdb79a2f2 100644
--- a/docs/pages/pagination.md
+++ b/docs/pages/pagination.md
@@ -13,6 +13,12 @@ Note that the container has the attributes `role="navigation"` and `aria-label="
 
 Extra screen reader-only text should also be added to a pagination element. In the below example, users reading the page will just see "Next" and "Previous", but screen readers will read it as "Next page" and "Previous page". Additionally, the text for the current page will read as "You're on page one".
 
+<div class="docs-video-codepen-container">
+  <a class="" data-open-video="12:00"><img src="https://www.elastic.co/static/images/svg/video-play-btn.svg" class="video-icon" height="30" width="30" alt=""> Watch this part in video</a>
+
+  <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/BRxVmB?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/cp1.svg" class="" height="" width="" alt="edit on codepen button"></a>
+</div>
+
 ```html_example
 <ul class="pagination" role="navigation" aria-label="Pagination">
   <li class="pagination-previous disabled">Previous <span class="show-for-sr">page</span></li>