{"id":93,"date":"2012-08-10T15:12:15","date_gmt":"2012-08-10T15:12:15","guid":{"rendered":"http:\/\/demo.herothemes.com\/knowhow\/?page_id=93"},"modified":"2012-08-10T15:12:15","modified_gmt":"2012-08-10T15:12:15","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/www.erodate.pl\/opowiadania-erotyczne\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<h2>Column Shortcodes<\/h2>\n<h3>Two Columns<\/h3>\n<div class=\"row\"><br \/>\n<div class=\"column col-half\">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.<\/div><br \/>\n<div class=\"column col-half\">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.<\/div><br \/>\n<\/div>\n<pre>[row]]\n[[col_half]]Column 1[[\/col_half]]\n[[col_half]]Column 2[[\/col_half]]\n[[\/row]<\/pre>\n<h3>Three Columns &#8211; 50%\/25%\/25%<\/h3>\n<div class=\"row\"><div class=\"column col-half\">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.<\/div><\/p>\n<p><div class=\"column col-fourth\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div><\/p>\n<p><div class=\"column col-fourth\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div><\/div>\n<pre>[row]]\n[[col_half]]Column 1[[\/col_half]]\n[[col_fourth]]Column 2[[\/col_fourth]]\n[[col_fourth]]Column 3[[\/col_fourth]]\n[[\/row]<\/pre>\n<h3>Three Columns &#8211; 25%\/25%\/50%<\/h3>\n<div class=\"row\"><div class=\"column col-fourth\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div><\/p>\n<p><div class=\"column col-fourth\">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/div><\/p>\n<p><div class=\"column col-half\">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.<\/div><\/div>\n<pre>[row]]\n[[col_fourth]]Column 1[[\/col_fourth]]\n[[col_fourth]]Column 2[[\/col_fourth]]\n[[col_half]]Column 3[[\/col_half]]\n[[\/row]<\/pre>\n<h3>Three Columns &#8211; 25%\/25%\/25%<\/h3>\n<div class=\"row\"><div class=\"column col-third\">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.<\/div><\/p>\n<p><div class=\"column col-third\">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.<\/div><\/p>\n<p><div class=\"column col-third\">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.<\/div><\/div>\n<pre>[row]]\n[[col_third]]Column 1[[\/col_third]]\n[[col_third]]Column 2[[\/col_third]]\n[[col_third]]Column 3[[\/col_third]]\n[[\/row]<\/pre>\n<h3>Four Columns<\/h3>\n<div class=\"row\"><div class=\"column col-fourth\">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.<\/div><\/p>\n<p><div class=\"column col-fourth\">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.<\/div><\/p>\n<p><div class=\"column col-fourth\">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.<\/div><\/p>\n<p><div class=\"column col-fourth\">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.<\/div><\/div>\n<pre>[row]]\n[[col_fourth]]Column 1[[\/col_fourth]]\n[[col_fourth]]Column 2[[\/col_fourth]]\n[[col_fourth]]Column 3[[\/col_fourth]]\n[[col_fourth]]Column 4[[\/col_fourth]]\n[[\/row]<\/pre>\n<h2>Button &amp; Alert Shortcodes<\/h2>\n<h2>Button Colors<\/h2>\n<p><a class=\"st-btn  st-btn- st-btn-\" href=\"#\" target=\"_self\">Here is a button<\/a>    <a class=\"st-btn  st-btn-blue st-btn-\" href=\"#\" target=\"_self\">Here is a button<\/a> <a class=\"st-btn  st-btn-green st-btn-\" href=\"#\" target=\"_self\">Here is a button<\/a> <a class=\"st-btn  st-btn-red st-btn-\" href=\"#\" target=\"_self\">Here is a button<\/a> <a class=\"st-btn  st-btn-purple st-btn-\" href=\"#\" target=\"_self\">Here is a button<\/a> <a class=\"st-btn  st-btn-teal st-btn-\" href=\"#\" target=\"_self\">Here is a button<\/a> <a class=\"st-btn  st-btn-black st-btn-\" href=\"#\" target=\"_self\">Here is a button<\/a><\/p>\n<pre>[button]]Here is a button[[\/button]\n[button color=\"blue\"]]Here is a button[[\/button]\n[button color=\"green\"]]Here is a button[[\/button] \n[button color=\"red\"]]Here is a button[[\/button]  \n[button color=\"purple\"]]Here is a button[[\/button]  \n[button color=\"teal\"]]Here is a button[[\/button] \n[button color=\"black\"]]Here is a button[[\/button]<\/pre>\n<p><strong>Color Options<\/strong>:<\/p>\n<ul>\n<li>grey, blue, green, red, purple, teal, black<\/li>\n<\/ul>\n<h2>Button Sizes<\/h2>\n<p><a class=\"st-btn  st-btn-red st-btn-\" href=\"#\" target=\"_self\">Here is a button<\/a> <a class=\"st-btn small st-btn-red st-btn-small\" href=\"#\" target=\"_self\">Here is a button<\/a> <a class=\"st-btn mini st-btn-red st-btn-mini\" href=\"#\" target=\"_self\">Here is a button<\/a><\/p>\n<pre>[button color=\"red\"]]Here is a button[[\/button]  \n[button color=\"red\" size=\"small\"]]Here is a button[[\/button]  \n[button color=\"red\" size=\"large\"]]Here is a button[[\/button]<\/pre>\n<p><strong>Size Options<\/strong>:<\/p>\n<ul>\n<li>normal, small, large<\/li>\n<\/ul>\n<h2>Button Link<\/h2>\n<a class=\"st-btn  st-btn- st-btn-\" href=\"http:\/\/themeforest.net\" target=\"_self\">Here is a button<\/a>\n<pre>[button url=\"http:\/\/themeforest.net\"]]Here is a button[[\/button]<\/pre>\n<h2>Alerts<\/h2>\n<h3>Standard Alert<\/h3>\n<div class=\"st-alert st-alert- \">This is an alert.<\/div>\n<pre>[alert]]This is an alert.[[\/alert]<\/pre>\n<h3>Error Alert<\/h3>\n<div class=\"st-alert st-alert-error \">This is a massive error.<\/div>\n<pre>[alert style=\"error\"]]This is a massive error.[[\/alert]<\/pre>\n<h3>SuccessAlert<\/h3>\n<div class=\"st-alert st-alert-success \">This is a success alert.<\/div>\n<pre>[alert style=\"success\"]]This is a success alert.[[\/alert]<\/pre>\n<h3>Info Alert<\/h3>\n<div class=\"st-alert st-alert-info \">This is an info alert.<\/div>\n<pre>[alert style=\"info\"]]This is an info alert.[[\/alert]<\/pre>\n<h2>Tabs, Accordion &amp; Toggles Shortcodes<\/h2>\n<h2>Standard Tabs<\/h2>\n<div id=\"tab-5qsl5mluhynh\" class=\"tabbable \"><ul class=\"nav nav-tabs\"><li class=\"active\"><a href=\"#5qsl5mluhynh_0\" data-toggle=\"tab\">HTML5 \/ CSS3<\/a><\/li><li class=\"\"><a href=\"#5qsl5mluhynh_1\" data-toggle=\"tab\">SEO Optimized<\/a><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane active\" id=\"5qsl5mluhynh_0\">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.<\/div><div class=\"tab-pane \" id=\"5qsl5mluhynh_1\"> 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.<\/div><\/div><\/div><script type=\"text\/javascript\">jQuery(document).ready(function($) {$(\"#tab-5qsl5mluhynh\").tab(\"show\")});<\/script>\n<pre>[tabs]]\n[[tab title=\"HTML5 \/ CSS3\"]]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.[[\/tab]]\n[[tab title=\"SEO Optimized\"]] 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.[[\/tab]]\n[[\/tabs]<\/pre>\n<h3>Tabs &#8211; Tabs Left<\/h3>\n<div id=\"tab-5qt62itz5wod\" class=\"tabbable tabs-left\"><ul class=\"nav nav-tabs\"><li class=\"active\"><a href=\"#5qt62itz5wod_0\" data-toggle=\"tab\">HTML5 \/ CSS3<\/a><\/li><li class=\"\"><a href=\"#5qt62itz5wod_1\" data-toggle=\"tab\">SEO Optimized<\/a><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane active\" id=\"5qt62itz5wod_0\"><\/p>\n<h3>HTML5 \/ CSS3<\/h3>\n<p>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.<\/div><div class=\"tab-pane \" id=\"5qt62itz5wod_1\"><\/p>\n<h3>SEO Optimized<\/h3>\n<p>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.<\/div><\/div><\/div><script type=\"text\/javascript\">jQuery(document).ready(function($) {$(\"#tab-5qt62itz5wod\").tab(\"show\")});<\/script>\n<pre>[tabs style=\"tabs-left\"]]\n[[tab title=\"HTML5 \/ CSS3\"]]&lt;h3&gt;HTML5 \/ CSS3&lt;\/h3&gt;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.[[\/tab]]\n[[tab title=\"SEO Optimized\"]]&lt;h3&gt;SEO Optimized&lt;\/h3&gt;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.[[\/tab]]\n[[\/tabs]<\/pre>\n<h3>Tabs &#8211; Tabs Right<\/h3>\n<div id=\"tab-5qtlo05j48ml\" class=\"tabbable tabs-right\"><ul class=\"nav nav-tabs\"><li class=\"active\"><a href=\"#5qtlo05j48ml_0\" data-toggle=\"tab\">HTML5 \/ CSS3<\/a><\/li><li class=\"\"><a href=\"#5qtlo05j48ml_1\" data-toggle=\"tab\">SEO Optimized<\/a><\/li><\/ul><div class=\"tab-content\"><div class=\"tab-pane active\" id=\"5qtlo05j48ml_0\"><\/p>\n<h3>HTML5 \/ CSS3<\/h3>\n<p>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.<\/div><div class=\"tab-pane \" id=\"5qtlo05j48ml_1\"><\/p>\n<h3>SEO Optimized<\/h3>\n<p>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.<\/div><\/div><\/div><script type=\"text\/javascript\">jQuery(document).ready(function($) {$(\"#tab-5qtlo05j48ml\").tab(\"show\")});<\/script>\n<pre>[tabs style=\"tabs-right\"]]\n[[tab title=\"HTML5 \/ CSS3\"]]&lt;h3&gt;HTML5 \/ CSS3&lt;\/h3&gt;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.[[\/tab]]\n[[tab title=\"SEO Optimized\"]]&lt;h3&gt;SEO Optimized&lt;\/h3&gt;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.[[\/tab]]\n[[\/tabs]<\/pre>\n<h2>Toggle<\/h2>\n<div class=\"st-toggle\"><div class=\"st-toggle-action\"><span class=\"plus\">+<\/span><span class=\"minus\">-<\/span><a href=\"#hey-click-me\">Hey click me<\/a><\/div><div class=\"st-toggle-content\">This should appear magically<\/div><\/div>\n<pre>[toggle title=\"Hey click me\"]]This should appear magically[[\/toggle]<\/pre>\n<h2>Accordion<\/h2>\n<div class=\"st-accordion-wrap\"><div class=\"st-accordion-title\"><span class=\"plus\">+<\/span><span class=\"minus\">-<\/span><a href=\"#accordion-1\">Accordion 1<\/a><\/div><div class=\"st-accordion-content\">Accordion 1 Content<\/div><div class=\"st-accordion-title\"><span class=\"plus\">+<\/span><span class=\"minus\">-<\/span><a href=\"#accordion-2\">Accordion 2<\/a><\/div><div class=\"st-accordion-content\">Accordion 2 Content<\/div> <div class=\"st-accordion-title\"><span class=\"plus\">+<\/span><span class=\"minus\">-<\/span><a href=\"#accordion-3\">Accordion 3<\/a><\/div><div class=\"st-accordion-content\">Accordion 3 Content<\/div><\/div>\n<pre>[accordion]][[accordion_block title=\"Accordion 1\"]]Accordion 1 Content[[\/accordion_block]][[accordion_block title=\"Accordion 2\"]]Accordion 2 Content[[\/accordion_block]] [[accordion_block title=\"Accordion 3\"]]Accordion 3 Content[[\/accordion_block]][[\/accordion]<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Column Shortcodes Two Columns ] [col_half]]Column 1[[\/col_half] [col_half]]Column 2[[\/col_half] [ Three Columns &#8211; 50%\/25%\/25% ] [col_half]]Column 1[[\/col_half] [col_fourth]]Column 2[[\/col_fourth] [col_fourth]]Column 3[[\/col_fourth] [ Three Columns &#8211; 25%\/25%\/50% ] [col_fourth]]Column 1[[\/col_fourth] [col_fourth]]Column 2[[\/col_fourth] [col_half]]Column 3[[\/col_half] [ Three Columns &#8211; 25%\/25%\/25% ] [col_third]]Column 1[[\/col_third] [col_third]]Column 2[[\/col_third] [col_third]]Column 3[[\/col_third] [ Four Columns ] [col_fourth]]Column 1[[\/col_fourth] [col_fourth]]Column 2[[\/col_fourth] [col_fourth]]Column 3[[\/col_fourth]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"episode_type":"","audio_file":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","date_recorded":"","explicit":"","block":"","filesize_raw":"","footnotes":""},"class_list":["post-93","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.erodate.pl\/opowiadania-erotyczne\/wp-json\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.erodate.pl\/opowiadania-erotyczne\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.erodate.pl\/opowiadania-erotyczne\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.erodate.pl\/opowiadania-erotyczne\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.erodate.pl\/opowiadania-erotyczne\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":0,"href":"https:\/\/www.erodate.pl\/opowiadania-erotyczne\/wp-json\/wp\/v2\/pages\/93\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.erodate.pl\/opowiadania-erotyczne\/wp-json\/wp\/v2\/media?parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}