More Intuitive with lots of Info

The Icon Box Element is very useful since it provides lots of information. It contains not only an icon but also a title and a description so that it is very intuitive and descriptive.

Various Custom Styles

We do not insist one kind of Icon Box style. 2 main prebuilt styles are given by Riode. One is Framed style and the other one is Stacked style.

With Animations

Demanding for attractive and stunning sites is one of fixed standpoints of our customers. As for this, we offer you icon boxes with animations.

Some Useful Options

The Icon Box Element is not merely powerful. Since it has logical and flexible options, it is literally powerful as it sounds.

Info box element Image

Icon

The Icon can be the symbol of your content you want to shout out. We provide lots of opportunities with the icon library.
Info box element Image

Title HTML Tag

When you put a title into your icon box, no matter how big or small your icon box is. Just select a suitable heading.
Info box element Image

Description

In order to make your icon box more descriptive , you might need paragraphs, narratives or something else.
Info box element Image

Title

The main idea of your icon box depends on the title. The Icon Box Element allows you to put a title into it.
Info box element Image

Icon Position

In a designer's point of view, different icon positions weigh differently. Customers might request this option.
Info box element Image

Link

The Icon Box Element plays an important role in contact with other sites or pages. One click, and link to the other site or page.

Awesome Icon Boxes

Your customers may not be satisfied easily. The only way is to provide charming pre-designed styles. The more styles you update, the more customers you get.

Nunc id cursus metus amet

Lorem ipsum dolor sit amet, consectetur a iscing elit, sed do eiusmod tempor incidi dunt ut labore et

Nunc id cursus metus amet

Lorem ipsum dolor sit amet, consectetur a iscing elit, sed do eiusmod tempor incidi dunt ut labore et

Nunc id cursus metus amet

Lorem ipsum dolor sit amet, consectetur a iscing elit, sed do eiusmod tempor incidi dunt ut labore et

Nunc id cursus metus

Lorem ipsum dolor sit

Nunc id cursus metus

Lorem ipsum dolor sit amet, consectetur a iscing elit

Nunc id cursus metus amet

Lorem ipsum dolor sit amet, consec tetur adipiscing elit, sed do eius as mod tem por incididunt. sed do eius as mod temagna

Element Options Glossary

The Icon Box Element will provide you logical content options and massive customization options. Why do not you use our Icon Box Element?

Icon - Allows you choose any icon in the library for your icon box.

View - Select any display type of your icon box among default, stacked and framed types.

Add Hover Effect - Determine whether your icon has hover effect or not.

Hover Effect - Select any hover effect you want to implement in your icon box.

Title - Type a title for your icon box.

Description - Type a description for your icon box.

Link - Type a certain URL to link through.

Icon Position - Select the icon's position of your icon box among left, top and right.

Title HTML Tag - Select the HTML Heading tag for icon box title from H1 to H6 and Div, Span and P tag, too.

Primary Color - Controls the icon background color in Stacked type and controls the icon and icon border color in Framed type.

Secondary Color - Controls the icon color in Stacked type and controls the icon background color in Framed type.

Spacing - Controls the gap between the icon and the content.

Size - Controls the icon size.

Padding - Controls the padding of icon wrap.

Rotate - Controls the angle of rotate effect.

Border Width - Controls the border width of the icon wrap.

Border Radius - Controls the border radius of the icon wrap.

Border Color - Controls the border color of your icon.

Title - Controls the title's spacing, color and typography.

Description - Controls the description's color and typography.

Alignment - Controls the alignment of your icon box.

Vertical Alignment - Controls the vertical alignment of your icon box.