Icon Block Element
Elegant Elements includes an Icon Block element that will allow you to add a beautiful icon block with gradient background colors. Ability of setting the icon itself as background will add another layer of awesomeness to your website design. You can control each part of the design with handful of options.
Let’s add some colors
In the below example, we are adding only single background color and the icon and text colors to add more beauty to the already awesome looking icon blocks.
Now, let’s see some magic with gradient backgrounds
In the below example, we are now adding both background colors to form gradient background which will add more beauty to the already awesome looking icon blocks with some added colors as well.
Cool, no? How about placing icon at bottom?
In the below example, we will see how it looks after placing the icon at bottom. You can control the icon position with just a click and changing an option. This is useful when you want to describe something before visualizing ;)
Now, the most awesome feature
In the below example, the icon will be set as background of the icon block. This looks pretty awesome and we’re sure you will keep staring at this. What can be more beautiful than this?
Wanna add a link to the box? Here it is.
You can even add a link to the icon block to make it more useful. Add a link to any internal pages or an external url. Click the below icon blocks and you’ll be redirected to the pricing page.
