Add Pagination Codepen!

diff --git a/docs/pages/pagination.md b/docs/pages/pagination.md
index 1657030748fa7d8a733120b1aa65af63aa35c3cb..cdb79a2f2904089750e76b33a0008524f576109e 100644 (file)
--- 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>