[html format="html" different_values="0"]<div class="container"> <div class="c-content-title-1"> <h3 class="c-center c-font-dark c-font-uppercase">Labels</h3> <div class="c-line-center c-theme-bg"></div> <p class="c-center">Multiple preset Label and Badge options</p> </div> <div class="c-content-panel"> <div class="c-label">default bootstrap lebels</div> <div class="c-body"> <div class="bs-example" data-example-id="labels-in-headings"> <h1>Example heading <span class="label label-default c-font-slim">Label</span> </h1> <h2>Example heading <span class="label label-default c-font-slim">Label</span> </h2> <h3>Example heading <span class="label label-default c-font-slim">Label</span> </h3> <h4>Example heading <span class="label label-default c-font-slim">Label</span> </h4> <h5>Example heading <span class="label label-default c-font-slim">Label</span> </h5> <h6>Example heading <span class="label label-default c-font-slim">Label</span> </h6> </div> </div> </div> <div class="c-content-panel"> <div class="c-label">bootstrap lebel variants</div> <div class="c-body"> <p> <span class="label label-default c-font-slim">Default</span> <span class="label label-success c-font-slim">Success</span> <span class="label label-warning c-font-slim">Warning</span> <span class="label label-danger c-font-slim">Danger</span> <span class="label label-info c-font-slim">Info</span> <span class="label label-primary c-font-slim">Primary</span> </p> <p> <span class="label label-default c-font-slim c-font-uppercase">Default</span> <span class="label label-success c-font-slim c-font-uppercase">Success</span> <span class="label label-warning c-font-slim c-font-uppercase">Warning</span> <span class="label label-danger c-font-slim c-font-uppercase">Danger</span> <span class="label label-info c-font-slim c-font-uppercase">Info</span> <span class="label label-primary c-font-slim c-font-uppercase">Primary</span> </p> <p> <span class="label label-default c-font-slim c-font-uppercase c-font-bold">Default</span> <span class="label label-success c-font-slim c-font-uppercase c-font-bold">Success</span> <span class="label label-warning c-font-slim c-font-uppercase c-font-bold">Warning</span> <span class="label label-danger c-font-slim c-font-uppercase c-font-bold">Danger</span> <span class="label label-info c-font-slim c-font-uppercase c-font-bold">Info</span> <span class="label label-primary c-font-slim c-font-uppercase c-font-bold">Primary</span> </p> </div> </div> <div class="c-content-panel"> <div class="c-label">oswald labels</div> <div class="c-body"> <p> <span class="c-content-label c-font-uppercase c-font-bold c-bg-blue">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-red">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-green">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-yellow">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-purple">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-dark">JANGO</span> </p> <p> <span class="c-content-label c-font-uppercase c-font-bold c-bg-blue-2 c-font-slim c-font-uppercase c-font-bold">Default</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-green-2 c-font-slim c-font-uppercase c-font-bold">Success</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-yellow-2 c-font-slim c-font-uppercase c-font-bold">Warning</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-purple-2 c-font-slim c-font-uppercase c-font-bold">Danger</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-red-2 c-font-slim c-font-uppercase c-font-bold">Info</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-dark-2 c-font-slim c-font-uppercase c-font-bold">Primary</span> </p> </div> </div> <div class="c-content-panel"> <div class="c-label">oswald labels sizes</div> <div class="c-body"> <p> <span class="c-content-label c-font-uppercase c-font-bold c-bg-blue c-label-sm">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-red c-label-sm">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-green c-label-sm">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-yellow c-label-sm">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-purple c-label-sm">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-dark c-label-sm">JANGO</span> </p> <p> <span class="c-content-label c-font-uppercase c-font-bold c-bg-blue c-label-sm c-font-uppercase c-font-bold">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-red c-label-sm c-font-uppercase c-font-bold">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-green c-label-sm c-font-uppercase c-font-bold">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-yellow c-label-sm c-font-uppercase c-font-bold">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-purple c-label-sm c-font-uppercase c-font-bold">JANGO</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-dark c-label-sm c-font-uppercase c-font-bold">JANGO</span> </p> <p> <span class="c-content-label c-font-uppercase c-font-bold c-bg-blue-2 c-font-slim c-label-lg">Default</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-green-2 c-font-slim c-label-lg">Success</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-yellow-2 c-font-slim c-label-lg">Warning</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-purple-2 c-font-slim c-label-lg">Danger</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-red-2 c-font-slim c-label-lg">Info</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-dark-2 c-font-slim c-label-lg">Primary</span> </p> <p> <span class="c-content-label c-font-uppercase c-font-bold c-bg-blue-2 c-font-slim c-font-uppercase c-font-bold c-label-lg">Default</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-green-2 c-font-slim c-font-uppercase c-font-bold c-label-lg">Success</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-yellow-2 c-font-slim c-font-uppercase c-font-bold c-label-lg">Warning</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-purple-2 c-font-slim c-font-uppercase c-font-bold c-label-lg">Danger</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-red-2 c-font-slim c-font-uppercase c-font-bold c-label-lg">Info</span> <span class="c-content-label c-font-uppercase c-font-bold c-bg-dark-2 c-font-slim c-font-uppercase c-font-bold c-label-lg">Primary</span> </p> </div> </div> </div>[/html]
 