{"id":1006,"date":"2016-10-12T11:45:07","date_gmt":"2016-10-12T11:45:07","guid":{"rendered":"http:\/\/blueowlcreative.com\/wp\/alea\/?page_id=1006"},"modified":"2016-10-12T11:45:07","modified_gmt":"2016-10-12T11:45:07","slug":"icon-info-boxes","status":"publish","type":"page","link":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/icon-info-boxes\/","title":{"rendered":"Icon Info Boxes"},"content":{"rendered":"

[vc_row full_width=”stretch_row” parallax=”content-moving” parallax_image=”5206″ parallax_speed_bg=”1.4″ css=”.vc_custom_1533557142239{border-bottom-width: 1px !important;padding-top: 100px !important;padding-bottom: 120px !important;background-position: center;background-repeat: no-repeat !important;background-size: cover !important;border-bottom-color: #f4f4f4 !important;border-bottom-style: solid !important;border-radius: 1px !important;}” el_class=”white_text”][vc_column]

Icon Info<\/strong> Boxes<\/span><\/h2>

Create fully custom animated Icon info boxes<\/span><\/p>[\/vc_column][\/vc_row][vc_row equal_height=”yes” css=”.vc_custom_1492003496338{margin-top: 130px !important;margin-bottom: 70px !important;}”][vc_column width=”1\/3″ css=”.vc_custom_1523449044369{margin-bottom: 50px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important;background-color: #f8f8f8 !important;}”]

\n

We Heart<\/strong> Design<\/h2>\n

Crafting the Web since the\u00a0start<\/h4>\n
<\/div>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum<\/p>\n

<\/div><\/div><\/i>
Button Text<\/span><\/a><\/div><\/div>[\/vc_column][vc_column width=”2\/3″ css=”.vc_custom_1523449050309{margin-bottom: 50px !important;padding-top: 0px !important;padding-left: 80px !important;}” el_class=”reset_padding_in_responsive_column”][vc_row_inner][vc_column_inner]
<\/div>

Icon Info Boxes Description<\/span><\/h2>
<\/div>
<\/div>
<\/div>[vc_column_text]Alea features a highly customizable Icon Info Box element that is very easy to create and modify.\u00a0Create a custom Iconed box with an animated icon in the background to highlight or present your services or any information really. Add \u00a0a background color to your column, add\u00a0an\u00a0Icon Info Box in it then set its fully customizable content, pick an icon to animate in the background, select a custom animation from a list, add buttons to your info box etc.[\/vc_column_text]
<\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=”1\/2″]
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Full modify the content of the box<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Overwrite box’s padding if you need to<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Add a customizable button to the box<\/div>\r\n\t\t\t\t <\/div>[\/vc_column_inner][vc_column_inner width=”1\/2″]
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Pick a custom icon for its background<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Modify icon’s position & animation<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Modify icon’s size\u00a0(2 presets)<\/div>\r\n\t\t\t\t <\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column]
<\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content_no_spaces” equal_height=”yes”][vc_column width=”1\/3″ css=”.vc_custom_1476261302151{padding: 0px !important;background-color: #eff7ff !important;}”]
\n

Stunning Web Design<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est voluptatem accusamus molestiae eaque perspiciatis mollitia.<\/p>\n

<\/div><\/div><\/i>
Read more<\/span> <\/i> <\/a><\/div><\/div>[\/vc_column][vc_column width=”1\/3″ css=”.vc_custom_1476261323750{padding: 0px !important;background-color: #f85962 !important;}”]
\n

Bespoke Development<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est voluptatem accusamus molestiae eaque perspiciatis mollitia.<\/p>\n

<\/div><\/div><\/i>
Read more<\/span> <\/i> <\/a><\/div><\/div>[\/vc_column][vc_column width=”1\/3″ css=”.vc_custom_1476261339180{padding: 0px !important;background-color: #424242 !important;}”]
\n

Top-Notch Support<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi rem, facilis nobis voluptatum est voluptatem accusamus molestiae eaque perspiciatis mollitia.<\/p>\n

<\/div><\/div><\/i>
Read more<\/span> <\/i> <\/a><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]
<\/div>[\/vc_column][\/vc_row][vc_row gap=”30″ equal_height=”yes” css=”.vc_custom_1476261633021{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column width=”1\/3″ css=”.vc_custom_1476261467538{padding: 0px !important;background-color: #f9f9f9 !important;}”][vc_single_image image=”5228″ css=”.vc_custom_1533557159072{margin-bottom: 0px !important;}”]
\n

Custom Design<\/h2>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Utelit tellus, luctus nec ullamcorper mattis.<\/p>\n<\/div><\/i>

Read more<\/span> <\/i> <\/a><\/div><\/div>[\/vc_column][vc_column width=”1\/3″ css=”.vc_custom_1476261491569{padding: 0px !important;background-color: #05b0ce !important;}”][vc_single_image image=”5229″ css=”.vc_custom_1533557166520{margin-bottom: 0px !important;}”]
\n

Web Development<\/h2>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Utelit tellus, luctus nec ullamcorper mattis.<\/div><\/i>

Read more<\/span> <\/i> <\/a><\/div><\/div>[\/vc_column][vc_column width=”1\/3″ css=”.vc_custom_1476261510976{padding: 0px !important;background-color: rgba(49,54,58,0.86) !important;*background-color: rgb(49,54,58) !important;}”][vc_single_image image=”5230″ css=”.vc_custom_1533557176274{margin-bottom: 0px !important;}”]
\n

Premium Support<\/h2>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Utelit tellus, luctus nec ullamcorper mattis.<\/span><\/div><\/i>

Read more<\/span> <\/i> <\/a><\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]
<\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content_no_spaces” equal_height=”yes” css=”.vc_custom_1533557202662{background-image: url(http:\/\/blueowlcreative.com\/wp\/alea_export\/wp-content\/uploads\/2016\/08\/dark_bgr_building2.jpg?id=1585) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column width=”1\/3″ css=”.vc_custom_1476259489472{padding-top: 0px !important;background-color: #f9f9f9 !important;}”]
\n

01.<\/strong> Stunning Web Design<\/h2>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Utelit tellus, luctus nec ullamcorper mattis.<\/p>\n

<\/div>\n<\/div><\/i>
Read more<\/span> <\/i> <\/a><\/div><\/div>[\/vc_column][vc_column width=”1\/3″ css=”.vc_custom_1476259494032{padding-top: 0px !important;background-color: #f1f1f1 !important;}”]
\n

02.<\/span>\u00a0Bespoke Development<\/h2>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Utelit tellus, luctus nec ullamcorper mattis.<\/span><\/p>\n

<\/div><\/div><\/i>
Read more<\/span> <\/i> <\/a><\/div><\/div>[\/vc_column][vc_column width=”1\/3″ css=”.vc_custom_1476259498790{padding-top: 0px !important;background-color: rgba(49,54,58,0.86) !important;*background-color: rgb(49,54,58) !important;}”]
\n

03.<\/span>\u00a0Top-Notch Support<\/span><\/h2>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Utelit tellus, luctus nec ullamcorper mattis.<\/span><\/p>\n

<\/div><\/div><\/i>
Read more<\/span> <\/i> <\/a><\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

[vc_row full_width=”stretch_row” parallax=”content-moving” parallax_image=”5206″ parallax_speed_bg=”1.4″ css=”.vc_custom_1533557142239{border-bottom-width: 1px !important;padding-top: 100px !important;padding-bottom: 120px !important;background-position: center;background-repeat: no-repeat !important;background-size: cover !important;border-bottom-color: #f4f4f4 !important;border-bottom-style: solid !important;border-radius: 1px !important;}” el_class=”white_text”][vc_column][\/vc_column][\/vc_row][vc_row equal_height=”yes” css=”.vc_custom_1492003496338{margin-top: 130px !important;margin-bottom: 70px !important;}”][vc_column width=”1\/3″ css=”.vc_custom_1523449044369{margin-bottom: 50px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important;background-color: #f8f8f8 !important;}”][\/vc_column][vc_column width=”2\/3″ css=”.vc_custom_1523449050309{margin-bottom: 50px !important;padding-top: 0px !important;padding-left: 80px !important;}” el_class=”reset_padding_in_responsive_column”][vc_row_inner][vc_column_inner][vc_column_text]Alea features a…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1006","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/pages\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":0,"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/pages\/1006\/revisions"}],"wp:attachment":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/media?parent=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}