HSE banner

beans Portal pages

Paragraphs and lists in headlinehighlight style their images inline. arrow A class is not required.

This is the same as the portal page, but in three columns..

The vertical solution

radiation warning sign Link to topic 1 - highlighted

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

fibre optic lights Link to topic 2 - plain

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 

The horizontal solution

Horizontal portal images are strictly 118px wide and 68px tall and work best on three column pages.

Solution three - the big box approach

Though the code is less clean than the approaches above, this is a more flexible method. Again, "view source" to see the code.

The following examples also show current recommended practice for choosing images that match.

red lightbulb box one

Images that match

red apple box two

through colour.


part of a larger image of a blurred london bus box one

Images

part of a larger image of a blurred london bus box two

that make

part of a larger image of a blurred london bus box three

a big

part of a larger image of a blurred london bus box four

picture.

As you can see, four boxes in a row doesn't work so well on a three column page.

The right column!

 

testbox one

Lorem ipsum dolor sit amet, consectetur adipisicing elit.