Shortcodes – Sharp Magazine

Carousel

[carousel]
[carousel-item active="true"][/carousel-item]
[carousel-item][/carousel-item]
[carousel-item][/carousel-item]
[/carousel]

2 Column Grid

Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.

[row]
[column md="6"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.[/column]
[column md="6"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.[/column]
[/row]

3 Column Grid

Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet.

[row]
[column md="4"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [/column]
[column md="4"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [/column]
[column md="4"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [/column]
[/row]

4 Column Grid

Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper.

[row]
[column md="3"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[column md="3"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[column md="3"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[column md="3"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[/row]

Emphasis

Emphasis type=”success” Quisque ultrices pretium sapien ut consequat
Emphasis type=”muted” Quisque ultrices pretium sapien ut consequat
Emphasis type=”primary” Quisque ultrices pretium sapien ut consequat
Emphasis type=”info” Quisque ultrices pretium sapien ut consequat
Emphasis type=”warning” Quisque ultrices pretium sapien ut consequat
Emphasis type=”danger” Quisque ultrices pretium sapien ut consequat

Buttons

Sample Button Sample Button Sample Button Sample Button Sample Button Sample Button

Button Groups

All sizes and colors shown above are also available as button groups.

Button #1 Button #2 Button #3 Button #4 Button #5

Alerts

Alert Type success. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper.

Alert Type info. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper.

Alert Type warning. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper.

Alert Type danger. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper.

Panels

Success Panel Title

Panel body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien felis, adipiscing sit amet ultrices scelerisque, volutpat dictum tortor. Phasellus eu velit ut enim vestibulum faucibus.

Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper.

Info Info Title

Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper.

Warning Panel Title

Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper.

Danger Panel Title

Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper.

Tabbed Content

Nulla ac mauris eu ipsum iaculis lacinia. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis.

Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis.

Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis.

Collapsible Sample

Collapse 1

Nullam fringilla posuere enim a auctor. Nunc sagittis interdum nibh sit amet dictum. Proin ipsum justo, laoreet vitae placerat in, semper quis dolor. Pellentesque ut purus urna. Curabitur nec eros in massa euismod ullamcorper. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum.

Collapse 2

Ut loremmi, posuere ac luctus eget, consec tetur ac lacus. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis. Vestibulum elit turpis, interdum et consectetur quis, faucibus vel lectus. Nulla hendrerit fringilla tempor.

Collapse 3

Pellentesque ut purus urna. Curabitur nec eros in massa euismod ullamcorper. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum.

Tooltips

Popover

Modal

Modal Box