Eris is a clean and elegant portfolio theme that works best when you fill it with a lot of different projects. This allows you to seamlessly display a variety of projects within a cohesive design.
A Great First Impression
Make an impact with featured images using an image slider, or promote your content with text. Or do both! The text will automatically shift below the slider.
Two, Three, Four, Dance!
Easily switch between a standard three- or four-column layout. Not into tight grids? Shuffle your work! Pick the the two-column layout and Eris will turn your content into organized chaos. It’s great when you want to break the blogging mold.
Pick between three portfolio layouts: The split, classic, or curtain layout. The Split layout puts your text on one side and images on the other, which can be useful for storytelling.
The Classic layout is timeless, with the main image at the top and your text in the center.
The Curtain layout adds an excerpt — something short and sweet about your project — that shows up at the top of the page. As you scroll, you’ll see a smooth animation that pulls the page up towards you.
Choose Between Two Menu Styles
Use the hidden menu to hide navigation links behind a button in case you want a cleaner layout, or, if your website relies heavily on navigation, use the standard menu and show all the links.
You can attach both menus to the top, so they stick to the screen when you scroll.
Eris hides the sidebar behind the screen’s right edge. This way people can focus on your work without any distractions.
This easily accessible area is tucked away under a “three-dot menu” button.
Beautiful in Portrait or Landscape
Eris recognizes the images you upload to posts. If it’s a portrait image, you’ll automatically get a post formatted perfectly for portrait dimensions. The same goes for landscape images.
Responsive by Design
Thanks to Eris’ responsive design, your site will look great on all devices, from small phones to large screens.
Quick Specs (all measurements in pixels):
- Page / Post content width:
- Sidebar width:
- Grid area width:
- Single-column width (three-columns grid):
- Single-column width (four-columns grid):