Process Diagram

[dpr_heading type=”type-01″ subtitle=”default settings for process diagram boxes” alignment=”text-center” use_separator=”yes”]Default Styles[/dpr_heading]
[dpr_separator text=”FULL BACKGROUND ICONS” style=”text”]
[dpr_step_box process_line_thickness=”1″ title=”Step 1″ content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon=”Default-Idea-2″]
[dpr_step_box process_line_thickness=”1″ title=”Step 2″ content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon=”Default-pencil2″]
[dpr_step_box process_line_thickness=”1″ title=”Step 3″ content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon=”Default-Code-Window”]
[dpr_step_box process_line_thickness=”1″ title=”Step 4″ process-line_color=”” content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon=”Default-plane3″ last_item=”yes”]
[dpr_separator text=”OUTLINED ICONS” style=”text”]
[dpr_step_box process_line_style=”dotted” process_line_thickness=”5″ title=”Step 1″ content_alignment_2=”” style=”style-outlined” content_only_hover=”only_hover” icon=”Default-Idea-2″]
[dpr_step_box process_line_style=”dotted” process_line_thickness=”5″ content_alignment_2=”” style=”style-outlined” content_only_hover=”only_hover” icon=”Default-pencil2″]
[dpr_step_box process_line_style=”dotted” process_line_thickness=”5″ content_alignment_2=”” style=”style-outlined” content_only_hover=”only_hover” icon=”Default-Code-Window”]
[dpr_step_box process_line_thickness=”1″ title=”Step 4″ process-line_color=”” content_alignment_2=”” style=”style-outlined” content_only_hover=”only_hover” icon=”Default-plane3″ last_item=”yes”]
[dpr_separator text=”FRAMED ICONS, NUMBER LABELS, CONTENT ALLWAYS VISIBLE” style=”text”]
[dpr_step_box process_line_thickness=”1″ process_line_color=”#5e69e2″ read_more=”more” content_alignment_2=”” style=”style-framed” icon=”Default-Idea-2″ link=”url:%23|||” readmore_show=”show” icon_number=”yes” icon_number_text=”1″]
[dpr_step_box process_line_thickness=”1″ process_line_color=”#5e69e2″ read_more=”more” content_alignment_2=”” style=”style-framed” icon=”Default-pencil2″ link=”url:%23|||” readmore_show=”show” icon_number=”yes” icon_number_text=”2″]
[dpr_step_box process_line_thickness=”1″ process_line_color=”#5e69e2″ read_more=”more” content_alignment_2=”” style=”style-framed” icon=”Default-Code-Window” link=”url:%23|||” readmore_show=”show” icon_number=”yes” icon_number_text=”3″]
[dpr_step_box process_line_thickness=”1″ read_more=”more” process-line_color=”” content_alignment_2=”” style=”style-framed” icon=”Default-plane3″ last_item=”yes” link=”url:%23|||” readmore_show=”show” icon_number=”yes” icon_number_text=”4″]
[dpr_separator text=”FRAMED ICONS, NUMBER LABELS, CONTENT ALLWAYS VISIBLE” style=”text”]
[dpr_step_box process_line_thickness=”5″ process_line_color=”” title=”Step 1″ read_more=”more” icon_type=”custom” content_alignment_2=”” style=”style-classic” link=”url:%23|||” readmore_show=”show” icon_image_id=”5719″ icon_size=”130″ content_only_hover=”only_hover”]
[dpr_step_box process_line_thickness=”5″ process_line_color=”” title=”Step 2″ read_more=”more” icon_type=”custom” content_alignment_2=”” style=”style-classic” link=”url:%23|||” readmore_show=”show” icon_image_id=”5717″ icon_size=”130″ content_only_hover=”only_hover”]
[dpr_step_box process_line_thickness=”5″ process_line_color=”” title=”Step 3″ read_more=”more” icon_type=”custom” content_alignment_2=”” style=”style-classic” link=”url:%23|||” readmore_show=”show” icon_image_id=”5720″ icon_size=”130″ content_only_hover=”only_hover”]
[dpr_step_box process_line_thickness=”5″ process_line_color=”” title=”Step 4″ read_more=”more” icon_type=”custom” content_alignment_2=”” style=”style-classic” link=”url:%23|||” readmore_show=”show” icon_image_id=”5721″ icon_size=”130″ content_only_hover=”only_hover” last_item=”yes”]
[dpr_heading type=”type-01″ subtitle=”some examples of custom styling” alignment=”text-center” use_separator=”yes”]Customized Styles[/dpr_heading]
[dpr_step_box process_line_thickness=”2″ process_line_color=”#1c7297″ title=”Step 1″ content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon=”Default-Idea-2″ background_color=”#1c7297″ hover_background_color=”#1c7297″ title_color=”#1c7297″ subtitle_color=”#1c7297″ content_color=”#1c7297″]
[dpr_step_box process_line_thickness=”2″ process_line_color=”#19ad55″ title=”Step 2″ content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon=”Default-pencil2″ background_color=”#19ad55″ hover_background_color=”#19ad55″ title_color=”#19ad55″ subtitle_color=”#19ad55″ content_color=”#19ad55″]
[dpr_step_box process_line_thickness=”2″ process_line_color=”F08F23″ title=”Step 3″ content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon=”Default-Code-Window” background_color=”#f08f23″ hover_background_color=”#f08f23″ title_color=”#f08f23″ subtitle_color=”#f08f23″ content_color=”#f08f23″]
[dpr_step_box process_line_thickness=”2″ process_line_color=”#d27577″ title=”Step 4″ process-line_color=”” content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon=”Default-plane3″ last_item=”yes” background_color=”#d27577″ hover_background_color=”#d15153″ title_color=”#d27577″ subtitle_color=”#d27577″ content_color=”#d27577″]
[dpr_step_box process_line_thickness=”5″ title=”Lorem ipsum” subtitle=”Lorem ipsum dolor sit amet” read_more=”more” readmore_style=”custom” custom_button_shape=”btn-circle” icon_type=”text” text_icon_font_style=”italic” content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon_text=”Design” text_icon_font_size=”28″ text_icon_use_google_fonts=”yes” text_icon_custom_fonts=”font_family:Permanent%20Marker%3Aregular|font_style:400%20regular%3A400%3Anormal” icon_bg_size=”140″ background_color=”#eceff1″ text_icon_color=”#f04a23″ el_class=”rotate-icon” icon_number=”yes” icon_number_text=”1″ number_color=”#ffffff” number_bg_color=”#f04a23″ readmore_show=”show” custom_button_bg_color=”#f04a23″ custom_button_border_color=”#f04a23″]
[dpr_step_box process_line_thickness=”5″ title=”Lorem ipsum” subtitle=”Lorem ipsum dolor sit amet” read_more=”more” readmore_style=”custom” custom_button_shape=”btn-circle” icon_type=”text” text_icon_font_style=”italic” content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon_text=”Develop” text_icon_font_size=”28″ text_icon_use_google_fonts=”yes” text_icon_custom_fonts=”font_family:Permanent%20Marker%3Aregular|font_style:400%20regular%3A400%3Anormal” icon_bg_size=”140″ background_color=”#eceff1″ text_icon_color=”#19ad55″ el_class=”rotate-icon” icon_number=”yes” icon_number_text=”2″ number_color=”#ffffff” number_bg_color=”#19ad55″ link=”url:%23|||” readmore_show=”show” custom_button_bg_color=”#19ad55″ custom_button_border_color=”#19ad55″]
[dpr_step_box process_line_thickness=”5″ title=”Lorem ipsum” subtitle=”Lorem ipsum dolor sit amet” read_more=”more” readmore_style=”custom” custom_button_shape=”btn-circle” icon_type=”text” text_icon_font_style=”italic” content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon_text=”Test” text_icon_font_size=”28″ text_icon_use_google_fonts=”yes” text_icon_custom_fonts=”font_family:Permanent%20Marker%3Aregular|font_style:400%20regular%3A400%3Anormal” icon_bg_size=”140″ background_color=”#eceff1″ text_icon_color=”#1c7297″ el_class=”rotate-icon” icon_number=”yes” icon_number_text=”3″ number_color=”#ffffff” number_bg_color=”#1c7297″ link=”url:%23|||” readmore_show=”show” custom_button_bg_color=”#1c7297″ custom_button_border_color=”#1c7297″ text_icon_font_options=””]
[dpr_step_box process_line_thickness=”5″ title=”Lorem ipsum” subtitle=”Lorem ipsum dolor sit amet” read_more=”more” readmore_style=”custom” custom_button_shape=”btn-circle” icon_type=”text” text_icon_font_style=”italic” content_alignment_2=”” style=”style-badge” content_only_hover=”only_hover” icon_text=”Launch!!” text_icon_font_size=”28″ text_icon_use_google_fonts=”yes” text_icon_custom_fonts=”font_family:Permanent%20Marker%3Aregular|font_style:400%20regular%3A400%3Anormal” icon_bg_size=”140″ background_color=”#eceff1″ text_icon_color=”#f08f23″ el_class=”rotate-icon” icon_number=”yes” icon_number_text=”4″ number_color=”#ffffff” number_bg_color=”#f08f23″ last_item=”yes” link=”url:%23|||” readmore_show=”show” custom_button_bg_color=”#f08f23″ custom_button_border_color=”#f08f23″ text_icon_font_options=””]