{"id":479,"date":"2014-01-02T09:22:36","date_gmt":"2014-01-02T09:22:36","guid":{"rendered":"https:\/\/demo.codestag.com\/crux\/?page_id=479"},"modified":"2020-02-24T08:44:03","modified_gmt":"2020-02-24T08:44:03","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/demo.codestag.com\/crux\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<div class=\"woocommerce columns-4 \"><ul class=\"products columns-4\">\n\n<li class=\"first product odd post-0 post type-post status-publish format-standard has-post-thumbnail hentry\">\n\n\t<div class=\"inner-product-wrapper\">\n\n\t\t<div class=\"thumbnail-container\">\n\t\t\t\n\t\t\t\n\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/keltic-t\/\">\n\t\t\t\t<div class=\"product-thumbnail-wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"330\" src=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/11\/tee_1-270x330.jpg\" class=\"attachment-shop_catalog size-shop_catalog wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/11\/tee_1-270x330.jpg 270w, https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/11\/tee_1.jpg 470w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/><\/div>\n\t\t\t<\/a>\n\n\t\t\t<div class=\"product-buttons\">\n\t\t\t\t<div class=\"product-buttons-inner\">\n\t\t\t\t\t<a href=\"?add-to-cart=89\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_89\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"89\" data-product_sku=\"T-03\" aria-label=\"Add to cart: &ldquo;Keltic T&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Keltic T&rdquo; has been added to your cart\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_89\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/keltic-t\/\" class=\"button\">Details<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div><!-- .product-buttons -->\n\n\t\t\t<div class=\"product-actions\">\n\t\t\t\t\t\t\t\t<\/div><!-- .product-actions -->\n\t\t\t<\/div><!-- .thumbnail-container -->\n\n\t\t\t\n\t\t\t<div class=\"product-info hide-ratings\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"product-title\"><a href=\"https:\/\/demo.codestag.com\/crux\/product\/keltic-t\/\">Keltic T<\/a><\/h3>\n\t\t\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>35.00<\/bdi><\/span><\/span>\n\t\t\t\t<\/div><!-- .product-info -->\n\n\t\t\t<\/div><!-- .inner-product-wrapper -->\n\n\t\t<\/li>\n\n<li class=\"product even post-0 post type-post status-publish format-standard has-post-thumbnail hentry\">\n\n\t<div class=\"inner-product-wrapper\">\n\n\t\t<div class=\"thumbnail-container\">\n\t\t\t\n\t\t\t\n\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/midas-shirt-green\/\">\n\t\t\t\t<div class=\"product-thumbnail-wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"330\" src=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/shirt_1-270x330.jpg\" class=\"attachment-shop_catalog size-shop_catalog wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/shirt_1-270x330.jpg 270w, https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/shirt_1.jpg 470w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/><\/div>\n\t\t\t<\/a>\n\n\t\t\t<div class=\"product-buttons\">\n\t\t\t\t<div class=\"product-buttons-inner\">\n\t\t\t\t\t<a href=\"?add-to-cart=253\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_253\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"253\" data-product_sku=\"S-003\" aria-label=\"Add to cart: &ldquo;Midas Shirt&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Midas Shirt&rdquo; has been added to your cart\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_253\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/midas-shirt-green\/\" class=\"button\">Details<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div><!-- .product-buttons -->\n\n\t\t\t<div class=\"product-actions\">\n\t\t\t\t\t\t\t\t<\/div><!-- .product-actions -->\n\t\t\t<\/div><!-- .thumbnail-container -->\n\n\t\t\t\n\t\t\t<div class=\"product-info hide-ratings\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"product-title\"><a href=\"https:\/\/demo.codestag.com\/crux\/product\/midas-shirt-green\/\">Midas Shirt<\/a><\/h3>\n\t\t\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>69.00<\/bdi><\/span><\/span>\n\t\t\t\t<\/div><!-- .product-info -->\n\n\t\t\t<\/div><!-- .inner-product-wrapper -->\n\n\t\t<\/li>\n\n<li class=\"product odd post-0 post type-post status-publish format-standard has-post-thumbnail hentry\">\n\n\t<div class=\"inner-product-wrapper\">\n\n\t\t<div class=\"thumbnail-container\">\n\t\t\t\n\t\t\t\n\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/midas-shirt-dark\/\">\n\t\t\t\t<div class=\"product-thumbnail-wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"330\" src=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/shirt_3-270x330.jpg\" class=\"attachment-shop_catalog size-shop_catalog wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/shirt_3-270x330.jpg 270w, https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/shirt_3.jpg 470w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/><\/div>\n\t\t\t<\/a>\n\n\t\t\t<div class=\"product-buttons\">\n\t\t\t\t<div class=\"product-buttons-inner\">\n\t\t\t\t\t<a href=\"?add-to-cart=252\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_252\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"252\" data-product_sku=\"S-003\" aria-label=\"Add to cart: &ldquo;Midas Shirt&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Midas Shirt&rdquo; has been added to your cart\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_252\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/midas-shirt-dark\/\" class=\"button\">Details<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div><!-- .product-buttons -->\n\n\t\t\t<div class=\"product-actions\">\n\t\t\t\t\t\t\t\t<\/div><!-- .product-actions -->\n\t\t\t<\/div><!-- .thumbnail-container -->\n\n\t\t\t\n\t\t\t<div class=\"product-info hide-ratings\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"product-title\"><a href=\"https:\/\/demo.codestag.com\/crux\/product\/midas-shirt-dark\/\">Midas Shirt<\/a><\/h3>\n\t\t\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>79.00<\/bdi><\/span><\/span>\n\t\t\t\t<\/div><!-- .product-info -->\n\n\t\t\t<\/div><!-- .inner-product-wrapper -->\n\n\t\t<\/li>\n\n<li class=\"last product even post-0 post type-post status-publish format-standard has-post-thumbnail hentry\">\n\n\t<div class=\"inner-product-wrapper\">\n\n\t\t<div class=\"thumbnail-container\">\n\t\t\t\n\t\t\t\t\t\t\t<span class=\"out-of-stock\">Out of stock<\/span>\n\t\t\t\n\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/elkton-jacket\/\">\n\t\t\t\t<div class=\"product-thumbnail-wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"330\" src=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/jacket-270x330.jpg\" class=\"attachment-shop_catalog size-shop_catalog wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/jacket-270x330.jpg 270w, https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/jacket.jpg 470w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/><\/div>\n\t\t\t<\/a>\n\n\t\t\t<div class=\"product-buttons\">\n\t\t\t\t<div class=\"product-buttons-inner\">\n\t\t\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/elkton-jacket\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_260\" data-quantity=\"1\" class=\"button product_type_simple\" data-product_id=\"260\" data-product_sku=\"S-003\" aria-label=\"Read more about &ldquo;Elkton Jacket&rdquo;\" rel=\"nofollow\" data-success_message=\"\">Read more<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_260\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div><!-- .product-buttons -->\n\n\t\t\t<div class=\"product-actions\">\n\t\t\t\t\t\t\t\t<\/div><!-- .product-actions -->\n\t\t\t<\/div><!-- .thumbnail-container -->\n\n\t\t\t\n\t\t\t<div class=\"product-info hide-ratings\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"product-title\"><a href=\"https:\/\/demo.codestag.com\/crux\/product\/elkton-jacket\/\">Elkton Jacket<\/a><\/h3>\n\t\t\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>249.00<\/bdi><\/span><\/span>\n\t\t\t\t<\/div><!-- .product-info -->\n\n\t\t\t<\/div><!-- .inner-product-wrapper -->\n\n\t\t<\/li>\n\n<li class=\"first product odd post-0 post type-post status-publish format-standard has-post-thumbnail hentry\">\n\n\t<div class=\"inner-product-wrapper\">\n\n\t\t<div class=\"thumbnail-container\">\n\t\t\t\n\t<span class=\"onsale\">Sale<\/span>\n\t\n\t\t\t\n\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/daniel-flannel-shirt\/\">\n\t\t\t\t<div class=\"product-thumbnail-wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"330\" src=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/11\/shirt_1-270x330.jpg\" class=\"attachment-shop_catalog size-shop_catalog wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/11\/shirt_1-270x330.jpg 270w, https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/11\/shirt_1.jpg 470w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/><\/div>\n\t\t\t<\/a>\n\n\t\t\t<div class=\"product-buttons\">\n\t\t\t\t<div class=\"product-buttons-inner\">\n\t\t\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/daniel-flannel-shirt\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_19\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button\" data-product_id=\"19\" data-product_sku=\"S-001\" aria-label=\"Select options for &ldquo;Flannel Shirt&rdquo;\" rel=\"nofollow\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_19\" class=\"screen-reader-text\">\n\t\tThis product has multiple variants. The options may be chosen on the product page\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div><!-- .product-buttons -->\n\n\t\t\t<div class=\"product-actions\">\n\t\t\t\t\t\t\t\t<\/div><!-- .product-actions -->\n\t\t\t<\/div><!-- .thumbnail-container -->\n\n\t\t\t\n\t\t\t<div class=\"product-info hide-ratings\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"product-title\"><a href=\"https:\/\/demo.codestag.com\/crux\/product\/daniel-flannel-shirt\/\">Flannel Shirt<\/a><\/h3>\n\t\t\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>50.00<\/bdi><\/span> &ndash; <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>60.00<\/bdi><\/span><\/span>\n\t\t\t\t<\/div><!-- .product-info -->\n\n\t\t\t<\/div><!-- .inner-product-wrapper -->\n\n\t\t<\/li>\n\n<li class=\"product even post-0 post type-post status-publish format-standard has-post-thumbnail hentry\">\n\n\t<div class=\"inner-product-wrapper\">\n\n\t\t<div class=\"thumbnail-container\">\n\t\t\t\n\t\t\t\n\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/orrin-flannel-shirt\/\">\n\t\t\t\t<div class=\"product-thumbnail-wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"330\" src=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/11\/shirt_2-270x330.jpg\" class=\"attachment-shop_catalog size-shop_catalog wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/11\/shirt_2-270x330.jpg 270w, https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/11\/shirt_2.jpg 470w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/><\/div>\n\t\t\t<\/a>\n\n\t\t\t<div class=\"product-buttons\">\n\t\t\t\t<div class=\"product-buttons-inner\">\n\t\t\t\t\t<a href=\"?add-to-cart=92\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_92\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"92\" data-product_sku=\"S-003\" aria-label=\"Add to cart: &ldquo;Orrin Flannel Shirt&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Orrin Flannel Shirt&rdquo; has been added to your cart\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_92\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/orrin-flannel-shirt\/\" class=\"button\">Details<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div><!-- .product-buttons -->\n\n\t\t\t<div class=\"product-actions\">\n\t\t\t\t\t\t\t\t<\/div><!-- .product-actions -->\n\t\t\t<\/div><!-- .thumbnail-container -->\n\n\t\t\t\n\t\t\t<div class=\"product-info hide-ratings\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"product-title\"><a href=\"https:\/\/demo.codestag.com\/crux\/product\/orrin-flannel-shirt\/\">Orrin Flannel Shirt<\/a><\/h3>\n\t\t\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>79.00<\/bdi><\/span><\/span>\n\t\t\t\t<\/div><!-- .product-info -->\n\n\t\t\t<\/div><!-- .inner-product-wrapper -->\n\n\t\t<\/li>\n\n<li class=\"product odd post-0 post type-post status-publish format-standard has-post-thumbnail hentry\">\n\n\t<div class=\"inner-product-wrapper\">\n\n\t\t<div class=\"thumbnail-container\">\n\t\t\t\n\t\t\t\n\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/midas-shirt\/\">\n\t\t\t\t<div class=\"product-thumbnail-wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"330\" src=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/shirt_2-270x330.jpg\" class=\"attachment-shop_catalog size-shop_catalog wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/shirt_2-270x330.jpg 270w, https:\/\/demo.codestag.com\/crux\/wp-content\/uploads\/sites\/2\/2013\/12\/shirt_2.jpg 470w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/><\/div>\n\t\t\t<\/a>\n\n\t\t\t<div class=\"product-buttons\">\n\t\t\t\t<div class=\"product-buttons-inner\">\n\t\t\t\t\t<a href=\"?add-to-cart=247\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_247\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"247\" data-product_sku=\"S-003\" aria-label=\"Add to cart: &ldquo;Midas Shirt&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Midas Shirt&rdquo; has been added to your cart\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_247\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.codestag.com\/crux\/product\/midas-shirt\/\" class=\"button\">Details<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div><!-- .product-buttons -->\n\n\t\t\t<div class=\"product-actions\">\n\t\t\t\t\t\t\t\t<\/div><!-- .product-actions -->\n\t\t\t<\/div><!-- .thumbnail-container -->\n\n\t\t\t\n\t\t\t<div class=\"product-info hide-ratings\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"product-title\"><a href=\"https:\/\/demo.codestag.com\/crux\/product\/midas-shirt\/\">Midas Shirt<\/a><\/h3>\n\t\t\t\t\t\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>79.00<\/bdi><\/span><\/span>\n\t\t\t\t<\/div><!-- .product-info -->\n\n\t\t\t<\/div><!-- .inner-product-wrapper -->\n\n\t\t<\/li>\n<\/ul>\n<\/div><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\"><span class=\"stag-dropcap stag-dropcap--normal\" style=\"font-size:50px;line-height:50px;width:50px;height:50px;\">I<\/span>nterface 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\"><span class=\"stag-dropcap stag-dropcap--squared\" style=\"font-size:50px;line-height:50px;width:50px;height:50px;\">I<\/span>nterface 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<h2>Google Map<\/h2>\n\n<p>&nbsp;<\/p>\n<h2>Dividers<\/h2>\n<p><hr class=\"stag-section stag-divider stag-divider--plain\"><hr class=\"stag-section stag-divider stag-divider--strong\"><hr class=\"stag-section stag-divider stag-divider--double\"><hr class=\"stag-section stag-divider stag-divider--dashed\"><hr class=\"stag-section stag-divider stag-divider--dotted\"><\/p>\n<hr class=\"stag-section stag-divider stag-divider--dashed\">\n<h2>Tabs<\/h2>\n<section id=\"stag-tabs-37\" class=\"stag-section stag-tabs stag-tabs--stroke\"><div class=\"stag-tab-inner\"><ul class=\"stag-nav stag-clearfix\"><li><a href=\"#stag-tab-tab-title\">Tab Title<\/a><\/li><li><a href=\"#stag-tab-anything\">anything<\/a><\/li><\/ul><div id=\"stag-tab-tab-title\" class=\"stag-tab\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <\/div><div id=\"stag-tab-anything\" class=\"stag-tab\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/div> <\/div><\/section>\n<p>&nbsp;<\/p>\n<section id=\"stag-tabs-70\" 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\"> Crux 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. Crux 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 Crux 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. Crux 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 Crux 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. Crux 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<h2>Toggles<\/h2>\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><div data-id=\"closed\" class=\"stag-section stag-toggle stag-toggle--stroke\"><span class=\"stag-toggle-title\">Stroke Toggle<\/span><div class=\"stag-toggle-inner\"><div class=\"stag-toggle-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/div><\/div><\/div><\/p>\n<h2>Buttons<\/h2>\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&nbsp;button <\/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&nbsp;Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--black stag-button--square\"> Black&nbsp;button <\/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&nbsp;button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--light-blue stag-button--round\"> Light Blue&nbsp;Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--light-blue stag-button--round\"> Light Blue&nbsp;Large <\/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&nbsp;Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--light-blue stag-button--square\"> Light Blue&nbsp;Large <\/a><\/p>\n<p><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--small stag-button--grey stag-button--round\"> Grey&nbsp;button <\/a><a target=\"_self\" href=\"#\" class=\"stag-button stag-button--medium stag-button--grey stag-button--round\"> Grey&nbsp;Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--grey stag-button--round\"> Grey&nbsp;Large <\/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&nbsp;Medium <\/a><a target=\"_self\" href=\"\" class=\"stag-button stag-button--large stag-button--grey stag-button--square\"> Grey&nbsp;Large <\/a><\/p>\n<h2>Alerts<\/h2>\n<p><div class=\"stag-section stag-alert stag-alert--green\">hello visitor. this seems to be a good alert, so everything should be fine.<\/div><div class=\"stag-section stag-alert stag-alert--red\">your computer is about to explode in 3 seconds. Thanks for visiting!<\/div><div class=\"stag-section stag-alert stag-alert--grey\">Nothing good, nothing bad. Everything is neutralized. Sweet.<\/div><div class=\"stag-section stag-alert stag-alert--blue\">hello visitor. this seems to be a good alert, so everything should be fine.<\/div><div class=\"stag-section stag-alert stag-alert--yellow\">your computer is about to explode in 3 seconds. Thanks for visiting!<\/div><div class=\"stag-section stag-alert stag-alert--white\">Nothing good, nothing bad. Everything is neutralized. Sweet.<\/div><\/p>","protected":false},"excerpt":{"rendered":"<p>Google Map &nbsp; Dividers Tabs &nbsp; Toggles Buttons Alerts<\/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-479","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.codestag.com\/crux\/wp-json\/wp\/v2\/pages\/479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.codestag.com\/crux\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.codestag.com\/crux\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.codestag.com\/crux\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.codestag.com\/crux\/wp-json\/wp\/v2\/comments?post=479"}],"version-history":[{"count":11,"href":"https:\/\/demo.codestag.com\/crux\/wp-json\/wp\/v2\/pages\/479\/revisions"}],"predecessor-version":[{"id":918,"href":"https:\/\/demo.codestag.com\/crux\/wp-json\/wp\/v2\/pages\/479\/revisions\/918"}],"wp:attachment":[{"href":"https:\/\/demo.codestag.com\/crux\/wp-json\/wp\/v2\/media?parent=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}