{"id":1059,"date":"2013-12-21T00:03:34","date_gmt":"2013-12-21T00:03:34","guid":{"rendered":"http:\/\/theme-sphere.com\/smart-mag\/?page_id=1059"},"modified":"2013-12-21T00:03:34","modified_gmt":"2013-12-21T00:03:34","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/mtuupdate.in\/mtu\/shortcodes\/","title":{"rendered":"Common Shortcodes"},"content":{"rendered":"<h2 id=\"columns\">Columns<\/h2>\n<h3>1\/2<\/h3>\n<div class=\"row cf\"><div class=\"column half\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.<\/div><div class=\"column half\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices.<\/div><\/div>\n<h3>1\/4<\/h3>\n<div class=\"row cf\"><div class=\"column one-fourth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/div><div class=\"column one-fourth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.<\/div><div class=\"column one-fourth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/div><div class=\"column one-fourth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.<\/div><\/div>\n<h3>1\/3<\/h3>\n<div class=\"row cf\"><div class=\"column one-third\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/div><div class=\"column one-third\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.<\/div><div class=\"column one-third\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/div><\/div>\n<h3>1\/4<\/h3>\n<div class=\"row cf\"><div class=\"column one-fourth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/div><div class=\"column one-fourth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.<\/div><div class=\"column one-fourth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/div><div class=\"column one-fourth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.<\/div><\/div>\n<h3>1\/5<\/h3>\n<div class=\"row cf\"><div class=\"column one-fifth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/div><div class=\"column one-fifth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.<\/div><div class=\"column one-fifth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/div><div class=\"column one-fifth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.<\/div><div class=\"column one-fifth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.<\/div><\/div>\n<h3>1\/4 and 2\/4 &#8211; One of the several possible combinations<\/h3>\n<div class=\"row cf\"><div class=\"column one-fourth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/div><div class=\"column one-fourth\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.<\/div><div class=\"column half\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. <\/div><\/div>\n<h2>Tabs<\/h2>\n<div class=\"sc-tabs-wrap\"><ul class=\"sc-tabs\"><li class=\"active\"><a href=\"#\" data-id=\"1\">Lorem<\/a><\/li><li><a href=\"#\" data-id=\"2\">Ipsum<\/a><\/li><li><a href=\"#\" data-id=\"3\">Morbi<\/a><\/li><\/ul><ul class=\"sc-tabs-panes\"><li id=\"sc-pane-1\" class=\"active\">Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh.<\/p>\n<ul>\n<li>Morbi lectus risus, iaculis vel,\u00a0suscipit quis, luctus non, massa.<\/li>\n<li>Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum.<\/li>\n<li>Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh.<\/li>\n<\/ul>\n<\/li>\n<li id=\"sc-pane-2\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/li>\n<li id=\"sc-pane-3\">Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. <\/li><\/ul><\/div>\n<h2>Accordions<\/h2>\n<dl class=\"sc-accordions\"><dt class=\"sc-accordion-title\"><a href=\"#\">Lorem Ipsum<\/a><\/dt><dd class=\"sc-accordion-pane\">Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh.<\/dd>\n<dt class=\"sc-accordion-title\"><a href=\"#\">Class aptent taciti<\/a><\/dt><dd class=\"sc-accordion-pane\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/dd>\n<dt class=\"sc-accordion-title\"><a href=\"#\">Integer euismod lacus<\/a><\/dt><dd class=\"sc-accordion-pane\">Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. <\/dd>\n<\/dl>\n<h2>Toggles<\/h2>\n<div class=\"sc-toggle\"><div class=\"sc-toggle-title\"><a href=\"#\">Lorem Ipsum<\/a><\/div><div class=\"sc-toggle-content\">Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. <\/div><\/div>\n\n<div class=\"sc-toggle\"><div class=\"sc-toggle-title\"><a href=\"#\">Class aptent taciti<\/a><\/div><div class=\"sc-toggle-content\">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. <\/div><\/div>\n\n<div class=\"sc-toggle\"><div class=\"sc-toggle-title\"><a href=\"#\">Integer euismod lacus<\/a><\/div><div class=\"sc-toggle-content\">Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. <\/div><\/div>\n\n<h2>Custom List Icons<\/h2>\n<div class=\"row cf\"><div class=\"column one-third\"><div class=\"sc-list sc-list-check fa-ul\"><ul class=''>\n<li><i class=\"fa fa-check\"><\/i>Item 1<\/li>\n<li><i class=\"fa fa-check\"><\/i>Item 2<\/li>\n<li><i class=\"fa fa-check\"><\/i>Item 3<\/li>\n<\/ul><\/div><\/div><div class=\"column one-third\"><div class=\"sc-list sc-list-heart fa-ul\"><ul class=''>\n<li><i class=\"fa fa-heart\"><\/i>Item 1<\/li>\n<li><i class=\"fa fa-heart\"><\/i>Item 2<\/li>\n<li><i class=\"fa fa-heart\"><\/i>Item 3<\/li>\n<\/ul><\/div><\/div><div class=\"column one-third\"><div class=\"sc-list sc-list-edit fa-ul\"><ul class=''>\n<li><i class=\"fa fa-edit\"><\/i>Item 1<\/li>\n<li><i class=\"fa fa-edit\"><\/i>Item 2<\/li>\n<li><i class=\"fa fa-edit\"><\/i>Item 3<\/li>\n<\/ul><\/div><\/div><\/div>\n<div class=\"row cf\"><div class=\"column one-third\"><div class=\"sc-list sc-list-arrow-right fa-ul\"><ul class=''>\n<li><i class=\"fa fa-arrow-right\"><\/i>Item 1<\/li>\n<li><i class=\"fa fa-arrow-right\"><\/i>Item 2<\/li>\n<li><i class=\"fa fa-arrow-right\"><\/i>Item 3<\/li>\n<\/ul><\/div><\/div><div class=\"column one-third\"><div class=\"sc-list sc-list-file fa-ul\"><ul class=''>\n<li><i class=\"fa fa-file\"><\/i>Item 1<\/li>\n<li><i class=\"fa fa-file\"><\/i>Item 2<\/li>\n<li><i class=\"fa fa-file\"><\/i>Item 3<\/li>\n<\/ul><\/div><\/div><div class=\"column one-third\"><div class=\"sc-list sc-list-folder fa-ul\"><ul class=''>\n<li><i class=\"fa fa-folder\"><\/i>Item 1<\/li>\n<li><i class=\"fa fa-folder\"><\/i>Item 2<\/li>\n<li><i class=\"fa fa-folder\"><\/i>Item 3<\/li>\n<\/ul><\/div><\/div><\/div>\n<h2 id=\"buttons\">Buttons<\/h2>\n<div class=\"row cf\"><div class=\"column one-third\">\n<h3>Small Buttons<\/h3>\n<div><a href=\"http:\/\/google.com\" class=\"sc-button sc-button-default\"><span>SMALL<\/span><\/a>\n<a href=\"#\" class=\"sc-button sc-button-red\"><span>SMALL<\/span><\/a><\/div>\n<\/div><div class=\"column one-third\">\n<h3>Medium Buttons<\/h3>\n<div><a href=\"http:\/\/google.com\" class=\"sc-button sc-button-default sc-button-medium\"><span>MEDIUM<\/span><\/a>\n<a href=\"#\" class=\"sc-button sc-button-red sc-button-medium\"><span>MEDIUM<\/span><\/a><\/div>\n<\/div><div class=\"column one-third\">\n<h3>Large Buttons<\/h3>\n<div><a href=\"http:\/\/google.com\" class=\"sc-button sc-button-default sc-button-large\"><span>LARGE<\/span><\/a>\n<a href=\"#\" class=\"sc-button sc-button-red sc-button-large\"><span>LARGE<\/span><\/a><\/div>\n<\/div><\/div>\n<h2>Other Layout Shortcodes<\/h2>\n<p>Most of the layout-specific shortcodes can be seen on the homepage, different categories listings, and other pages. These are the shortcodes only intended for advanced users and hence are documented only in the documentation.<\/p>\n<h2 id=\"media\">Media Embed<\/h2>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/41997098\" width=\"702\" height=\"395\" frameborder=\"0\" title=\"Doubles With Slight Pepper\" webkitallowfullscreen mozallowfullscreen allowfullscreen><\/iframe><\/p>\n<h2 id=\"typography\">Typography<\/h2>\n<p>Refer to the <a title=\"Typography\" href=\"http:\/\/theme-sphere.com\/smart-mag\/typography\/\">typography page<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Columns 1\/2 1\/4 1\/3 1\/4 1\/5 1\/4 and 2\/4 &#8211; One of the several possible combinations Tabs Accordions Toggles Custom List Icons Buttons Other Layout Shortcodes Most of the layout-specific shortcodes can be seen on the homepage, different categories listings, and other pages. These are the shortcodes only intended for advanced users and hence are<\/p>\n<div class=\"read-more\"><a href=\"https:\/\/mtuupdate.in\/mtu\/shortcodes\/\" title=\"Read More\">Read More<\/a><\/div>\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-1059","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/mtuupdate.in\/mtu\/wp-json\/wp\/v2\/pages\/1059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtuupdate.in\/mtu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mtuupdate.in\/mtu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mtuupdate.in\/mtu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mtuupdate.in\/mtu\/wp-json\/wp\/v2\/comments?post=1059"}],"version-history":[{"count":0,"href":"https:\/\/mtuupdate.in\/mtu\/wp-json\/wp\/v2\/pages\/1059\/revisions"}],"wp:attachment":[{"href":"https:\/\/mtuupdate.in\/mtu\/wp-json\/wp\/v2\/media?parent=1059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}