Full width section - GREY

Full width section - WHITE

Full width section - LIGHTBLUE

Headers

Header 1

Header 2

Header 3

Header 4

Header 5

Paragraph with intro

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elementum, nibh eget malesuada scelerisque, ipsum nisl convallis ipsum, et posuere justo nulla et quam. Nam id nibh odio

Donec interdum lectus vitae hendrerit consequat. Mauris luctus ac mauris nec sodales. Vivamus tristique enim a urna volutpat auctor. Donec vel molestie ante. Nullam sagittis elit purus, ac elementum felis interdum sit amet. Mauris dictum odio leo, eu tempus lectus fermentum nec. Mauris id diam in sapien varius auctor. Mauris sollicitudin lobortis magna eu sodales. Donec in lacinia leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elementum, nibh eget malesuada scelerisque, ipsum nisl convallis ipsum, et posuere justo nulla et quam. Nam id nibh odio

Lists

Bulleted list

  • list item
  • list item
  • list item

Numbered list

  1. Numbered list item
  2. Numbered list item
  3. Numbered list item

Nested list 1

  • list item
  • list item
    1. Numbered list item
    2. Numbered list item
    3. Numbered list item
  • list item

Nested list 2

  1. Numbered list item
  2. Numbered list item
    • list item
    • list item
    • list item
      1. alphabetic list item
      2. alphabetic list item
      3. alphabetic list item
  3. Numbered list item

Tables

Bordered table

Striped table

# First Name Last Name Username
1 Mark Otto @mott
2 Jacob Willems @jWill
3 Larry Bird @birdman
# First Name Last Name Username
1 Mark Otto @mott
2 Jacob Willems @jWill
3 Larry Bird @birdman

Bordered table with highlighted row

# First Name Last Name Username
1 Mark Otto @mott
2 Jacob Willems @jWill
3 Larry Bird @birdman

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

News

title newsblock maximum text length of 3 lines...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elementum, nibh eget malesuada scelerisque, ipsum nisl convallis ipsum, et posuere justo nulla et quam. Nam id nibh odio

12/12/2016

Lees meer

title newsblock maximum text length of 3 lines...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elementum, nibh eget malesuada scelerisque, ipsum nisl convallis ipsum, et posuere justo nulla et quam. Nam id nibh odio

12/12/2016

Lees meer

title newsblock maximum text length of 3 lines...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elementum, nibh eget malesuada scelerisque, ipsum nisl convallis ipsum, et posuere justo nulla et quam. Nam id nibh odio

12/12/2016

Lees meer

title newsblock maximum text length of 3 lines...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elementum, nibh eget malesuada scelerisque, ipsum nisl convallis ipsum, et posuere justo nulla et quam. Nam id nibh odio

12/12/2016

Lees meer

buttons on white background

Button orange chevron
Button orange chevron
Button orange chevron
Button blue chevron
Button blue chevron
Button blue chevron
Button blue chevron
Button blue chevron
Button blue chevron

buttons on grey background

Button orange chevron
Button orange chevron
Button orange chevron
Button orange chevron
Button orange chevron
Button orange chevron
Button orange chevron
Button blue chevron with image
Button blue chevron
Button blue chevron

code snippets

Copy - Paste these codes and modify (text, icon, ...) where needed

blue button with icon

text
<a class="button button-blue button-inline" href="#"> <span class="buttonText"> <i aria-hidden="true" class="fa fa-file-text-o">&nbsp;</i> text </span> </a>

orange button with icon

text
<a class="button button-orange button-inline" href="#"> <span class="buttonText"> <i aria-hidden="true" class="fa fa-file-text-o">&nbsp;</i> text </span> </a>

login button header

Personal Login Aanmelden
<span class="hidden-phone">Personal Login</span> <i aria-hidden="true" class="fa fa-user">&nbsp;</i> <a class="button button-orange button-inline" href="https://ebconnect.vconnect.be" target="_blank"> <span class="buttonText"> Aanmelden </span> </a>

Attention!

replace this text

<p class="attention">replace this text</p>