Gallery

This gallery is a simple HTML template for creating a pretty list of items, information and links with CSS "cards".
You could use it on a storefront, landing page, dashboard or wherever you like.
It uses the bootstrap 4 CSS framework for responsive design and Font Awesome icons for inclusion of element symbols.
A very simple example of using this with a csv list and pagination using php is available in the effective-dollop repo.

Card Image
Hover Info

Hover on a card to reveal more information on the item.

Hello World

This shows a Hello World example link.

Font Awesome

Use Font Awesome icons as card ids.

Card Image
Use Pictures

Embed images as the element backdrop.

🌍
Use Unicode

But it'll probably look different between browsers.

CSS Styles

Use custom styles like CSS Gradients on the backdrop.

Custom SVGs

Tentatively supported, with some artifacts and gotchas. The rest of this content is meant to overflow so that you can see what happens when a scrollbar is needed within one of the card elements on a large display...

Lorem Ipsum

Lorem ipsum dolor sit amet.

Lorem Ipsum

Lorem ipsum dolor sit amet.

Lorem Ipsum

Lorem ipsum dolor sit amet.

Lorem Ipsum

Lorem ipsum dolor sit amet.

Lorem Ipsum

Lorem ipsum dolor sit amet.

Lorem Ipsum

Lorem ipsum dolor sit amet.

  • « Previous
  • 1
  • 2
  • 3
  • » Next