Features

A list of multi usable elements for the Heylone.

Titre 1

Titre 2

Titre 3

H1 heading style

H2 heading style

H3 heading style

H4 heading style

H5 heading style

H6 heading style

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.
- Author name here

Labels

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Dropcaps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.

Lists

Unordered List

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Nulla volutpat aliquam velit
Aenean sit amet erat nunc
Eget porttitor lorem

Description List

Description lists: A description list is perfect for defining terms.
Euismod
Malesuada porta: Etiam porta sem malesuada magna mollis euismod.

Ordered List

Facilisis in pretium nisl aliquet
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Aenean sit amet erat nunc

Icons List

Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.
Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.

Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.
Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.

Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.
Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.

Inline

Lorem ipsum
Phasellus iaculis
Nulla volutpat

Code

For example, <section> should be wrapped as inline.

<p>Sample text here...<p>

Tabels

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor.

Progress Bar

HTML/CSS

Photoshop

Joomla

Wordpress

Stripped Progress Bar

Colored Progress Bar

60% Complete (warning)

Accordion

Accordion Panel #1

Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui.Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue.Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.

Accordion Panel #2

Accordion Panel #3

Toggles

Toggle Panel #1

Toggle Panel #2

Toggle Panel #3

Alert Boxes

×Oh snap! Change a few things up and try submitting again.

Tooltips

Tight pants next level keffiyeh you probably haven’t heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney’s fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray.

9000

Drinks Consumed

Places Visited

1500

Songs Played

1400

hours played

Buttons

Default Primary Success Info Warning Danger

Button Desabled

Primary button Button

Labels

Default Primary Success Info Warning Dark

Pagination

Large

Default

Small