diff --git a/pages/_docs/cards.md b/pages/_docs/cards.md
index d6a30ccf3570948b1e3b39c8afe91ca24a3a8141..ae5379de75ce39d97dc68c20b47886f33ad529c4 100644
--- a/pages/_docs/cards.md
+++ b/pages/_docs/cards.md
@@ -235,3 +235,31 @@ You can also add the image on the left side of the card. All you need do to is:
 </div>
 {% endexample %}
  
+### Card with options
+{% example html columns=1 %}
+	{% include cards/card.html title="This is a standard card" show-footer=true %}
+{% endexample %}
+
+### Card with fullscreen
+{% example html columns=1 %}
+	{% include cards/card.html title="With additional fullscreen button" show-fullscreen=true %}
+{% endexample %}
+
+### Card with search
+{% example html columns=1 %}
+	{% include cards/card.html title="Card with search form" show-form=true %}
+{% endexample %}
+
+### Card with search
+{% example html columns=2 %}
+	<div class="row">
+	  <div class="col-lg-6 col-xl-6">
+		  {% include cards/card.html title="Card with alert" alert="Adding action was successful" %}
+	  </div>
+	  <div class="col-lg-6 col-xl-6">
+		  {% include cards/card.html title="Card with alert" alert="Adding action failed" alert-type="danger" %}
+	  </div>
+	</div>
+{% endexample %}
+
+
diff --git a/pages/cards-2.html b/pages/cards-2.html
index a570b4ecc2bb9bc3726a179aeb3d589aef639627..b870df5a0b54fc0b919ef5b294953d36520e975a 100644
--- a/pages/cards-2.html
+++ b/pages/cards-2.html
@@ -1,6 +1,7 @@
 ---
 title: Cards
 page-title: Cards
+done: true
 ---
 
 {% assign photos = site.data.photos | where: "horizontal", true %}