Images

Some default image styles are included that apply regardless of what type of image is being used.

"Pull" images

Pull images, assigned with class="pull-left" or class="pull-right," float themselves to the left or right of the content surrounding them, with a little bit of space, providing a nice wrapping effect.

placeholder image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu massa dolor, sit amet posuere nulla. Vivamus consequat facilisis ipsum non suscipit. Maecenas vulputate egestas vulputate. Sed rutrum tristique faucibus. Donec quis urna erat, cursus venenatis ligula. Nam magna nunc, placerat a molestie a, facilisis eu arcu.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris luctus dignissim massa at condimentum. Cras fermentum suscipit orci, id hendrerit velit ullamcorper quis. In elit lacus, pellentesque quis ullamcorper non, elementum ac diam.

placeholder image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu massa dolor, sit amet posuere nulla. Vivamus consequat facilisis ipsum non suscipit. Maecenas vulputate egestas vulputate. Sed rutrum tristique faucibus. Donec quis urna erat, cursus venenatis ligula. Nam magna nunc, placerat a molestie a, facilisis eu arcu.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris luctus dignissim massa at condimentum. Cras fermentum suscipit orci, id hendrerit velit ullamcorper quis. In elit lacus, pellentesque quis ullamcorper non, elementum ac diam.

Thumbnail images

Thumbnail images work well for images that link to further detail - bio pages, subpages within a section, etc. They can also be given pull attributes, but must be applied with class="thumbnail" on the link. Not all thumbnails need this class - slideshow thumbnails do not, for example.

Thumbnail placeholder image