{"id":130,"date":"2016-03-09T20:53:18","date_gmt":"2016-03-09T20:53:18","guid":{"rendered":"http:\/\/travelmatic.purethe.me\/?page_id=2663"},"modified":"2016-03-09T20:53:18","modified_gmt":"2016-03-09T20:53:18","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/travelmatic.purethe.me\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<div class=\"columns eight  alpha\"><\/p>\n<h4 style=\"text-transform: uppercase; font-weight: 600; margin-bottom: -40px;\">Tabs<\/h4>\n<p>\n<ul class=\"tabs-nav\"><li><a href=\"#tab1\">First Tab<\/a><\/li>\n<li><a href=\"#tab2\">Second<\/a><\/li>\n<li><a href=\"#tab3\">Third<\/a><\/li><\/ul>\n<div class=\"tabs-container\"><div class=\"tab-content\" id=\"tab1\">This is tab element example content. You can easily add it using our shortcodes builder \ud83d\ude42<br \/>\n<\/div>\n<div class=\"tab-content\" id=\"tab2\">There&#8217;s unlimited number of tab, and some shortcodes can be nested and put inside the tab content.<br \/>\n<\/div>\n<div class=\"tab-content\" id=\"tab3\">This is a third tab in our demo example<\/p>\n<p><\/div><\/div>\n<br \/>\n<\/div>\n<div class=\"columns eight  omega\"><\/p>\n<h4 style=\"text-transform: uppercase; font-weight: 600;\">Accordions<\/h4>\n<p><div class=\"accordion\"><h3><span class=\"ui-accordion-header-icon ui-icon ui-accordion-icon\"><\/span>First Accordion<\/h3><div><p> This is an accordion element used to create for example FAQ section. You can add as many questions and answers as you want using the built-in shortcode builder tool<\/p><\/div><h3><span class=\"ui-accordion-header-icon ui-icon ui-accordion-icon\"><\/span>Second Accordion<\/h3><div><p>This is an accordion element used to create for example FAQ section. You can add as many questions and answers as you want using the built-in shortcode builder tool.<\/p><\/div><h3><span class=\"ui-accordion-header-icon ui-icon ui-accordion-icon\"><\/span>Third Accordion<\/h3><div><p>This is an accordion element used to create for example FAQ section. You can add as many questions and answers as you want using the built-in shortcode builder tool<br \/>\n<\/p><\/div> <\/div> <\/div><br class=\"clear\" \/>\n<div class=\"clearfix\"><\/div>\n<div class=\"margin-top-20\"><\/div>\n<div class=\"columns eight  alpha\">\n<h4 style=\"text-transform: uppercase; font-weight: 600;\">Social Icons<\/h4>\n<p>[pt_social_icons][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;twitter&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;wordpress&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;facebook&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;linkedin&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;steam&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;tumblr&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;github&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;delicious&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;instagram&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;xing&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;amazon&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;dropbox&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;paypal&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;lastfm&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;gplus&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;yahoo&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;pinterest&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;dribbble&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;flickr&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;reddit&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;vimeo&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;spotify&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;rss&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;youtube&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;blogger&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;appstore&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;digg&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;evernote&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;fivehundredpx&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;forrst&#8221; url=&#8221;&#8221; ][pt_social_icon iconsize=&#8221;standard&#8221; service=&#8221;stumbleupon&#8221; url=&#8221;&#8221; ][\/pt_social_icons] <\/div> <div class=\"columns eight  omega\"><\/p>\n<h4 style=\"text-transform: uppercase; font-weight: 600;\">Alert Messages<\/h4>\n<p><div class=\"notification closeable error\"><p> Error! Please fill in all the fields required. <\/p><a class=\"close\" href=\"#\"><\/a><\/div> <div class=\"notification closeable success\"><p> Success! You did it, now relax and enjoy it. <\/p><a class=\"close\" href=\"#\"><\/a><\/div> <div class=\"notification closeable warning\"><p> Warning! Change this and that and try again. <\/p><a class=\"close\" href=\"#\"><\/a><\/div> <div class=\"notification closeable notice\"><p> Notice! Please edit the information below. <\/p><a class=\"close\" href=\"#\"><\/a><\/div> <\/div><br class=\"clear\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/travelmatic.purethe.me\/wp-json\/wp\/v2\/pages\/130"}],"collection":[{"href":"https:\/\/travelmatic.purethe.me\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/travelmatic.purethe.me\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/travelmatic.purethe.me\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/travelmatic.purethe.me\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":0,"href":"https:\/\/travelmatic.purethe.me\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"wp:attachment":[{"href":"https:\/\/travelmatic.purethe.me\/wp-json\/wp\/v2\/media?parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}