{"id":1931,"date":"2013-12-18T02:44:45","date_gmt":"2013-12-18T02:44:45","guid":{"rendered":"http:\/\/kaptinlin.com\/themes\/strikingr\/?page_id=1931"},"modified":"2013-12-18T02:44:45","modified_gmt":"2013-12-18T02:44:45","slug":"progress-steps","status":"publish","type":"page","link":"https:\/\/thethemebuilders.review\/smalldemo\/shortcodes\/progress-steps","title":{"rendered":"Process Steps"},"content":{"rendered":"<h2>Process Steps<\/h2>\n<div class=\"tabs_container\"><ul class=\"tabs\"><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Parameters<\/a><\/li><li><a href=\"#\"><i class=\"theme-icon icon-check\" style=\"color:#3cabce\"><\/i>Shortcode Option Panel<\/a><\/li><\/ul><div class=\"panes\"><div class=\"pane\"><h3>Parameters<\/h3>\n<div class=\"divider_line\"><\/div>\n<ul class=\"list_check list_color_blue\">\n<li><strong>size<\/strong>:small,default,large<\/li>\n<li><strong>number of steps<\/strong>:2,3,4,5<\/li>\n<li><strong>type<\/strong>:horizontal,vertical<\/li>\n<li><strong>per step<\/strong> : Title, Icon, Icon Color &#038; Content<\/li>\n<li><strong>title<\/strong>(optional)<\/li>\n<li><strong>icon<\/strong>:(optional)<\/li>\n<li><strong>iconcolor<\/strong>(optional)<\/li>\n<li><strong>content<\/strong>:(optional)<\/li>\n<\/ul><\/div><div class=\"pane\"><h3>Shortcode Option Panel<\/h3>\n<div class=\"divider_line\"><\/div>\n<figure id=\"image_6839\" class=\"image_styled aligncenter\" style=\"width:596px\">\n\t\t<div class=\"image_frame effect-icon\"><div class=\"image_shadow_wrap\">\n\t\t<a data-fittoview=\"true\" class=\"image_size_medium image_icon_zoom lightbox\" title=\"The Process Steps Shortcode Options Panel\" href=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2014\/01\/shortcode-processsteps.jpg\"><img decoding=\"async\" class=\"image-frame\" alt=\"The Process Steps Shortcode Options Panel\" src=\"https:\/\/thethemebuilders.review\/smalldemo\/wp-content\/uploads\/2014\/01\/shortcode-processsteps.jpg\" data-theme-retina-image=\"false\"  data-thumbnail=\"3233\" data-thumbnail-class=\"IjMyMzMi\" width=\"596\" height=\"1477\" \/><\/a>\n\t\t<\/div><\/div><span class=\"image_caption\">The Process Steps Shortcode Options Panel<\/span><\/figure><\/div><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<h3>3 Process Steps with Small Size<\/h3>\n<div class=\"divider_line\"><\/div>\n<div class=\"process_steps process_steps_horizontal process_steps_small process_steps_3\"><ul><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-list-ol\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Planning<\/h3>The planning stage is arguably the most important, because what\u2019s decided and mapped here sets the stage for the entire project.<br \/><\/div><\/li><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-pencil\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Design<\/h3>The design stage typically involves moving the information outlined in the planning stage further into reality.<br \/><\/div><\/li><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-desktop\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Development<\/h3>Development involves the bulk of the programming work, as well as loading content (whether by your team or the client\u2019s).<br \/><\/div><\/li><\/ul><\/div>\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;process_steps type=\"horizontal\" size=\"small\" number=\"3\"&#93;\n&#91;process_step title=\"Planning\" icon=\"list-ol\"&#93;\nThe planning stage is arguably the most important, because what\u2019s decided and mapped here sets the stage for the entire project. \n&#91;\/process_step&#93;\n&#91;process_step title=\"Design\" icon=\"pencil\"&#93;\nThe design stage typically involves moving the information outlined in the planning stage further into reality. \n&#91;\/process_step&#93;\n&#91;process_step title=\"Development\" icon=\"desktop\"&#93;\nDevelopment involves the bulk of the programming work, as well as loading content (whether by your team or the client\u2019s).\n&#91;\/process_step&#93;\n&#91;\/process_steps&#93;<\/code><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<h3>Process Steps with Medium Size &#038; Custom Icon Color<\/h3>\n<div class=\"divider_line\"><\/div>\n<div class=\"process_steps process_steps_horizontal process_steps_default process_steps_3\"><ul><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-list-ol\" style=\"color:#27ccc0\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Planning<\/h3>The planning stage is arguably the most important, because what\u2019s decided and mapped here sets the stage for the entire project.<br \/><\/div><\/li><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-pencil\" style=\"color:#2ac4ea\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Design<\/h3>The design stage typically involves moving the information outlined in the planning stage further into reality.<br \/><\/div><\/li><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-desktop\" style=\"color:#f6653c\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Development<\/h3>Development involves the bulk of the programming work, as well as loading content (whether by your team or the client\u2019s).<br \/><\/div><\/li><\/ul><\/div>\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;process_steps type=\"horizontal\" size=\"default\"&#93;\n&#91;process_step title=\"Planning\" icon=\"list-ol\" icon_color=\"#27ccc0\"&#93;\nThe planning stage is arguably the most important, because what\u2019s decided and mapped here sets the stage for the entire project.\n&#91;\/process_step&#93;\n&#91;process_step title=\"Design\" icon=\"pencil\" icon_color=\"#2ac4ea\"&#93;\nThe design stage typically involves moving the information outlined in the planning stage further into reality.\n&#91;\/process_step&#93;\n&#91;process_step title=\"Development\" icon=\"desktop\" icon_color=\"#f6653c\"&#93;\nDevelopment involves the bulk of the programming work, as well as loading content (whether by your team or the client\u2019s).\n&#91;\/process_step&#93;\n&#91;\/process_steps&#93;<\/code><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<h3>2 Process Steps with Large Size<\/h3>\n<div class=\"divider_line\"><\/div>\n<div class=\"process_steps process_steps_horizontal process_steps_large process_steps_2\"><ul><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-list-ol\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Planning<\/h3>The planning stage is arguably the most important, because what\u2019s decided and mapped here sets the stage for the entire project. This is also the stage that requires client interaction and the accompanying attention to detail.<br \/><\/div><\/li><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-pencil\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Design<\/h3>The design stage typically involves moving the information outlined in the planning stage further into reality. The main deliverables are a documented site structure and, more importantly, a visual representation.<br \/><\/div><\/li><\/ul><\/div>\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;process_steps type=\"horizontal\" size=\"large\" number=\"2\"&#93;\n&#91;process_step title=\"Planning\" icon=\"list-ol\"&#93;\nThe planning stage is arguably the most important, because what\u2019s decided and mapped here sets the stage for the entire project. This is also the stage that requires client interaction and the accompanying attention to detail.\n&#91;\/process_step&#93;\n&#91;process_step title=\"Design\" icon=\"pencil\"&#93;\nThe design stage typically involves moving the information outlined in the planning stage further into reality. The main deliverables are a documented site structure and, more importantly, a visual representation. \n&#91;\/process_step&#93;\n&#91;\/process_steps&#93;<\/code><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<h3>Process Steps with Vertical<\/h3>\n<div class=\"divider_line\"><\/div>\n<div class=\"process_steps process_steps_vertical process_steps_default process_steps_3\"><ul><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-list-ol\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Planning<\/h3>The planning stage is arguably the most important, because what\u2019s decided and mapped here sets the stage for the entire project. This is also the stage that requires client interaction and the accompanying attention to detail.<br \/><\/div><\/li><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-pencil\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Design<\/h3>The design stage typically involves moving the information outlined in the planning stage further into reality. The main deliverables are a documented site structure and, more importantly, a visual representation.<br \/><\/div><\/li><li><div class=\"process_step_icon\"><i class=\"theme-icon icon-desktop\"><\/i><\/div><div class=\"process_step_detail\"><h3 class=\"process_step_title\">Development<\/h3>Development involves the bulk of the programming work, as well as loading content (whether by your team or the client\u2019s). Keep code organized and commented, and refer constantly to the planning details as the full website takes shape.<br \/><\/div><\/li><\/ul><\/div>\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;process_steps type=\"vertical\" size=\"large\"&#93;\n&#91;process_step title=\"Planning\" icon=\"list-ol\"&#93;\nThe planning stage is arguably the most important, because what\u2019s decided and mapped here sets the stage for the entire project. This is also the stage that requires client interaction and the accompanying attention to detail.\n&#91;\/process_step&#93;\n&#91;process_step title=\"Design\" icon=\"pencil\"&#93;\nThe design stage typically involves moving the information outlined in the planning stage further into reality. The main deliverables are a documented site structure and, more importantly, a visual representation.\n&#91;\/process_step&#93;\n&#91;process_step title=\"Development\" icon=\"desktop\"&#93;\nDevelopment involves the bulk of the programming work, as well as loading content (whether by your team or the client\u2019s). Keep code organized and commented, and refer constantly to the planning details as the full website takes shape. \n&#91;\/process_step&#93;\n&#91;\/process_steps&#93;<\/code><\/div><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Process Steps 3 Process Steps with Small Size Process Steps with Medium Size &#038; Custom Icon Color 2 Process Steps with Large Size Process Steps with Vertical<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":121,"menu_order":66,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-1931","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/1931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/comments?post=1931"}],"version-history":[{"count":0,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/1931\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/pages\/121"}],"wp:attachment":[{"href":"https:\/\/thethemebuilders.review\/smalldemo\/wp-json\/wp\/v2\/media?parent=1931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}