.png)
Site Page Template Collection
Image Cards
This collection of site page sections are versatile for any type of page and use case. Great for linking to other pages, categories or products or for describing something using a visual element.
- 13 sections included
- Cards can be clickable or just for display
- Options to control number of columns and many other style and layout choices
- Part of a suite of Site Page Templates where each month we release a new collection
Image Cards (01)
Heading On Image Style
This section puts a heading on top of the image with a nice gradient overlay. A short description goes below the image.
You can also place the heading under the images and optionally make them clickable.
A short heading goes here
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short heading goes here
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short heading goes here
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
Image Cards (02)
Heading Only Cards With Hover Button
These image cards have a button when you hover over them and can make perfect category cards. Will this collection you can control the number of columns, font sizes and more
Image Cards (03)
Horizontal Cards On Side of Text
This section if image cards places the cards on the side. You have the option of controlling how much space the the text and cards take.
With these cards, the image fills the space, making them perfect for category cards.
A short heading goes here
A short heading goes here
A short heading goes here
Image Cards (04)
Full Info Card Style
This section of image cards puts a heading and subheading under the image. As like with all image card sections, you can set how many columns you want, font sizes and many other style options. Each card also has the option of being clickable or being just informative
A short heading goes here
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short heading goes here
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short heading goes here
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
Image Cards (05)
Small Image & Short Heading
The image card section is great for category cards in particular. Using a small image, the focus is more on the heading and optional link
As with other image card sections, you have complete control over the number of columns and. font size tweaks.
Image Cards (06)
Image & Icon & Short Heading
This image card section is just like Image Cards (05), except you can place another image inside a circle to act as an icon. Great for category cards
Image Cards (07)
Heading Only On Image
This image card section is great when you want to focus on the image.
It allows you to put just a heading that would link to a category, product or any page.
In this example we choose to put the cards in two columns,
but like with other Image Card sections, you have the option to choose how many columns you want
Image Cards (08)
Small Image Heading Only
This is another great image card section where you want to have clickable cards with a small image. Great for category cards or other general uses.
We choose to put this section in four columns, but you can choose to use other options as well.
Image Cards (09)
Heading Over Image (Small)
In this image cards section, the heading is placed right on top of the mage.The image automatically gets an overlay that you decide on.
The image automatically fills in the space and gets cropped
Image Cards (10)
Heading Over Image with hover effect (Small)
This image cards section is just like the previous one except when you hover over the image, a link text appears
Image Cards (11)
Click To Reveal More info
We love this image card section because it packs a ton of information into a small amount of screen real estate. Perfect for describing features, course instructors or even testimonials.
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
Image Cards (12)
Circle Image Info Card Style
These stylish image cards put an image into a circle that has a customizable colored border.
You can use these for information only to describe something or include a link and make them clickable.
A short heading goes here
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short heading goes here
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
A short heading goes here
A short multi-line sentence can go here. Try to keep all of the items the same length so thet line up.
Image Cards (13)
Hover Info Image Style
This gorgeous image card section puts the image cards front and center. It's not until you hover over them do you see the text associated with them.
We choose to use three columns for this section, but it is up to you. The images will automatically fill each card and get cropped.
Unlock All Site Page Templates
And All PowerUps
With A PowerUp Pass
The Image Cards Collection is just one of the many Site Page Template Collections
Each month we release new SPT Collections
We also have other PowerUps that give you even more superpowers.
Get Everything We Have Released With A PowerUp Pass!
This is a LIVE Preview Demo Page
We are showing you the sections found in this one SPT Collection
Back to other previews