Icon Box is the workhorse of feature sections: an icon or image, a heading, a short line of text, and an optional link or button. Every box on this page is rendered live by the element itself.
Live demo: classic centered grid
Fast by default
Only the CSS and JS a page really uses are loaded, so speed scores stay where you want them.
Simple to place
Drop it into any row, pick an icon, write two lines, and the box takes care of the rest.
Made to combine
Line up three or four boxes and you have a feature section that looks designed on purpose.
Live demo: icon left, corner badges
Pro
Priority support
Pro customers get answers from the developers, usually within a working day.
Free
Free forever core
Seven elements stay free for as long as you use them, on any site.
What you can control
- Icon or image media, with size, padding, radius, and border controls
- Icon position: top, left, or right of the content
- Optional link on the whole box, the title, or a styled button
- A small badge (like New or Pro) pinned to any corner
- Hover colors for the icon and the title
- Per-device spacing through the Responsive tab
Where it works well
Feature gridsThree or four boxes under the hero to explain what your product does.
Service listingsAgencies use icon boxes to present each service with a link to its page.
Step by stepNumber the icons and boxes become a lightweight how-it-works section.
