The Elements

Bone comes with a lot of features an premade elements you can use.

Typography

Finetuned for best readability.

Header 1

Integer An anchor link et bibendum ullamcorper. Etiam hendrerit, eros et pharetra finibus, mauris sapien placerat nulla, quis maximus justo tellus nec dui. Integer at leo nulla. In ultricies eu leo nec vulputate. Nunc porta aliquam metus eget sodales. Cras convallis eget ex quis pretium. Donec scelerisque venenatis lorem in hendrerit.

Header 2

Integer dignissim ipsum et bibendum ullamcorper. Etiam hendrerit, eros et pharetra finibus, mauris sapien placerat nulla, quis maximus justo tellus nec dui. Integer at leo nulla. In ultricies eu leo nec vulputate. Nunc porta aliquam metus eget sodales. Cras convallis eget ex quis pretium. Donec scelerisque venenatis lorem in hendrerit.

Header 3

Integer dignissim ipsum et bibendum ullamcorper. Some bold text here, eros et pharetra finibus, mauris sapien placerat nulla, quis maximus justo tellus nec dui. Integer at leo nulla. In ultricies eu leo nec vulputate. Nunc porta aliquam metus eget sodales. Cras convallis eget ex quis pretium. Donec scelerisque venenatis lorem in hendrerit.

Header 4

Integer dignissim ipsum et bibendum ullamcorper. Etiam hendrerit, eros et pharetra finibus, mauris sapien placerat nulla, quis maximus justo tellus nec dui. Integer at leo nulla. In ultricies eu leo nec vulputate. Nunc porta aliquam metus eget sodales. Cras convallis eget ex quis pretium. Donec scelerisque venenatis lorem in hendrerit.

Header 5

Integer dignissim ipsum et bibendum ullamcorper. Etiam hendrerit, eros et pharetra finibus, mauris sapien placerat nulla, quis maximus justo tellus nec dui. Integer at leo nulla. In ultricies eu leo nec vulputate. Nunc porta aliquam metus eget sodales. Cras convallis eget ex quis pretium. Donec scelerisque venenatis lorem in hendrerit.

Header 6

Integer dignissim ipsum et bibendum ullamcorper. Etiam hendrerit, eros et pharetra finibus, mauris sapien placerat nulla, quis maximus justo tellus nec dui. Integer at leo nulla. In ultricies eu leo nec vulputate. Nunc porta aliquam metus eget sodales. Cras convallis eget ex quis pretium. Donec scelerisque venenatis lorem in hendrerit.

Hey there! This is an example quote, as you can see...

Progressbars

Show off skills or completion.

20% Complete (success)
30% Complete (success)
40% Complete (success)
60% Complete (success)
80% Complete (success)
90% Complete (success)
40% Complete (success)
30% Complete (success)
20% Complete (success)
10% Complete (success)

We heard you like tabs...

First tab

Morbi nec egestas justo. Phasellus porttitor dignissim nunc in molestie. Integer facilisis semper tellus et ornare. Morbi id finibus ante, vel consequat ligula. Praesent tristique sapien et eros mattis commodo. Phasellus luctus, eros ut posuere dapibus, orci metus faucibus purus, non pulvinar nisl ex luctus neque. Quisque finibus arcu sit amet turpis consequat, ac feugiat felis tincidunt.

Second tab

Bone | The Finest HTML Template

Morbi nec egestas justo. Phasellus porttitor dignissim nunc in molestie.

Columns

Watch them being responsive!

Twelve
Six
Six
Four
Four
Four
Three
Three
Three
Three
Two
Two
Two
Two
Two
Two
One
One
One
One
One
One
One
One
One
One
One
One

Pricing tables

Silver

€ 20 /m
  • Basic support
  • Basic features
  • Basic documentation
  • 10 Iterations
  • Basic concept
  • 10 Websites
  • 1TB Bandwidth
View plan

Gold

€ 40 /m
  • Premium support
  • Premium features
  • Premium documentation
  • 25 Iterations
  • Premium concept
  • 25 Websites
  • 2.5TB Bandwidth
View plan

Diamond

€ 55 /m
  • Unlimited support
  • Unlimited features
  • Unlimited documentation
  • Unlimited Iterations
  • Unlimited concept
  • Unlimited Websites
  • Unlimited Bandwidth
View plan

Profiles

Get them to know you.

Dave Jenkins

Designer

Caroline Johnson

Photographer

Jane Finch

Developer