Other Features

Chowing Down With Quinn and JT > Other Features

Back To Homepage

ALERTS

[mpalert style="info" dismissible="dismissible"]

Info

Heads up! This alert needs your attention, but it's not super important. [/mpalert] [mpalert style="success" dismissible="dismissible"]

Success

Well done! You successfully read this important alert message. [/mpalert] [mpalert style="warning" dismissible="dismissible"]

Warning

Best check yo self, you're not looking too good. [/mpalert] [mpalert style="danger" dismissible="dismissible"]

Danger

Oh snap! Change a few things up and try submitting again. [/mpalert]

PROGRESS BARS

[mprogress style="success" striped="" animated="" value="100" label=""][/mprogress] [mprogress style="info" striped="" animated="" value="80" label=""][/mprogress] [mprogress style="warning" striped="" animated="" value="60" label=""][/mprogress] [mprogress style="danger" striped="" animated="" value="40" label=""][/mprogress] [mprogress style="success" striped="yes" animated="yes" value="100" label=""][/mprogress] [mprogress style="info" striped="yes" animated="yes" value="80" label=""][/mprogress] [mprogress style="warning" striped="yes" animated="yes" value="60" label=""][/mprogress] [mprogress style="danger" striped="yes" animated="yes" value="40" label=""][/mprogress]

MODAL

[mpmodal text="Click Here" title="Modal Title" style="primary" outline="" size="btn-lg"]

Cernantur labore iis deserunt coniunctione, eiusmod lorem aliquip. Tempor o multos voluptate, commodo aliqua de nostrud concursionibus, aliquip fore eiusmod ingeniis sed nulla iis officia te aliqua.

[/mpmodal]

LARGE BUTTONS

[mpbutton url="#" newtab="" style="primary" outline="" size="btn-lg"]Primary[/mpbutton] [mpbutton url="#" newtab="" style="success" outline="" size="btn-lg"]Success[/mpbutton] [mpbutton url="#" newtab="" style="info" outline="" size="btn-lg"]Info[/mpbutton] [mpbutton url="#" newtab="" style="warning" outline="" size="btn-lg"]Warning[/mpbutton] [mpbutton url="#" newtab="" style="danger" outline="" size="btn-lg"]Danger[/mpbutton]

[mpbutton url="#" newtab="" style="primary" outline="yes" size="btn-lg"]Primary[/mpbutton] [mpbutton url="#" newtab="" style="success" outline="yes" size="btn-lg"]Success[/mpbutton] [mpbutton url="#" newtab="" style="info" outline="yes" size="btn-lg"]Info[/mpbutton] [mpbutton url="#" newtab="" style="warning" outline="yes" size="btn-lg"]Warning[/mpbutton] [mpbutton url="#" newtab="" style="danger" outline="yes" size="btn-lg"]Danger[/mpbutton]

MEDIUM BUTTONS

[mpbutton url="#" newtab="" style="primary" outline="" size=""]Primary[/mpbutton] [mpbutton url="#" newtab="" style="success" outline="" size=""]Success[/mpbutton] [mpbutton url="#" newtab="" style="info" outline="" size=""]Info[/mpbutton] [mpbutton url="#" newtab="" style="warning" outline="" size=""]Warning[/mpbutton] [mpbutton url="#" newtab="" style="danger" outline="" size=""]Danger[/mpbutton]

[mpbutton url="#" newtab="" style="primary" outline="yes" size=""]Primary[/mpbutton] [mpbutton url="#" newtab="" style="success" outline="yes" size=""]Success[/mpbutton] [mpbutton url="#" newtab="" style="info" outline="yes" size=""]Info[/mpbutton] [mpbutton url="#" newtab="" style="warning" outline="yes" size=""]Warning[/mpbutton] [mpbutton url="#" newtab="" style="danger" outline="yes" size=""]Danger[/mpbutton]

SMALL BUTTONS

[mpbutton url="#" newtab="" style="primary" outline="" size="btn-sm"]Primary[/mpbutton] [mpbutton url="#" newtab="" style="success" outline="" size="btn-sm"]Success[/mpbutton] [mpbutton url="#" newtab="" style="info" outline="" size="btn-sm"]Info[/mpbutton] [mpbutton url="#" newtab="" style="warning" outline="" size="btn-sm"]Warning[/mpbutton] [mpbutton url="#" newtab="" style="danger" outline="" size="btn-sm"]Danger[/mpbutton]

[mpbutton url="#" newtab="" style="primary" outline="yes" size="btn-sm"]Primary[/mpbutton] [mpbutton url="#" newtab="" style="success" outline="yes" size="btn-sm"]Success[/mpbutton] [mpbutton url="#" newtab="" style="info" outline="yes" size="btn-sm"]Info[/mpbutton] [mpbutton url="#" newtab="" style="warning" outline="yes" size="btn-sm"]Warning[/mpbutton] [mpbutton url="#" newtab="" style="danger" outline="yes" size="btn-sm"]Danger[/mpbutton]