From c26ef4e556128b08fe98e73ea965cf369a24ec3e Mon Sep 17 00:00:00 2001 From: REJack Date: Sun, 17 May 2020 00:54:42 +0200 Subject: [PATCH] add ribbon over image demo & docs --- docs/components/ribbons.md | 14 ++++++++++++++ pages/UI/ribbons.html | 32 ++++++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+) diff --git a/docs/components/ribbons.md b/docs/components/ribbons.md index 1c17abffb..38c7c45ae 100644 --- a/docs/components/ribbons.md +++ b/docs/components/ribbons.md @@ -163,3 +163,17 @@ The ribbon comes in three sizes to display more text or use larger font sizes, d ``` + +##### Image Example Code +{: .text-bold .text-dark .mt-5} + +```html +
+ Photo 1 +
+
+ Ribbon +
+
+
+``` diff --git a/pages/UI/ribbons.html b/pages/UI/ribbons.html index 7abc05157..fb69a3ac4 100644 --- a/pages/UI/ribbons.html +++ b/pages/UI/ribbons.html @@ -800,6 +800,38 @@ +
+
+
+ Photo 1 +
+
+ Ribbon +
+
+
+
+
+
+ Photo 2 +
+
+ Ribbon +
+
+
+
+
+
+ Photo 3 +
+
+ Ribbon +
+
+
+
+