From: Kevin Ball <kmball11@gmail.com>
Date: Tue, 16 May 2017 17:53:48 +0000 (-0700)
Subject: Update card codepens
X-Git-Tag: v6.4.0-rc1~46^2~13
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=b06b2e84393c1511ca9d799bfbc3efe756354240;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Update card codepens
---

diff --git a/docs/pages/card.md b/docs/pages/card.md
index 27c0b8ebd..4d65b5dd8 100644
--- a/docs/pages/card.md
+++ b/docs/pages/card.md
@@ -20,7 +20,7 @@ A card container has no padding, allowing you to place full-bleed images inside.
 </p>
 
 <div class="docs-codepen-container">
-  <a class="codepen-logo-link" href="http://codepen.io/ZURBFoundation/pen/PmabmL?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
+  <a class="codepen-logo-link" href="https://codepen.io/ZURBFoundation/pen/oWMEpo?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
 ```html_example
@@ -47,7 +47,7 @@ You can also include a `.card-divider` element as a title, footer or to break up
 </p>
 
 <div class="docs-codepen-container">
-  <a class="codepen-logo-link" href="http://codepen.io/ZURBFoundation/pen/PmabmL?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
+  <a class="codepen-logo-link" href="https://codepen.io/ZURBFoundation/pen/aWjqVJ?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
 ```html_example
@@ -73,7 +73,7 @@ Images play nicely with cards. Simply include one outside of the `.card-section`
 </p>
 
 <div class="docs-codepen-container">
-  <a class="codepen-logo-link" href="http://codepen.io/ZURBFoundation/pen/PmabmL?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
+  <a class="codepen-logo-link" href="https://codepen.io/ZURBFoundation/pen/QvBQvR?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
 ```html