• This demo board is setup to serve as an example of what our styles can do. Some options may not be enabled by default on your style package. If you have any questions at all please do not hesitate to contact us on our site.

    Demo Login:
    Username: Demo
    Password: Demo

    Keep in mind, when using this demo account and logging in you'll be viewing the style that was previously selected by the user before you. Make sure to select the correct style again from the dropdown up top.

Page Assets

Included page assets for the XenBase framework

Basic Grid

One full

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed. Sed metus dui, rutrum vel metus quis, tincidunt ullamcorper magna. Duis eu urna id leo ultricies tincidunt lacinia vel mauris. Etiam rutrum sagittis nisi at feugiat. Integer volutpat metus nec condimentum euismod. Phasellus tempus metus vel massa iaculis, sit amet elementum risus vestibulum. Sed vitae dolor semper, tristique ante at, hendrerit ipsum. Sed nec libero a ipsum consectetur laoreet id quis sapien. Morbi ultricies mattis est, at congue dui bibendum eget.

One half

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One half

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One third

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One third

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One third

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One fourth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One fourth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One fourth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One fourth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One sixth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One sixth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One sixth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One sixth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One sixth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

One sixth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.

1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12

Sidebar and main content

1/6
auto
1/4
auto
1/3
auto
Error notice
Warning notice
Success notice
Important notice
Highlight notice
Error icon notice
Warning icon notice
Success icon notice
Important icon notice
Highlight icon notice
This is a XMP tag

Icon Lists

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

2 Column icon list

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

3 Column icon list

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

  • Icon list title

    this is some text this is some text this is some text this is some text this is some text

Dividers








Title 4 H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 4 H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 4 H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 3 H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 3 H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 3 H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 2 H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 2 H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 2 H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 1 H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 1 H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 1 H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 5 H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 5 H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

Title 5 H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.

H6 Heading
H5 Heading

H4 Heading

H3 Heading

H2 Heading

H1 Heading

  • Arrow 1 list item #1
  • Arrow 1 list item #2
  • Arrow 1 list item #3
  • Arrow 1 list item #4
  • Arrow 1 list item #5
  • Arrow 2 list item #1
  • Arrow 2 list item #2
  • Arrow 2 list item #3
  • Arrow 2 list item #4
  • Arrow 2 list item #5
  • Arrow 3 list item #1
  • Arrow 3 list item #2
  • Arrow 3 list item #3
  • Arrow 3 list item #4
  • Arrow 3 list item #5
Top