Examples

Gutenberg Button Colors


Bootstrap Buttons

Regular Buttons
Primary Blue Secondary Green Accent Blue Accent Light Blue Accent Teal Accent Green Accent Gold Accent Red Accent Purple

Slanted Buttons
Primary Blue Secondary Green Accent Blue Accent Light Blue Accent Teal Accent Green Accent Gold Accent Red Accent Purple

Block Quotes

This is a test


Jumbotron

This is a test

Outline Box

Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

outline-box
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

outline-box primary-blue
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

outline-box secondary-green
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

outline-box accent-blue
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

outline-box accent-light-blue
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

outline-box accent-green
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

outline-box accent-red
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

outline-box accent-purple
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

outline-box accent-gold
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

outline-box accent-teal

Solid Box

Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

solid-box
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

solid-box primary-blue
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

solid-box secondary-green
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

solid-box accent-blue
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. DO NOT USE THIS!

solid-box accent-light-blue
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

solid-box accent-green
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

solid-box accent-red
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

solid-box accent-purple
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

solid-box accent-gold
Lorem ipsum dolor sit amet, mel at modo aperiam moderatius, vero ferri feugait ne cum. Mutat integre necessitatibus ut sea, cu aliquam civibus qualisque vel. Id soluta regione labores eam. Sint omnium ex est, qui quot utamur ei.

solid-box accent-teal

Small Callout


Custom Animated Callout


Some Additional “Stuff”

Blockies

Special Blockies

Health Sciences and Public Safety

Art and Design

Accordions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nisl lorem, dictum id pellentesque at, vestibulum ut arcu. Curabitur erat libero, egestas eu tincidunt ac, rutrum ac justo. Vivamus condimentum laoreet lectus, blandit posuere tortor aliquam vitae. Curabitur molestie eros.