Annabelle
Admin
The container uses the CSS Grid Layout Module which allows all the items to maintain the same height with no extra code required.
InfoAdmin
The container uses the CSS Grid Layout Module which allows all the items to maintain the same height with no extra code required.
InfoLogistics
Each item has an overlay image, a heading, text and an optional link.
The links are positioned at the bottom so that they always remain in line despite varying amunts of text content.
Rocket Man
The text is moved down and the image overlays the top of the text block using some CSS jiggery pokery.
InfoCost Consultatmt
The staggered, slide up and in animation occurs whenever the items enter the viewport.
The items are auto aligned to keep them the same height despite varying content.
The number of items per row can be set for each device type.
Note how the items are of equal height even with varying amounts of content.
Each item has an icon with options for an icon link, a counter, a heading and text.
The counter has a pre and post span for adding static data
99 West Clyde Way
Helensburgh G88 7BC