diff --git a/docs/card.html b/docs/card.html
index 7c43f42..f310497 100644
--- a/docs/card.html
+++ b/docs/card.html
@@ -189,11 +189,11 @@
               <div class="col-sm-12 col-sm-last col-md-12 col-md-normal">
               <div class="container"><br>
                   <div class="row">
-                    <div class="card"><div class="section"><h3>Card with image</h3></div><img class="section media" src="http://placehold.it/800x600"><div class="section"><p>Content</p></div></div>
+                    <div class="card"><div class="section"><h3>Card with image</h3></div><img class="section media" src="https://placehold.it/800x600"><div class="section"><p>Content</p></div></div>
                     <div class="card"><iframe class="section media" width="1280" height="720" src="https://www.youtube.com/embed/ScMzIvxBSi4" frameborder="0"></iframe><div class="section"><h3>Card with video</h3></div></div>
                     <div class="card"><div class="section"><h3>Normal section</h3></div><div class="section double-padded"><h3>Double-padded section</h3></div></div>
                     <div class="card"><div class="section"><h3>Normal section</h3></div><div class="section dark"><h3>Dark section</h3></div><div class="section darker"><h3>Darker section</h3></div></div>
-                    <div class="card inverse"><div class="section"><h3>Inverse card</h3></div><img class="section media" src="http://placehold.it/800x600"><div class="section"><p>Content</p></div><div class="section"><p>More content</p></div></div>
+                    <div class="card inverse"><div class="section"><h3>Inverse card</h3></div><img class="section media" src="https://placehold.it/800x600"><div class="section"><p>Content</p></div><div class="section"><p>More content</p></div></div>
                   </div><br>
                 </div>
               </div>
diff --git a/docs/utility.html b/docs/utility.html
index 06ef9f7..71d586f 100644
--- a/docs/utility.html
+++ b/docs/utility.html
@@ -102,7 +102,7 @@
                   <br>
                   <p>This is a paragraph with a piece of <span class="bordered">bordered text</span>.</p>
                   <button class="bordered">Bordered button</button><button class="bordered primary">Bordered button</button><br>
-                  <p><img src="http://placehold.it/200x200?text=rounded" class="rounded">&nbsp;&nbsp;<img src="http://placehold.it/200x200?text=circular" class="circular"></p><br>
+                  <p><img src="https://placehold.it/200x200?text=rounded" class="rounded">&nbsp;&nbsp;<img src="https://placehold.it/200x200?text=circular" class="circular"></p><br>
                   <p><span class="shadow-none">No shadow</span>&nbsp;&nbsp;<span class="shadow-small">Small shadow</span>&nbsp;&nbsp;<span class="shadow-medium">Medium shadow</span>&nbsp;&nbsp;<span class="shadow-large">Large shadow</span></p><br>
                 </div>
               </div>