{"id":51,"date":"2013-04-16T18:51:42","date_gmt":"2013-04-16T18:51:42","guid":{"rendered":"https:\/\/demo.codestag.com\/cluster\/?page_id=51"},"modified":"2018-06-27T07:52:58","modified_gmt":"2018-06-27T07:52:58","slug":"shortcode-examples","status":"publish","type":"page","link":"https:\/\/demo.codestag.com\/cluster\/shortcode-examples\/","title":{"rendered":"Shortcode Examples"},"content":{"rendered":"<section class=\"stag-section stag-intro-text\"><p>Enter a beautifully styled intro text for your content, like this one, with a simple short code. It&#8217;s quite sweet.<\/p>\n<\/section>\n<p><div class=\"stag-column stag-one-half\">Interface design is involved in a wide range of projects from computer systems, to cars, to commercial planes; all of these projects involve much of the same basic human interactions yet also require some unique skills and knowledge. As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.<\/div> <div class=\"stag-column stag-one-half stag-column-last\">Interface design is involved in a wide range of projects from computer systems, to cars, to commercial planes; all of these projects involve much of the same basic human interactions yet also require some unique skills and knowledge. As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.<\/div><div class=\"clear\"><\/div><\/p>\n<p><div class=\"stag-column stag-one-third\">Interface design is involved in a wide range of projects from computer systems, to cars, to commercial planes; all of these projects involve much of the same basic human interactions yet also require some unique skills and knowledge. <\/div> <div class=\"stag-column stag-one-third\">Interface design is involved in a wide range of projects from computer systems, to cars, to commercial planes; all of these projects involve much of the same basic human interactions yet also require some unique skills and knowledge. <\/div> <div class=\"stag-column stag-one-third stag-column-last\">Interface design is involved in a wide range of projects from computer systems, to cars, to commercial planes; all of these projects involve much of the same basic human interactions yet also require some unique skills and knowledge. <\/div><div class=\"clear\"><\/div><\/p>\n<p><div class=\"stag-column stag-one-fourth\">As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.<\/div> <div class=\"stag-column stag-one-fourth\">As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.<\/div> <div class=\"stag-column stag-one-fourth\">As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.<\/div> <div class=\"stag-column stag-one-fourth stag-column-last\">As a result, designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design, user research, web design, or industrial design.<\/div><div class=\"clear\"><\/div><\/p>\n<p>&nbsp;<\/p>\n<hr class=\"stag-section stag-divider stag-divider--dashed\">\n<p>&nbsp;<\/p>\n<section id=\"stag-tabs-14\" class=\"stag-section stag-tabs stag-tabs--normal\"><div class=\"stag-tab-inner\"><ul class=\"stag-nav stag-clearfix\"><li><a href=\"#stag-tab-first-tab\">First Tab<\/a><\/li><li><a href=\"#stag-tab-second-tab\">Second tab<\/a><\/li><li><a href=\"#stag-tab-third-tab\">Third tab<\/a><\/li><\/ul> <div id=\"stag-tab-first-tab\" class=\"stag-tab\"> Cluster is a bold portfolio WordPress theme made with Flat Design Style practices in mind. Ideal to showcase your work in a clean, minimal and neat way. Cluster comes with a simple yet powerful theme options panel that will have your site set up and running within minutes.<\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--light-blue stag-button--square\"> Sweet Button <\/a><\/div> <div id=\"stag-tab-second-tab\" class=\"stag-tab\"> It really seems that Cluster is a bold portfolio WordPress theme made with Flat Design Style practices in mind. Ideal to showcase your work in a clean, minimal and neat way. Cluster comes with a simple yet powerful theme options panel that will have your site set up and running within minutes.<\/div><div id=\"stag-tab-third-tab\" class=\"stag-tab\"> Hi There! It really seems that Cluster is a bold portfolio WordPress theme made with Flat Design Style practices in mind. Ideal to showcase your work in a clean, minimal and neat way. Cluster comes with a simple yet powerful theme options panel that will have your site set up and running within minutes.<\/div><\/div><\/section>\n<hr class=\"stag-section stag-divider stag-divider--dashed\">\n<p>&nbsp;<\/p>\n<p><div data-id=\"open\" class=\"stag-section stag-toggle stag-toggle--normal\"><span class=\"stag-toggle-title\">Phases of Interface Design<\/span><div class=\"stag-toggle-inner\"><div class=\"stag-toggle-content\"> There are several phases and processes in the user interface design, some of which are more demanded upon than others, depending on the project. There are several phases and processes in the user interface design, some of which are more demanded upon than others, depending on the project.<\/div><\/div><\/div><div data-id=\"closed\" class=\"stag-section stag-toggle stag-toggle--normal\"><span class=\"stag-toggle-title\">Another toggle<\/span><div class=\"stag-toggle-inner\"><div class=\"stag-toggle-content\">You can choose the state of each toggle too. There are several phases and processes in the user interface design, some of which are more demanded upon than others, depending on the project.<\/div><\/div><\/div><div data-id=\"closed\" class=\"stag-section stag-toggle stag-toggle--normal\"><span class=\"stag-toggle-title\">A third toggle<\/span><div class=\"stag-toggle-inner\"><div class=\"stag-toggle-content\"> Here is another sweet toggle for you.<\/div><\/div><\/div><\/p>\n<p>&nbsp;<\/p>\n<hr class=\"stag-section stag-divider stag-divider--dashed\">\n<p>&nbsp;<\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--orange stag-button--round\"> Orange button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--orange stag-button--round\"> Orange Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--orange stag-button--round\"> Orange Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--orange stag-button--square\"> Orange button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--orange stag-button--square\"> Orange Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--orange stag-button--square\"> Orange Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--black stag-button--round\"> Black\u00a0button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--black stag-button--round\"> Black Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--black stag-button--round\"> Black\u00a0Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--black stag-button--square\"> Black\u00a0button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--black stag-button--square\"> Black Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--black stag-button--square\"> Black Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--green stag-button--round\"> Green button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--green stag-button--round\"> Green Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--green stag-button--round\"> Green Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--green stag-button--square\"> Green button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--green stag-button--square\"> Green Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--green stag-button--square\"> Green Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--light-blue stag-button--round\"> Light Blue\u00a0button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--light-blue stag-button--round\"> Light Blue\u00a0Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--light-blue stag-button--round\"> Light Blue\u00a0Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--light-blue stag-button--square\"> Light Blue button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--light-blue stag-button--square\"> Light Blue\u00a0Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--light-blue stag-button--square\"> Light Blue\u00a0Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--grey stag-button--round\"> Grey\u00a0button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--grey stag-button--round\"> Grey\u00a0Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--grey stag-button--round\"> Grey\u00a0Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--grey stag-button--square\"> Grey button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--grey stag-button--square\"> Grey\u00a0Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--grey stag-button--square\"> Grey\u00a0Large <\/a><\/p>\n<p>&nbsp;<\/p>\n<hr class=\"stag-section stag-divider stag-divider--dashed\">\n<p>&nbsp;<\/p>\n<div class=\"stag-section stag-alert stag-alert--green\">hello visitor. this seems to be a good alert, so everything should be fine.<\/div>\n<div class=\"stag-section stag-alert stag-alert--red\">your computer is about to explode in 3 seconds. Thanks for visiting!<\/div>\n<div class=\"stag-section stag-alert stag-alert--grey\">Nothing good, nothing bad. Everything is neutralized. Sweet.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.codestag.com\/cluster\/wp-json\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.codestag.com\/cluster\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.codestag.com\/cluster\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.codestag.com\/cluster\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.codestag.com\/cluster\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":22,"href":"https:\/\/demo.codestag.com\/cluster\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":503,"href":"https:\/\/demo.codestag.com\/cluster\/wp-json\/wp\/v2\/pages\/51\/revisions\/503"}],"wp:attachment":[{"href":"https:\/\/demo.codestag.com\/cluster\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}