remove examples plugin, new examples

pages/_docs/ribbons.md

@@ -6,9 +6,10 @@ done: true
 
 ### Default markup
 
-{% example html columns=1 %}
+{% capture code %}
 {% include cards/ribbon.html %}
-{% endexample %}
+{% endcapture %}
+{% include example.html code=code %}
 
 ### Ribbon position
 
@@ -21,30 +22,34 @@ You can easily change the position of a ribbon by adding a class to the element.
 
 You can also use multiple classes at once for example: `.ribbon.ribbon-top.ribbon-left` moves the ribbon to the top left corner.
 
-{% example html columns=1 %}
+{% capture code %}
 {% include cards/ribbon.html top=true left=true %}
-{% endexample %}
+{% endcapture %}
+{% include example.html code=code %}
 
 ### Ribbon color
 
 Customize the ribbon's background color. You can click [here]({% docs_url colors %}) to see the list of available colors.
 
-{% example html columns=1 %}
+{% capture code %}
 {% include cards/ribbon.html color="red" %}
-{% endexample %}
+{% endcapture %}
+{% include example.html code=code %}
 
 ### Ribbon text
 
 Set your own text in a ribbon.
 
-{% example html columns=1 %}
+{% capture code %}
 {% include cards/ribbon.html color="green" text="-50%" %}
-{% endexample %}
+{% endcapture %}
+{% include example.html code=code %}
 
 ### Ribbon style
 
 Change the style of a ribbon. 
 
-{% example html columns=1 %}
+{% capture code %}
 {% include cards/ribbon.html bookmark=true color="orange" text="-50%" %}
-{% endexample %}
+{% endcapture %}
+{% include example.html code=code %}