List layouts

The list layout is a straight forward unordered list that is ideal for showcase content in a latest news or micro blog style format.

 

 

2 column list

The two column list below displays the item image in the first column and then items title, intro text and exif data in the second.

List

Images loading please wait ...

  • Above.

    Above.

    Vestibulum eleifend pharetra erat, vitae fermentum ex laoreet vel. Aliquam egestas hendrerit finibus.

    Details

    • Make - Canon
    • Model - Canon EOS 5D Mark II
    • F stop - f/5
  • City.

    City.

    Vestibulum eleifend pharetra erat, vitae fermentum ex laoreet vel. Aliquam egestas hendrerit finibus.

    Details

    • Make - Canon
    • Model - Canon EOS 5D Mark II
    • F stop - f/5
  • Bamboo.

    Bamboo.

    Vestibulum eleifend pharetra erat, vitae fermentum ex laoreet vel. Aliquam egestas hendrerit finibus.

    Details

    • Focal length - 165 mm

List with boxed layout

Images loading please wait ...

  • Cold feet

    Cold feet

    Vestibulum eleifend pharetra erat, vitae fermentum ex laoreet vel. Aliquam egestas hendrerit finibus. Curabitur ullamcorper in turpis ut lacinia. Integer eget purus nec leo consequat rutrum id ut augue. Sed consequat mauris et augue pellentesque fermentum. ;

    Details

    • Make - NIKON
    • Model - COOLPIX AW110
    • F stop - f/7.8
    • Focal length - 6 mm
  • Post surf surge

    Post surf surge

    Vestibulum eleifend pharetra erat, vitae fermentum ex laoreet vel. Aliquam egestas hendrerit finibus. Curabitur ullamcorper in turpis ut lacinia. Integer eget purus nec leo consequat rutrum id ut augue. Sed consequat mauris et augue pellentesque fermentum. ;
  • Red checker

    Red checker

    Vestibulum eleifend pharetra erat, vitae fermentum ex laoreet vel. Aliquam egestas hendrerit finibus. Curabitur ullamcorper in turpis ut lacinia. Integer eget purus nec leo consequat rutrum id ut augue. Sed consequat mauris et augue pellentesque fermentum. ;

    Details

    • Make - Canon
    • Model - Canon EOS 5D Mark II
    • F stop - f/5.6
    • Focal length - 70 mm

 

3 column list

The example below shows a three column list with the exif data moved from the second to the third column.

List 3 columns

Images loading please wait ...

  • Violet paddle

    Violet paddle

    Vestibulum eleifend pharetra erat, vitae fermentum ex laoreet vel. Aliquam egestas hendrerit finibus. Curabitur ullamcorper in turpis ut lacinia. Integer eget purus nec leo consequat rutrum id ut augue. Sed consequat mauris et augue pellentesque fermentum. ;

    Exif Details

    • F stop - f/7.1
    • Focal length - 17 mm
  • Orange van

    Orange van

    Vestibulum eleifend pharetra erat, vitae fermentum ex laoreet vel. Aliquam egestas hendrerit finibus. Curabitur ullamcorper in turpis ut lacinia. Integer eget purus nec leo consequat rutrum id ut augue. Sed consequat mauris et augue pellentesque fermentum. ;

    Exif Details

    • Make - Canon
    • Model - Canon EOS 5D Mark III
    • F stop - f/7.1
    • Focal length - 17 mm
  • Southside

    Southside

    Vestibulum eleifend pharetra erat, vitae fermentum ex laoreet vel. Aliquam egestas hendrerit finibus. Curabitur ullamcorper in turpis ut lacinia. Integer eget purus nec leo consequat rutrum id ut augue. Sed consequat mauris et augue pellentesque fermentum. ;

    Exif Details

    • F stop - f/7.1
    • Focal length - 17 mm

 

4 column list

In the example below a fourth column has been added with a like button for each item.

List 4 columns

Images loading please wait ...

  • Orange van

    Orange van

    Nullam mauris lectus, pellentesque ultrices porta id, pulvinar interdum est. Aenean ut justo ut mi iaculis ultricies.

    Details

    • Make - Canon
    • Model - Canon EOS 5D Mark III
    • F stop - f/7.1
  • Southside

    Southside

    Nullam mauris lectus, pellentesque ultrices porta id, pulvinar interdum est. Aenean ut justo ut mi iaculis ultricies.
  • Plinety ablow

    Plinety ablow

    Nullam mauris lectus, pellentesque ultrices porta id, pulvinar interdum est. Aenean ut justo ut mi iaculis ultricies.

    Details

    • F stop - f/7.1