Process builder is what most corporates, agencies and freelancers need to visualize the process of developing a service or product. This tiny shortcode creates 3 to 5 steps with an icon, title and description per each.
Thanks to Jupiter’s monster icon collection you can assign an icon for almost any topic you can imagine.
[mk_fancy_title tag_name=”h1″ style=”false” color=”#333333″ size=”32″ font_weight=”300″ margin_top=”0″ margin_bottom=”20″ font_family=”none” align=”center” width=”1/1″ el_position=”first last”]Want to show how you did it? You have a tool for that. [/mk_fancy_title]
[mk_divider style=”shadow_line” divider_width=”full_width” margin_top=”10″ margin_bottom=”70″ width=”1/1″ el_position=”first last”][mk_steps step=”5″ hover_color=”#0bb697″ icon_1=”moon-cube-3″ title_1=”Conceptualization” desc_1=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_2=”moon-brain” title_2=”Brainstorming” desc_2=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_3=”moon-weather-lightning” title_3=”Execution” desc_3=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_4=”icon-wrench” title_4=”Refining” desc_4=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_5=”moon-signup” title_5=”Finalization” desc_5=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” width=”1/1″ el_position=”first last”][mk_divider style=”double_dot” divider_width=”full_width” margin_top=”40″ margin_bottom=”70″ width=”1/1″ el_position=”first last”][mk_steps step=”4″ hover_color=”#d7503e” icon_1=”moon-cube-3″ title_1=”Conceptualization” desc_1=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_2=”moon-brain” title_2=”Brainstorming” desc_2=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_3=”moon-weather-lightning” title_3=”Execution” desc_3=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_4=”icon-wrench” title_4=”Refining” desc_4=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_5=”moon-signup” title_5=”Finalization” desc_5=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” width=”1/1″ el_position=”first last”][mk_divider style=”double_dot” divider_width=”full_width” margin_top=”40″ margin_bottom=”70″ width=”1/1″ el_position=”first last”][mk_steps step=”3″ hover_color=”#448ca3″ icon_1=”moon-cube-3″ title_1=”Conceptualization” desc_1=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_2=”moon-brain” title_2=”Brainstorming” desc_2=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_3=”moon-weather-lightning” title_3=”Execution” desc_3=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_4=”icon-wrench” title_4=”Refining” desc_4=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” icon_5=”moon-signup” title_5=”Finalization” desc_5=”Vestibulum pharetra nibh sit amet consequat commodo. Ut viverra est non est venenatis, quis faucibus nulla rutrum.” width=”1/1″ el_position=”first last”]