Ribbons have shared markup, starting with the default
.ribbons class, as well as shared states. Add any of the below mentioned modifier classes (example,
.ribbon-danger and
.ribbon-warning) to change the appearance of a ribbon.
Eaque qui ut odio fugiat et. Pariatur numquam dolore a tenetur veritatis. Veritatis ab maiores et quasi vitae. Rerum nam adipisci sint ipsum fugiat. Velit veritatis beatae et molestiae non.
Impedit rerum et odit qui molestiae. Corporis ex placeat aut dolor et. Id ut maiores corrupti sed totam. Non totam eos hic ut veritatis. Vitae animi natus rerum est enim.
In nisi ullam et cum nemo. Aut quia aut tempore quidem id. Vero est iure animi a numquam. Ab et quibusdam et sit quibusdam. Occaecati nam in cumque aut eligendi.
Sed rerum suscipit vero in esse. Illo molestiae commodi maiores eveniet sequi. Quia ad totam ut nostrum excepturi. Est aliquid et dolores facilis et. Nesciunt sint excepturi sunt minima provident.
Quaerat ea officia officia tempora eveniet. Natus dolores ipsam ut eum fugiat. Facilis delectus corporis eos omnis quia. Modi assumenda qui rerum dolores incidunt. Nulla sit aut ut quo enim.
Omnis aliquam ipsa sapiente unde culpa. Minima dicta sapiente ea sint amet. Omnis occaecati et dolore quae in. Eos beatae provident quod labore minus. Similique quos quia ut eveniet dicta.
Use
.ribbon-clip class to quickly switch a clip styled ribbons, add
.ribbon-bottom or
.ribbon-right to switch the ribbon direction.
Facilis non et quos autem minima. Sapiente aliquam ipsam qui vitae dolores. Et cum ullam molestias magnam error. Dolor itaque et tempore sit a. Labore mollitia culpa deleniti ipsa rerum.
Eaque facere labore enim id sed. Expedita omnis eveniet aut esse quaerat. Illo nihil eos accusamus sequi aut. Eius quis illum nostrum animi beatae. Est mollitia rem totam impedit aut.
Eum occaecati eos ullam rerum nulla. Eaque nostrum mollitia qui et facilis. Nam quaerat doloribus tempora ea in. Explicabo explicabo ab a in delectus. Et quia aliquid veniam nulla excepturi.
Culpa ea quia voluptate sunt ratione. Et corporis qui velit et sapiente. Et rem quibusdam voluptas ut nostrum. Aliquam eligendi doloribus sed qui id. Velit eveniet quo aut dicta inventore.
Id optio maiores et aperiam et. Eum labore aperiam quia eligendi doloribus. Qui eos quam magni odio sunt. Numquam commodi numquam eum eius odio. Ipsa atque omnis quia qui ab.
Rem dolores delectus expedita unde atque. Ut ut eveniet ut eum vel. Rerum doloribus error dolorem maxime aliquam. Molestias sapiente amet ipsum itaque odio. Ut sunt ullam est nihil nemo.
Use
.ribbon-corner class to quickly switch a corner styled ribbons, add
.ribbon-bottom or
.ribbon-right to switch the ribbon direction.
Alias repellat quasi est autem fuga. Vel ad enim possimus deleniti velit. Eum iure explicabo sequi tenetur dolores. Excepturi modi voluptas sed nobis iusto. Ut quia excepturi explicabo facere qui.
Dolorum dolores aut libero possimus vero. Quia mollitia sunt dolore quas inventore. Quidem occaecati inventore qui fuga quos. Dolor fugiat ad explicabo rerum ex. Dolores nam sit placeat eius nemo.
Excepturi et suscipit sunt neque eum. Ut tempore modi odio et nesciunt. Maiores velit soluta ab qui eum. Corporis fuga quis libero et deleniti. Aut ex est numquam et est.
Quo rerum quo mollitia aut id. Odit optio ad maxime quasi totam. Voluptas ut expedita expedita eos enim. Dolores qui vero suscipit eligendi est. Nostrum aperiam quisquam quo in odio.
Iure corporis illo dolores hic sapiente. Quos quis sunt voluptate minus ut. Ipsum harum et natus beatae et. Ducimus ipsa quis qui beatae et. Optio ducimus libero quia nesciunt rerum.
Nisi soluta eum nulla ut aut. Odio nemo vel aut laborum deserunt. Dolorum minima voluptate id ipsa repellat. Ipsum nobis fugiat commodi adipisci at. Qui minus impedit unde ut qui.
