]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Add Panaroma codepen - responsive embed!
authorharry <harmanmanchanda182@gmail.com>
Mon, 15 May 2017 20:22:58 +0000 (01:52 +0530)
committerharry <harmanmanchanda182@gmail.com>
Mon, 15 May 2017 20:22:58 +0000 (01:52 +0530)
docs/pages/responsive-embed.md

index c2f26d066005168b6422e1afa1e5e973e4f3ee57..83cc38c17c8d8ea62af46c0d59305bd2e59dc2bc 100644 (file)
@@ -53,6 +53,14 @@ $responsive-embed-ratios: (
 );
 ```
 
+<p>
+  <a class="" data-open-video="0:39"><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>
+</p>
+
+<div class="docs-codepen-container">
+  <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/OmEqgM?editors=1100" target="_blank"><img src="{{root}}assets/img/logos/codepen-button.svg" class="" height="" width="" alt="edit on codepen button"></a>
+</div>
+
 ```html_example
 <div class="responsive-embed panorama">
   <iframe width="1024" height="315" src="https://www.youtube.com/embed/bnD9I24EL_4" frameborder="0" allowfullscreen></iframe>