Ribbons
Ribbons default
Add class: .ribbon. It must be inside .ribbon-wrapper class. Content should be inside .ribbon-content class.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Ribbons right align
Add class: .ribbon-right
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Ribbons vertical
Add class: .ribbon-vertical-l to display on left. Add class: .ribbon-vertical-rto display on right
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Bookmarked ribbons
Add class: .ribbon-bookmark right after the .ribbon class.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Corner ribbons
Add class: .ribbon-corner.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula
Duis mollis, est non commodo luctus, nisi erat porttitor ligula