+251-235-3256
info@example.com

New York, USA

Get a Quote

Elements

These modular elements can be readily used and customized across pages and in different blocks.

Elements 


	<h1>Example heading <span class="badge badge-default">New</span></h1>
	<h2>Example heading <span class="badge badge-default">New</span></h2>
	<h3>Example heading <span class="badge badge-default">New</span></h3>
	<h4>Example heading <span class="badge badge-default">New</span></h4>
	<h5>Example heading <span class="badge badge-default">New</span></h5>
	<h6>Example heading <span class="badge badge-default">New</span></h6>
How to use

Small and adaptive tag for adding context to just about any content.

  • Use the .badge class with <span> element inside main element.

Example

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

	<span class="badge badge-default">Default</span>
	<span class="badge badge-primary">Primary</span>
	<span class="badge badge-success">Success</span>
	<span class="badge badge-info">Info</span>
	<span class="badge badge-warning">Warning</span>
	<span class="badge badge-danger">Danger</span>
How to use variation
  • To get prestyled badge just use the .badge-default or .badge-primary or .badge-success or .badge-info or .badge-warning or .badge-danger class with .badge class.

Example

Default Primary Success Info Warning Danger