{"id":1961,"date":"2011-07-30T23:32:56","date_gmt":"2011-07-30T23:32:56","guid":{"rendered":"http:\/\/demos.gabfire.com\/journey\/?page_id=1961"},"modified":"2011-07-30T23:32:56","modified_gmt":"2011-07-30T23:32:56","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/demos.gabfire.com\/advanced-newspaper\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<h3>Carousel <\/h3>\n<div class=\"carousel slide\" id=\"custom-carousel-0\" data-ride=\"carousel\"><ol class=\"carousel-indicators\"><li class=\"active\" data-target=\"#custom-carousel-0\" data-slide-to=\"0\"><\/li><li class=\"\" data-target=\"#custom-carousel-0\" data-slide-to=\"1\"><\/li><li class=\"\" data-target=\"#custom-carousel-0\" data-slide-to=\"2\"><\/li><\/ol><div class=\"carousel-inner\">\n<div class=\"item active\"><img decoding=\"async\" src=\"https:\/\/demos.gabfire.com\/advanced-newspaper\/wp-content\/uploads\/2015\/07\/lake-house.jpg\" alt=\"\" \/><\/div>\n<div class=\"item\"><img decoding=\"async\" src=\"https:\/\/demos.gabfire.com\/advanced-newspaper\/wp-content\/uploads\/2013\/06\/product-shoes-31.jpg\" alt=\"\" \/><\/div>\n<div class=\"item\"><img decoding=\"async\" src=\"https:\/\/demos.gabfire.com\/advanced-newspaper\/wp-content\/uploads\/2015\/02\/product-spoon-8.jpg\" alt=\"\" \/><\/div>\n<\/div><a class=\"left carousel-control\"  href=\"#custom-carousel-0\" data-slide=\"prev\"><span class=\"glyphicon glyphicon-chevron-left\"><\/span><\/a><a class=\"right carousel-control\" href=\"#custom-carousel-0\" data-slide=\"next\"><span class=\"glyphicon glyphicon-chevron-right\"><\/span><\/a><\/div>\n<pre>\n[carousel]\n[carousel-item active=\"true\"]<img decoding=\"async\" src=\"\" alt=\"\" \/>[\/carousel-item]\n[carousel-item]<img decoding=\"async\" src=\"\" alt=\"\" \/>[\/carousel-item]\n[carousel-item]<img decoding=\"async\" src=\"\" alt=\"\" \/>[\/carousel-item]\n[\/carousel]\n<\/pre>\n<h3 class=\"page-title\">2 Column Grid<\/h3>\n<div class=\"row\">\n<div class=\"col-md-6\">Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.<\/div>\n<div class=\"col-md-6\">Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.<\/div>\n<\/div>\n<pre>\n[row]\n[column md=\"6\"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.[\/column]\n[column md=\"6\"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.[\/column]\n[\/row]\n<\/pre>\n<h3>3 Column Grid<\/h3>\n<div class=\"row\">\n<div class=\"col-md-4\">Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. <\/div>\n<div class=\"col-md-4\">Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. <\/div>\n<div class=\"col-md-4\">Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. <\/div>\n<\/div>\n<pre>\n[row]\n[column md=\"4\"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [\/column]\n[column md=\"4\"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [\/column]\n[column md=\"4\"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [\/column]\n[\/row]\n<\/pre>\n<h3>4 Column Grid<\/h3>\n<div class=\"row\">\n<div class=\"col-md-3\">Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div>\n<div class=\"col-md-3\">Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div>\n<div class=\"col-md-3\">Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div>\n<div class=\"col-md-3\">Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div>\n<\/div>\n<pre>\n[row]\n[column md=\"3\"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [\/column]\n[column md=\"3\"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [\/column]\n[column md=\"3\"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [\/column]\n[column md=\"3\"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [\/column]\n[\/row]\n<\/pre>\n<h3>Emphasis<\/h3>\n<span class=\"text-success\">Emphasis type=&#8221;success&#8221; Quisque ultrices pretium sapien ut consequat<br \/><\/span>\n<span class=\"text-muted\">Emphasis type=&#8221;muted&#8221; Quisque ultrices pretium sapien ut consequat<br \/><\/span>\n<span class=\"text-primary\">Emphasis type=&#8221;primary&#8221; Quisque ultrices pretium sapien ut consequat<br \/><\/span>\n<span class=\"text-info\">Emphasis type=&#8221;info&#8221; Quisque ultrices pretium sapien ut consequat<br \/><\/span>\n<span class=\"text-warning\">Emphasis type=&#8221;warning&#8221; Quisque ultrices pretium sapien ut consequat<br \/><\/span>\n<span class=\"text-danger\">Emphasis type=&#8221;danger&#8221; Quisque ultrices pretium sapien ut consequat<\/p>\n<\/span>\n<h3>Buttons<\/h3>\n<a href=\"#\" class=\"btn btn-default btn-lg\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-primary btn-lg\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-success btn-lg\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-info btn-lg\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-warning btn-lg\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-danger btn-lg\">Sample Button<\/a>\n<div class=\"clearfix\" style=\"margin:0 0 20px\"><\/div>\n<a href=\"#\" class=\"btn btn-default btn-md\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-primary btn-md\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-success btn-md\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-info btn-md\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-warning btn-md\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-danger btn-md\">Sample Button<\/a>\n<div class=\"clearfix\" style=\"margin:0 0 20px\"><\/div>\n<a href=\"#\" class=\"btn btn-default btn-sm\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-primary btn-sm\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-success btn-sm\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-info btn-sm\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-warning btn-sm\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-danger btn-sm\">Sample Button<\/a>\n<div class=\"clearfix\" style=\"margin:0 0 20px\"><\/div>\n<a href=\"#\" class=\"btn btn-default btn-xs\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-primary btn-xs\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-success btn-xs\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-info btn-xs\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-warning btn-xs\">Sample Button<\/a>\n<a href=\"#\" class=\"btn btn-danger btn-xs\">Sample Button<\/a>\n<div class=\"clearfix\" style=\"margin:0 0 20px\"><\/div>\n<h3>Button Groups<\/h3>\n<p>All sizes and colors shown above are also available as button groups.<br \/>\n<div class=\"btn-group btn-group-lg\">\n<a href=\"#\" class=\"btn btn-default\">Button #1<\/a>\n<a href=\"#\" class=\"btn btn-default\">Button #2<\/a>\n<a href=\"#\" class=\"btn btn-default\">Button #3<\/a>\n<a href=\"#\" class=\"btn btn-default\">Button #4<\/a>\n<a href=\"#\" class=\"btn btn-default\">Button #5<\/a>\n<\/div>\n<div class=\"clearfix\" style=\"margin:0 0 20px\"><\/div>\n<h3>Alerts<\/h3>\n<div class=\"alert alert-success\">Alert Type success. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div>\n<div class=\"alert alert-info\">Alert Type info. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div>\n<div class=\"alert alert-warning\">Alert Type warning. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper.  <\/div>\n<div class=\"alert alert-danger\">Alert Type danger. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div>\n<h3>Panels<\/h3>\n<div class=\"panel panel-success\"><div class=\"panel-heading\">Success Panel Title<\/div><div class=\"panel-body\">Panel body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien felis, adipiscing sit amet ultrices scelerisque, volutpat dictum tortor. Phasellus eu velit ut enim vestibulum faucibus.<\/div> <div class=\"panel-footer\">Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div><\/div>\n<div class=\"panel panel-info\"><div class=\"panel-heading\">Info Info Title<\/div><div class=\"panel-body\">Panel body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien felis, adipiscing sit amet ultrices scelerisque, volutpat dictum tortor. Phasellus eu velit ut enim vestibulum faucibus.<\/div> <div class=\"panel-footer\">Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div><\/div>\n<div class=\"panel panel-warning\"><div class=\"panel-heading\">Warning Panel Title<\/div><div class=\"panel-body\">Panel body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien felis, adipiscing sit amet ultrices scelerisque, volutpat dictum tortor. Phasellus eu velit ut enim vestibulum faucibus.<\/div> <div class=\"panel-footer\">Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div><\/div>\n<div class=\"panel panel-danger\"><div class=\"panel-heading\">Danger Panel Title<\/div><div class=\"panel-body\">Panel body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien felis, adipiscing sit amet ultrices scelerisque, volutpat dictum tortor. Phasellus eu velit ut enim vestibulum faucibus.<\/div> <div class=\"panel-footer\">Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. <\/div><\/div>\n<h3>Tabbed Content<\/h3>\n<ul class=\"nav nav-tabs\" id=\"\"><li class=\"active\"><a href=\"#custom-tab-0-470e312cea82d45a9b100e1f0991e42f\" data-toggle=\"tab\" >Tab1<\/a><\/li><li><a href=\"#custom-tab-0-d4c2a0228d8e808f1ca012f63f429a38\" data-toggle=\"tab\" >Tab2<\/a><\/li><li><a href=\"#custom-tab-0-521197c9bd299d3dfa7941f321f0443b\" data-toggle=\"tab\" >Tab3<\/a><\/li><\/ul><div class=\"tab-content\">\n  <div id=\"custom-tab-0-470e312cea82d45a9b100e1f0991e42f\" class=\"tab-pane active\">Nulla ac mauris eu ipsum iaculis lacinia. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis.<\/div>\n  <div id=\"custom-tab-0-d4c2a0228d8e808f1ca012f63f429a38\" class=\"tab-pane\">Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis.<\/div>\n  <div id=\"custom-tab-0-521197c9bd299d3dfa7941f321f0443b\" class=\"tab-pane\">Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis.<\/div>\n<\/div>\n<h3 class=\"page-title\">Collapsible Sample<\/h3>\n<div class=\"panel-group\" id=\"custom-collapse-0\">\n<div class=\"panel panel-default\">\n\t\t\t\t<div class=\"panel-heading\">\n\t\t\t\t\t<h4 class=\"panel-title\">\n\t\t\t\t\t\t<a class=\"\" data-toggle=\"collapse\" data-parent=\"#custom-collapse-0\" href=\"#custom-collapse-0-0\">Collapse 1<\/a>\n\t\t\t\t\t<\/h4>\n\t\t\t\t<\/div>\n\t\t\t\t<div id=\"custom-collapse-0-0\" class=\"panel-collapse in\">\n\t\t\t\t\t<div class=\"panel-body\">\nNullam fringilla posuere enim a auctor. Nunc sagittis interdum nibh sit amet dictum. Proin ipsum justo, laoreet vitae placerat in, semper quis dolor. Pellentesque ut purus urna. Curabitur nec eros in massa euismod ullamcorper. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum.<br \/>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n<div class=\"panel panel-default\">\n\t\t\t\t<div class=\"panel-heading\">\n\t\t\t\t\t<h4 class=\"panel-title\">\n\t\t\t\t\t\t<a class=\"collapsed\" data-toggle=\"collapse\" data-parent=\"#custom-collapse-0\" href=\"#custom-collapse-0-1\">Collapse 2<\/a>\n\t\t\t\t\t<\/h4>\n\t\t\t\t<\/div>\n\t\t\t\t<div id=\"custom-collapse-0-1\" class=\"panel-collapse collapse\">\n\t\t\t\t\t<div class=\"panel-body\">\nUt loremmi, posuere ac luctus eget, consec tetur ac lacus. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis. Vestibulum elit turpis, interdum et consectetur quis, faucibus vel lectus. Nulla hendrerit fringilla tempor.<br \/>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n<div class=\"panel panel-default\">\n\t\t\t\t<div class=\"panel-heading\">\n\t\t\t\t\t<h4 class=\"panel-title\">\n\t\t\t\t\t\t<a class=\"collapsed\" data-toggle=\"collapse\" data-parent=\"#custom-collapse-0\" href=\"#custom-collapse-0-2\">Collapse 3<\/a>\n\t\t\t\t\t<\/h4>\n\t\t\t\t<\/div>\n\t\t\t\t<div id=\"custom-collapse-0-2\" class=\"panel-collapse collapse\">\n\t\t\t\t\t<div class=\"panel-body\">\nPellentesque ut purus urna. Curabitur nec eros in massa euismod ullamcorper. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum.<br \/>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n<h3 class=\"page-title\">Tooltips<\/h3>\n<span class=\" bs-tooltip\" title=\"I'm the title\" data-animation=\"true\" data-placement=\"right\" data-html=\"false\">Tooltip on Right<\/span>\n<div class=\"clearfix\"><\/div>\n<span class=\" bs-tooltip\" title=\"I'm the title\" data-animation=\"true\" data-placement=\"left\" data-html=\"false\">Tooltip on Left<\/span>\n<div class=\"clearfix\"><\/div>\n<span class=\" bs-tooltip\" title=\"I'm the title\" data-animation=\"true\" data-placement=\"bottom\" data-html=\"false\">Tooltip on Bottom<\/span>\n<div class=\"clearfix\"><\/div>\n<span class=\" bs-tooltip\" title=\"I'm the title\" data-animation=\"true\" data-placement=\"top\" data-html=\"false\">Tooltip on Top<\/span>\n<div class=\"clearfix\" style=\"margin-bottom:20px\"><\/div>\n<h3 class=\"page-title\">Popover<\/h3>\n<span class=\" bs-popover\" title=\"I'm the title\" data-toggle=\"popover\" data-content=\"And here's some amazing content. It's very engaging. right?\" data-animation=\"true\" data-placement=\"right\" data-html=\"false\">Click on me<\/span>\n<div class=\"clearfix\" style=\"margin-bottom:20px\"><\/div>\n<h3 class=\"page-title\">Modal<\/h3>\n<a data-toggle=\"modal\" href=\"#custom-modal-0\" class=\" btn btn-primary btn-md\">Modal Box<\/a>\n<div class=\"clearfix\" style=\"margin-bottom:40px\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Carousel 2 Column Grid Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum. 3 Column Grid Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-1961","page","type-page","status-publish","hentry","last_archivepost"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PaaR6c-vD","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/demos.gabfire.com\/advanced-newspaper\/wp-json\/wp\/v2\/pages\/1961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.gabfire.com\/advanced-newspaper\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.gabfire.com\/advanced-newspaper\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.gabfire.com\/advanced-newspaper\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.gabfire.com\/advanced-newspaper\/wp-json\/wp\/v2\/comments?post=1961"}],"version-history":[{"count":0,"href":"https:\/\/demos.gabfire.com\/advanced-newspaper\/wp-json\/wp\/v2\/pages\/1961\/revisions"}],"wp:attachment":[{"href":"https:\/\/demos.gabfire.com\/advanced-newspaper\/wp-json\/wp\/v2\/media?parent=1961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}