Sample pages
These demonstrate a range of ways you can make use of the EBI styles and framework.
- 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 - 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?
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.
See also: Page structure
Have a use case that's not covered?
Please open an issue in the tracker. We'll update this living pattern library with your feedback.