Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
Page Assets are a constantly growing set of pre-built HTML elements made to work with your style. You can use these to easily build custom static pages on your website, our entire documentation section is built on them!
To get started you need to include our xb_pageassets.less template and wrap any html in our div. Like so:
<xf:css src="xb_pageassets.less" />
<div class="xb-assets">
html here
</div>
Below you'll find the HTML elements, simply inspect them with your browser and copy the HTML into the div above.
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam facilisis elit ante, ac fermentum eros rhoncus sed.
This is a PRE tag
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
this is some text this is some text this is some text this is some text this is some text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at enim sed sapien scelerisque aliquet. Vitae viverra. Suspendisse sed rhoncus sapien.