Images

Boxed Images

With a bit of extra markup, it’s possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.

image 1

Jennifer Lorem Founder

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

image 2

Jesse Delore Photographer

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

image 3

Cynthia Nullam Consultant

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

 

Shaped Images

With a bit of extra markup based on CSS3, we can turn images into shapes easily. Encounters is styled to apply the following styles to your images that have dimensions up to 500×500 pixels. Creating these shaped images starts with your image tag which gets a class:

  • img-circle
  • img-rounded
  • img-border
  • img-glow

shape200 shape400 shape520

shape200 shape400 shape520

shape200 shape400 shape520

shape200 shape400 shape520

Leave a reply