Framework sample pages
These demonstrate a range of ways you can make use of the EBI styles and framework.
Boilerplates
You can use these as templates for your code.
- Blank
big, empty space between header and footer - Ultra wide
for content with large table or graphics that benefit from using as much screen space as they can get - Right sidebar
for content-driven pages deeper in your site's hierarchy, the sidebar could contain secondary navigation - Search results
an example page with filters or facets for your results in a left-hand sidebar, and a right-hand sidebar for global results - Theme your site
massage the look and feel
Technical integrations
Want to not use Foundation JS, jQuery, use Boostrap instead, jQuery UI, or power your site with a poodle? Find inspiration below.
- No jQuery or Foundation JS
You won't benefit from many of the reusable components, but here's a bare bones visual implentation. - Latest jQuery
Want to use jQuery 2.x? - Lite version
Load just the basic styling and skip formatting for things like tabs, tables, and custome JS. - Bootstrap
If you're a Bootstrap user unable or not interested in using the bundled Foundation Framework CSS+JS, here we bunndle the bare-bones lite version with Bootstrap. - jQuery UI
Use jQuery UI. - Poodles
Yep. - Inject the styles
If you don't care about performace, we can inject CSS, JS, and HTML for you.
Sample Level 1 implementations
Examples of services aiming for full compliance.
- EBI Homepage
Porting the EBI Homepage. - Research page Drupal
Porting the EBI Research page. - Brochure page
A high-impact brochure-style page for technical hiring. - Expression Atlas Bootstrap
Here we show a sample migration of a service, note that the service's use of bootstrap does not cause issue.