Service box types

[vc_row padding_top=”100″ padding_bottom=”100″][vc_column css=”.vc_custom_1449298524162{padding-bottom: 70px !important;}”][agni_section_heading heading_size=”40″ align=”center” heading=”Service – Style 1″ additional=”you can mix/change icon & hover colors, backgrounds, borders.”][/vc_column][vc_column width=”1/3″][agni_service icon=”pe-7s-diamond” icon_style=”border” hover_icon_style=”border” hover_border_color=”#22e3e5″ hover_color=”#22e3e5″ title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper elit urna nec metus. Nullam porta eget ligula at cursus.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service icon=”ion-ios-paper-outline” icon_style=”background” radius=”50%” hover_icon_style=”background” hover_radius=”50%” hover_color=”#ffffff” title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper elit urna nec metus. Nullam porta eget ligula at cursus.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service icon=” fa fa-moon-o” icon_style=”border” radius=”20px” hover_icon_style=”background” hover_radius=”50%” hover_background_color=”#000000″ hover_color=”#ffffff” title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper elit urna nec metus. Nullam porta eget ligula at cursus.[/agni_service][/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”100″ bg_color=”#f6f7f8″][vc_column css=”.vc_custom_1449298524162{padding-bottom: 70px !important;}”][agni_section_heading heading_size=”40″ align=”center” heading=”Service – Style 2″ additional=”you can mix/change icon & hover colors, backgrounds, borders.”][/vc_column][vc_column width=”1/3″][agni_service choice=”2″ icon=”pe-7s-diamond” hover_color=”#22e3e5″ title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service choice=”2″ text_i_icon=”2″ title=”Nunc eu est congue” text=”02″]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service choice=”2″ icon=” fa fa-moon-o” icon_style=”border” radius=”50%” hover_icon_style=”border” hover_radius=”50%” title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”100″][vc_column css=”.vc_custom_1449298524162{padding-bottom: 70px !important;}”][agni_section_heading heading_size=”40″ align=”center” heading=”Service – Style 3″ additional=”you can mix/change icon & hover colors, backgrounds, borders.”][/vc_column][vc_column width=”1/3″][agni_service choice=”3″ icon=”pe-7s-diamond” hover_color=”#22e3e5″ title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service choice=”3″ icon=”ion-ios-paper-outline” icon_style=”background” radius=”50%” hover_icon_style=”background” hover_radius=”50%” hover_color=”#ffffff” title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service choice=”3″ icon=” fa fa-moon-o” icon_style=”border” radius=”50%” hover_icon_style=”border” hover_radius=”50%” title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”100″ bg_color=”#f6f7f8″][vc_column css=”.vc_custom_1449298524162{padding-bottom: 70px !important;}”][agni_section_heading heading_size=”40″ align=”center” heading=”Service – Style 4″ additional=”you can mix/change icon & hover colors, backgrounds, borders.”][/vc_column][vc_column width=”1/3″][agni_service choice=”4″ icon=”pe-7s-diamond” hover_color=”#22e3e5″ title=”Nunc eu est congue” align=”center”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service choice=”4″ icon=”ion-ios-paper-outline” icon_style=”background” radius=”50%” background_color=”#d5d5d5″ hover_icon_style=”background” hover_radius=”50%” hover_color=”#ffffff” title=”Nunc eu est congue” align=”center”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service choice=”4″ icon=” fa fa-moon-o” icon_style=”border” radius=”50%” hover_icon_style=”border” hover_radius=”50%” title=”Nunc eu est congue” align=”center”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”100″][vc_column css=”.vc_custom_1449298524162{padding-bottom: 70px !important;}”][agni_section_heading heading_size=”40″ align=”center” heading=”Service – Style 5″ additional=”you can mix/change icon & hover colors, backgrounds, borders.”][/vc_column][vc_column width=”1/3″][agni_service choice=”5″ icon=”pe-7s-diamond” hover_color=”#22e3e5″ title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service choice=”5″ icon=”ion-ios-paper-outline” icon_style=”background” radius=”50%” hover_icon_style=”background” hover_radius=”50%” hover_color=”#ffffff” title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service choice=”5″ icon=” fa fa-moon-o” icon_style=”border” radius=”50%” hover_icon_style=”border” hover_radius=”50%” title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”100″ bg_color=”#f6f7f8″][vc_column css=”.vc_custom_1449298524162{padding-bottom: 70px !important;}”][agni_section_heading heading_size=”40″ align=”center” heading=”Service – Style 6″ additional=”you can mix/change icon & hover colors, backgrounds, borders.”][/vc_column][vc_column width=”1/3″][agni_service choice=”6″ icon=”pe-7s-diamond” icon_style=”background” background_color=”#000000″ color=”#ffffff” hover_icon_style=”background” hover_color=”#ffffff” title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service choice=”6″ icon=”ion-ios-paper-outline” icon_style=”border” radius=”50%” hover_icon_style=”border” hover_radius=”50%” title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][vc_column width=”1/3″][agni_service choice=”6″ icon=” fa fa-moon-o” icon_style=”border” radius=”50%” hover_icon_style=”border” hover_radius=”50%” title=”Nunc eu est congue”]Proin aliquet, magna ut dapibus congue, purus leo condimentum leo, suscipit ullamcorper.[/agni_service][/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”100″][vc_column css=”.vc_custom_1449298524162{padding-bottom: 70px !important;}”][agni_section_heading heading_size=”40″ align=”center” heading=”Service – Carousel(style 6)” additional=”you can use carosel for all styles”][/vc_column][vc_column][agni_service_boxes choice=”6″ values=”%5B%7B%22text_i_icon%22%3A%222%22%2C%22background_color%22%3A%22%23f0f1f2%22%2C%22border_color%22%3A%22%23000000%22%2C%22color%22%3A%22%23000000%22%2C%22hover_background_color%22%3A%22%2322e3e5%22%2C%22hover_border_color%22%3A%22%23000000%22%2C%22hover_color%22%3A%22%23000000%22%2C%22text%22%3A%2201%22%2C%22title%22%3A%22Nunc%20eu%20est%20congue%22%2C%22content%22%3A%22Proin%20aliquet%2C%20magna%20ut%20dapibus%20congue%2C%20purus%20leo%20condimentum%20leo%2C%20suscipit%20ullamcorper.%22%7D%2C%7B%22text_i_icon%22%3A%222%22%2C%22background_color%22

%3A%22%23f0f1f2%22%2C%22border_color%22%3A%22%23000000%22%2C%22color%22%3A%22%23000000%22%2C%22hover_background_color%22%3A%22%2322e3e5%22%2C%22hover_border_color%22%3A%22%23000000%22%2C%22hover_color%22%3A%22%23000000%22%2C%22text%22%3A%2202%22%2C%22title%22%3A%22Nunc%20eu%20est%20congue%22%2C%22content%22%3A%22Proin%20aliquet%2C%20magna%20ut%20dapibus%20congue%2C%20purus%20leo%20condimentum%20leo%2C%20suscipit%20ullamcorper.%22%7D%2C%7B%22text_i_icon%22%3A%222%22%2C%22text%22%3A%2203%22%2C%22title%22%3A%22Nunc%20eu%20est%20congue%22%2C%22content%22%3A%22Proin%20aliquet%2C%20magna%20ut%20dapibus%20congue%2C%20purus%20leo%20condimentum%20leo%2C%20suscipit%20ullamcorper.%22%7D%2C%7B%22text_i_icon%22%3A%222%22%2C%22text%22%3A%2204%22%2C%22title%22%3A%22Nunc%20eu%20est%20congue%22%2C%22content%22%3A%22Proin%20aliquet%2C%20magna%20ut%20dapibus%20congue%2C%20purus%20leo%20condimentum%20leo%2C%20suscipit%20ullamcorper.%22%7D%5D”][/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”100″ bg_color=”#f6f7f8″][vc_column css=”.vc_custom_1449298524162{padding-bottom: 70px !important;}”][agni_section_heading heading_size=”40″ align=”center” heading=”Service – Carousel(2 items, style 1)” additional=”you can use up to 4 items in a column & 4 columns in a row.”][/vc_column][vc_column][agni_service_boxes values=”%5B%7B%22text_i_icon%22%3A%221%22%2C%22icon%22%3A%22pe-7s-diamond%22%2C%22background_color%22%3A%22%23f0f1f2%22%2C%22border_color%22%3A%22%23000000%22%2C%22color%22%3A%22%23000000%22%2C%22hover_background_color%22%3A%22%2322e3e5%22%2C%22hover_border_color%22%3A%22%23000000%22%2C%22hover_color%22%3A%22%23000000%22%2C%22text%22%3A%2201%22%2C%22title%22%3A%22Nunc%20eu%20est%20congue%22%2C%22content%22%3A%22Proin%20aliquet%2C%20magna%20ut%20dapibus%20congue%2C%20purus%20leo%20condimentum%20leo%2C%20suscipit%20ullamcorper.%22%7D%2C%7B%22text_i_icon%22%3A%221%22%2C%22icon%22%3A%22pe-7s-diamond%22%2C%22background_color%22%3A%22%23f0f1f2%22%2C%22border_color%22%3A%22%23000000%22%2C%22color%22%3A%22%23000000%22%2C%22hover_background_color%22%3A%22%2322e3e5%22%2C%22hover_border_color%22%3A%22%23000000%22%2C%22hover_color%22%3A%22%23000000%22%2C%22text%22%3A%2202%22%2C%22title%22%3A%22Nunc%20eu%20est%20congue%22%2C%22content%22%3A%22Proin%20aliquet%2C%20magna%20ut%20dapibus%20congue%2C%20purus%20leo%20condimentum%20leo%2C%20suscipit%20ullamcorper.%22%7D%2C%7B%22text_i_icon%22%3A%221%22%2C%22icon%22%3A%22pe-7s-diamond%22%2C%22text%22%3A%2203%22%2C%22title%22%3A%22Nunc%20eu%20est%20congue%22%2C%22content%22%3A%22Proin%20aliquet%2C%20magna%20ut%20dapibus%20congue%2C%20purus%20leo%20condimentum%20leo%2C%20suscipit%20ullamcorper.%22%7D%2C%7B%22text_i_icon%22%3A%221%22%2C%22icon%22%3A%22pe-7s-diamond%22%2C%22text%22%3A%2204%22%2C%22title%22%3A%22Nunc%20eu%20est%20congue%22%2C%22content%22%3A%22Proin%20aliquet%2C%20magna%20ut%20dapibus%20congue%2C%20purus%20leo%20condimentum%20leo%2C%20suscipit%20ullamcorper.%22%7D%5D” align=”center” column_count=”2″ column_items=”2″][/vc_column][/vc_row]