Boxes

Icon boxes variations.

Get Started

1

Static Boxes

Simple Icon boxes

Display an eye catching feature matrix by using Bulkit icon boxes. Simple icon boxes are available in several color schemes. Available modifiers are .primary, .secondary, .accent, .info, .success, .warning and .danger.

One time payment
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Backup automation
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Instant downloads
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Direct messaging
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Free storage
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Time tracking
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.

Diamond Icon boxes

Display an eye catching feature matrix by using Bulkit diamond icon boxes. Diamond icon boxes are available in several color schemes. Available modifiers are .primary, .secondary, .accent, .info, .success, .warning and .danger.

chat_bubble
Chat conversion
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
person_pin
Customer centric
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
work
Business data
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
poll
Data insights
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
sms
Team Collaboration
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
mms
Media sharing
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
2

Hover icon Boxes

Square Icon boxes

Display an eye catching feature matrix by using Bulkit hover icon boxes. Hover icon boxes are available in several color schemes and have a square shape by default. Available modifiers are .primary, .secondary, .accent, .info, .success, .warning and .danger.

chrome_reader_mode
Forms
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
assessment
Charts
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
view_quilt
Various Layouts
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
view_carousel
Carousels
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
dashboard
Apps & Extras
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
work
And many more
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.

Circle Icon boxes

Display an eye catching feature matrix by using Bulkit hover icon boxes. Hover icon boxes are available in several color schemes and can be rounded. Add the .rounded class to a .square-icon-box element to make it rounded. Available color modifiers are .primary, .secondary, .accent, .info, .success, .warning and .danger.

chrome_reader_mode
Forms
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
assessment
Charts
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
view_quilt
Various Layouts
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
view_carousel
Carousels
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
dashboard
Apps & Extras
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
work
And many more
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
3

Special icon Boxes

Shadow Icon boxes

Display an eye catching feature matrix by using Bulkit long shadow icon boxes. Long shadow icon boxes are available in several color schemes and have a square shape by default. Available modifiers are .is-primary, .is-secondary, .is-accent, .is-info, .is-success, .is-warning and .is-danger. Note that these boxes work only with Font Awesome icons at the moment.

Cloud based
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Document management
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Corporate portal
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Social Network
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Media content
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Multiple users
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Awarded 3 times
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.

Shadow Icon boxes

Display an eye catching feature matrix by using Bulkit long shadow icon boxes. Long shadow icon boxes are available in several color schemes and have a square shape by default. You can make them rounded by adding the .rounded class to a .shadow-icon-box element. Available modifiers are .is-primary, .is-secondary, .is-accent, .is-info, .is-success, .is-warning and .is-danger. Note that these boxes work only with Font Awesome icons at the moment.

Email Newsletters
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Lots of Coffee
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.
Instant Messaging
Lorem ipsum dolor sit amet, usu no ancillae verterem partiendo, mea ea.