{"id":117,"date":"2013-06-26T13:54:03","date_gmt":"2013-06-26T13:54:03","guid":{"rendered":"http:\/\/strictthemes.com\/strictone\/?page_id=117"},"modified":"2013-06-26T13:54:03","modified_gmt":"2013-06-26T13:54:03","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<div class=\"column column-1-2\"><div><h3>Buttons<\/h3>\n<p><a class=\" button-st button-custom-color\" href=\"#\" target=\"_parent\" style=\"background-color: #606671;\"><span>Button<\/span><\/a> <a class=\" button-st\" href=\"#\" target=\"_parent\"><span>Button<\/span><\/a> <a class=\" button-st button-custom-color\" href=\"#\" target=\"_parent\" style=\"background-color: #a9adb4;\"><span>Button<\/span><\/a><br \/>\n<a class=\" button-st button-with-icon button-with-icon-16 ico-st ico-download-2 button-custom-color\" href=\"#\" target=\"_parent\" style=\"background-color: #606671;\"><span>Button<\/span><\/a> <a class=\" button-st button-with-icon button-with-icon-16 ico-st ico-cart\" href=\"#\" target=\"_parent\" style=\"\"><span>Button<\/span><\/a> <a class=\" button-st button-with-icon button-with-icon-16 ico-st ico-arrow-right-2 button-custom-color\" href=\"#\" target=\"_parent\" style=\"background-color: #a9adb4;\"><span>Button<\/span><\/a><\/p>\n<p>Checkout all available icons <a href=\"http:\/\/strictthemes.com\/documentation\/icons\/\">here<\/a>.<\/p>\n<\/div><\/div>\n<div class=\"column column-1-2\"><div style=\"margin-right: 0px;\"><h3>Tabs<\/h3>\n<div class=\"st-tabs-holder\">\n<ul class=\"st-ul\">\n<li>First<\/li>\n<li> Second<\/li>\n<li> Third<\/li>\n<\/ul>\n<div class=\"st-tabs\">\n<div>\n<p>Sed sed neque metus. Nullam mauris metus, bibendum at facilisis nec, ullamcorper sit amet orci. Nulla facilisi. Pellentesque dapibus libero sed dui hendrerit accumsan. Mauris eleifend imperdiet placerat.<\/p>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div>\n<p>Sed posuere leo vitae odio facilisis sed eleifend tortor dapibus. Nam fringilla tincidunt massa euismod pharetra. Etiam in quam massa. In hac habitasse platea dictumst.<\/p>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div>\n<p>Praesent eu nulla vitae elit interdum sagittis eget a leo. Aenean et mauris massa. Proin feugiat risus id metus laoreet at condimentum metus pharetra.<\/p>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<div class=\"column column-1-2\"><div><h3>Notice<\/h3>\n<div class=\"notice  \">\n<h2>Hello World!<\/h2>\n<p>Cras venenatis nisi nec est faucibus consequat. Praesent dui massa, consectetur vitae varius eu.<\/p>\n<div class=\"clear\" style=\"height:10px !important;\"><!-- --><\/div>\n<div><a class=\" button-st\" href=\"#\" target=\"_parent\"><span> Learn more <\/span><\/a><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div class=\"clear\" style=\"height:10px !important;\"><!-- --><\/div>\n<\/div><\/div>\n<div class=\"column column-1-2\"><div style=\"margin-right: 0px;\"><h3>Accordions<\/h3>\n<div class=\"accordion\">\n<div class=\"toggle toggle-opened\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>First<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu nulla vitae elit interdum sagittis eget a leo. Aenean et mauris massa. Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis vestibulum nibh rhoncus. <\/div>\n<\/div>\n<\/div>\n<div class=\"toggle toggle-closed\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>Second<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu nulla vitae elit interdum sagittis eget a leo. Aenean et mauris massa. Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis vestibulum nibh rhoncus. <\/div>\n<\/div>\n<\/div>\n<div class=\"toggle toggle-closed\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>Third<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu nulla vitae elit interdum sagittis eget a leo. Aenean et mauris massa. Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis vestibulum nibh rhoncus. <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<div class=\"column column-1-2\"><div><h3>Skills<\/h3>\n<div class=\"skill\">\n<div class=\"skill-bar skill-auto\" data-progress=\"83\"><!-- progress bar --><\/div>\n<div class=\"skill-label\">English <span>83%<\/span><\/div>\n<\/div>\n<div class=\"skill\">\n<div class=\"skill-bar skill-scroll\" data-progress=\"67\"><!-- progress bar --><\/div>\n<div class=\"skill-label\">Dutch <span>67%<\/span><\/div>\n<\/div>\n<div class=\"skill\">\n<div class=\"skill-bar skill-scroll\" data-progress=\"52\"><!-- progress bar --><\/div>\n<div class=\"skill-label\">Italian <span>52%<\/span><\/div>\n<\/div>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<\/div><\/div>\n<div class=\"column column-1-2\"><div style=\"margin-right: 0px;\"><h3>Alert Boxes<\/h3>\n<div class=\"alert alert-notice\"><span class=\"alert-before\"><\/span><span class=\"alert-after\"><\/span><\/p>\n<div class=\"alert-wrapper\"><strong>Notice this:<\/strong> Message goes here.<span class=\"ico-st alert-close\"><!-- --><\/span><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div class=\"alert alert-warning\"><span class=\"alert-before\"><\/span><span class=\"alert-after\"><\/span><\/p>\n<div class=\"alert-wrapper\"><strong>Warning!<\/strong> Message goes here.<span class=\"ico-st alert-close\"><!-- --><\/span><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div class=\"alert alert-success\"><span class=\"alert-before\"><\/span><span class=\"alert-after\"><\/span><\/p>\n<div class=\"alert-wrapper\"><strong>Well done!<\/strong> Message goes here.<span class=\"ico-st alert-close\"><!-- --><\/span><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div class=\"alert alert-error\"><span class=\"alert-before\"><\/span><span class=\"alert-after\"><\/span><\/p>\n<div class=\"alert-wrapper\"><strong>Oh snap!<\/strong> Message goes here.<span class=\"ico-st alert-close\"><!-- --><\/span><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<div class=\"alert alert-info\"><span class=\"alert-before\"><\/span><span class=\"alert-after\"><\/span><\/p>\n<div class=\"alert-wrapper\"><strong>Heads up!<\/strong> Message goes here.<span class=\"ico-st alert-close\"><!-- --><\/span><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<div class=\"column column-1-2\"><div><h3>Table<\/h3>\n<table>\n<caption>The table<\/caption>\n<tbody>\n<tr>\n<th>Name<\/th>\n<th>Order<\/th>\n<th>Price<\/th>\n<\/tr>\n<tr>\n<td>Item One<\/td>\n<td>#001<\/td>\n<td>$3<\/td>\n<\/tr>\n<tr class=\"alt\">\n<td>Item Two<\/td>\n<td>#002<\/td>\n<td>$6<\/td>\n<\/tr>\n<tr>\n<td>Item Three<\/td>\n<td>#003<\/td>\n<td>$9<\/td>\n<\/tr>\n<tr class=\"alt\">\n<td>Item Four<\/td>\n<td>#004<\/td>\n<td>$12<\/td>\n<\/tr>\n<tr>\n<td>Item Five<\/td>\n<td>#005<\/td>\n<td>$15<\/td>\n<\/tr>\n<\/tbody>\n<tfoot>\n<tr>\n<td>Table Footer 1<\/td>\n<td>Table Footer 2<\/td>\n<td>Table Footer 3<\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<\/div><\/div>\n<div class=\"column column-1-2\"><div style=\"margin-right: 0px;\"><h3>Toggle<\/h3>\n<div class=\"toggle toggle-opened\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>First<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\">Cras venenatis nisi nec est faucibus consequat. Praesent dui massa, consectetur vitae varius eu, viverra dictum sem. Nullam tempus mi sit amet mauris lacinia eu sodales nisl cursus. Duis convallis dignissim nisi non mattis.<\/div>\n<\/div>\n<\/div>\n<div class=\"toggle toggle-closed\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>Second<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\">Cras venenatis nisi nec est faucibus consequat. Praesent dui massa, consectetur vitae varius eu, viverra dictum sem. Nullam tempus mi sit amet mauris lacinia eu sodales nisl cursus. Duis convallis dignissim nisi non mattis.<\/div>\n<\/div>\n<\/div>\n<div class=\"toggle toggle-closed\">\n<div class=\"toggle-title\"><span class=\"ico-st\"><!-- --><\/span>Third<\/div>\n<div class=\"toggle-holder\">\n<div class=\"toggle-box\">Cras venenatis nisi nec est faucibus consequat. Praesent dui massa, consectetur vitae varius eu, viverra dictum sem. Nullam tempus mi sit amet mauris lacinia eu sodales nisl cursus. Duis convallis dignissim nisi non mattis.<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\"><!-- --><\/div>\n<h3>Google map<\/h3>\n<div id=\"googlemaps\" class=\"google-map google-map-full\" style=\"height:400px; width:100%\"><\/div>\r\n\t\t\t\t<script src=\"http:\/\/maps.google.com\/maps\/api\/js?sensor=true\"><\/script><script src=\"https:\/\/strictthemes.com\/shockmag-4\/wp-content\/plugins\/stkit\/components\/shortcodes\/assets\/js\/jquery.gmap.min.js\"><\/script>\r\n\t\t\t\t<script type=\"text\/javascript\">\r\n\t\t\t\t   jQuery(\"#googlemaps\").gMap({\r\n\t\t\t\t\tmaptype: \"ROADMAP\",\r\n\t\t\t\t\tscrollwheel: false,\r\n\t\t\t\t\tzoom: 15,\r\n\t\t\t\t\tmarkers: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\taddress: 'Berlin, Germany',\r\n\t\t\t\t\t\thtml: \"\",\r\n\t\t\t\t\t\tpopup: false,\r\n\t\t\t\t\t}\r\n\t\t\t\t\t],\r\n\t\t\t\t});\r\n\t\t\t\t<\/script>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<h3>Icon Boxes 16\/32<\/h3>\n<p>Checkout all available icons <a href=\"http:\/\/strictthemes.com\/documentation\/icons\/\">here<\/a>.<\/p>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<div class=\"column column-1-4\"><div><div class=\"st_icon_box st_icon_box_16 ico-st ico-shield\">\n<h5>Scelerisque<\/h5>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra dolor sit amet.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"column column-1-4\"><div><div class=\"st_icon_box st_icon_box_16 ico-st ico-flag\">\n<h5>Nam tristique<\/h5>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra dolor sit amet.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"column column-1-4\"><div><div class=\"st_icon_box st_icon_box_16 ico-st ico-rocket\">\n<h5>Donec nibh<\/h5>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra dolor sit amet.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"column column-1-4\"><div><div class=\"st_icon_box st_icon_box_16 ico-st ico-tool\">\n<h5>Nam nec libero<\/h5>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra dolor sit amet.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\" style=\"height:20px !important;\"><!-- --><\/div>\n<div class=\"column column-1-3\"><div><div class=\"st_icon_box st_icon_box_32 ico-st ico-flag\">\n<h3>Scelerisque<\/h3>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"column column-1-3\"><div><div class=\"st_icon_box st_icon_box_32 ico-st ico-rocket\">\n<h3>Nam tristique<\/h3>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"column column-1-3\"><div><div class=\"st_icon_box st_icon_box_32 ico-st ico-tool\">\n<h3>Donec nibh<\/h3>\n<p>Proin feugiat risus id metus laoreet at condimentum metus pharetra. Ut sollicitudin dolor sit amet libero scelerisque quis.<\/p>\n<\/div>\n<\/div><\/div>\n<div class=\"clear\" style=\"height:25px !important;\"><!-- --><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Google map Icon Boxes 16\/32 Checkout all available icons here.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":8,"comment_status":"open","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Shortcodes - Shockmag Mens<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shortcodes - Shockmag Mens\" \/>\n<meta property=\"og:description\" content=\"Google map Icon Boxes 16\/32 Checkout all available icons here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/\" \/>\n<meta property=\"og:site_name\" content=\"Shockmag Mens\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/strictthemes.com\/shockmag-4\/#website\",\"url\":\"https:\/\/strictthemes.com\/shockmag-4\/\",\"name\":\"Shockmag Mens\",\"description\":\"Just another StrictThemes Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/strictthemes.com\/shockmag-4\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/#webpage\",\"url\":\"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/\",\"name\":\"Shortcodes - Shockmag Mens\",\"isPartOf\":{\"@id\":\"https:\/\/strictthemes.com\/shockmag-4\/#website\"},\"datePublished\":\"2013-06-26T13:54:03+00:00\",\"dateModified\":\"2013-06-26T13:54:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/strictthemes.com\/shockmag-4\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shortcodes\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shortcodes - Shockmag Mens","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Shortcodes - Shockmag Mens","og_description":"Google map Icon Boxes 16\/32 Checkout all available icons here.","og_url":"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/","og_site_name":"Shockmag Mens","twitter_card":"summary","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/strictthemes.com\/shockmag-4\/#website","url":"https:\/\/strictthemes.com\/shockmag-4\/","name":"Shockmag Mens","description":"Just another StrictThemes Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/strictthemes.com\/shockmag-4\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/#webpage","url":"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/","name":"Shortcodes - Shockmag Mens","isPartOf":{"@id":"https:\/\/strictthemes.com\/shockmag-4\/#website"},"datePublished":"2013-06-26T13:54:03+00:00","dateModified":"2013-06-26T13:54:03+00:00","breadcrumb":{"@id":"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/strictthemes.com\/shockmag-4\/shortcodes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/strictthemes.com\/shockmag-4\/"},{"@type":"ListItem","position":2,"name":"Shortcodes"}]}]}},"_links":{"self":[{"href":"https:\/\/strictthemes.com\/shockmag-4\/wp-json\/wp\/v2\/pages\/117"}],"collection":[{"href":"https:\/\/strictthemes.com\/shockmag-4\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strictthemes.com\/shockmag-4\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strictthemes.com\/shockmag-4\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strictthemes.com\/shockmag-4\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":0,"href":"https:\/\/strictthemes.com\/shockmag-4\/wp-json\/wp\/v2\/pages\/117\/revisions"}],"wp:attachment":[{"href":"https:\/\/strictthemes.com\/shockmag-4\/wp-json\/wp\/v2\/media?parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}