Styleguide

Brand colors / Color scheme


15% lighten



10% lighten



5% lighten



Brand colors



5% darken



10% darken



15% darken



20% darken
15% lighten



10% lighten



5% lighten



Brand colors



5% darken



10% darken



15% darken



20% darken

Default colors


Black
Dark gray
Gray
Light gray
White
Red
Blue
Green

Buttons

Input

@
@example.com
$ .00
https://example.com/users/





Forms

A longer block of help text that breaks onto a new line and may extend beyond one line.


A block of help text that breaks onto a new line and may extend beyond one line.

Extra


(success)
(warning)
(error)
@
(success)

Basic Form

Example block-level help text here.



Inline Form



$
.00

This is static



Horizontal form


email@example.com (this is static)


Radios & Checkbox



Inline

Basic Form

Example block-level help text here.



Inline Form



$
.00

This is static



Horizontal form


email@example.com (this is static)


Radios & Checkbox

Inline

Forgot password?
Forgot password?

Please Sign Up It's free and always will be.


By clicking Register, you agree to the Terms and Conditions set out by this site, including our Cookie Use.

Please Sign Up It's free and always will be.


By clicking Register, you agree to the Terms and Conditions set out by this site, including our Cookie Use.

Typography



Heading 1

Subheader

Heading 2

Subheader

Heading 3

Subheader

Heading 4

Subheader

Heading 5

Subheader



Heading with header block class

Heading with header divider class

Vivamus sagittis lacus vel augue laoreet rutrum.



Example body text

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

This line of text is meant to be treated as fine print.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.



Emphasis classes

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Heading 1

Subheader

Heading 2

Subheader

Heading 3

Subheader

Heading 4

Subheader

Heading 5

Subheader



Heading with header block class

Heading with header divider class

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.



Example body text

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

This line of text is meant to be treated as fine print.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.



Emphasis classes

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Nav

nav-tabs

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.

nav-pills


nav-pills stacked


nav-pills Justified


nav-tabs Justified

nav-tabs

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.

nav-pills


nav-pills stacked


nav-pills Justified


nav-tabs Justified

Navbar



Navigation



Dropdown


Indicators



Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Default Primary Secondary Success

Warning Danger Info

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Default Primary Secondary Success

Warning Danger Info

Dutch Aviation Custom Elementen

  • Proefles vliegen
  • Vliegles cadeau
  • Opleiding privepiloot (PPL)

PPL

Opleiding Vliegbrevet Privépiloot

Een PPL vliegbrevet geeft de houder in principe het recht op vrijwel alle type vliegtuigen te vliegen (ook grote jets mits de houder tevens een HPA = high performance aircraft) certificaat en een typerating op de betreffende jet of turboprop heeft.

  • Proefles vliegen
  • Vliegles cadeau
  • Opleiding privepiloot (PPL)

Panels



Basic panel
Panel heading
Panel content
Panel content

Panel primary

Panel content

Panel secondary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content
Basic panel
Panel heading
Panel content
Panel content

Panel primary

Panel content

Panel secondary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content
test

List groups



Modal

Modal title

One fine body…

Accordion



Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Carousel



Comments



Comments

Login to you existing account

  • Jane Doe 6 days ago

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, #some link .

    • MrAwesome 2 days ago

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet.

    • Miss Lucia 15 minutes ago

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet.

  • Jana Cova 12 days ago Remove

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet.

  • Johnatan Smarty 1 month ago

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Images



... ... ...

Contextual backgrounds



Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Table



# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content