{"id":466,"date":"2018-11-25T06:29:30","date_gmt":"2018-11-25T11:29:30","guid":{"rendered":"http:\/\/cyberspaceart.com\/sentinels\/?page_id=466"},"modified":"2018-11-25T06:29:30","modified_gmt":"2018-11-25T11:29:30","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/cyberspaceart.com\/challengers-soccer\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<h4>Accordion Shortcode<\/h4>\n<div class=\"accordion csa-accordion-shrt\" id=\"accordion1\">\n        <div class=\"card\">\n            <div class=\"card-header\">\n              <button class=\"btn btn-link\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse1tab1\" aria-expanded=\"true\">\n                Excepteur\n              <\/button>\n            <\/div>\n            <div id=\"collapse1tab1\" class=\"collapse\" data-parent=\"#accordion1\">\n              <div class=\"card-body\">\n                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n              <\/div>\n            <\/div>\n        <\/div>\n    \n        <div class=\"card\">\n            <div class=\"card-header\">\n              <button class=\"btn btn-link\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse1tab2\" aria-expanded=\"true\">\n                Proident\n              <\/button>\n            <\/div>\n            <div id=\"collapse1tab2\" class=\"collapse\" data-parent=\"#accordion1\">\n              <div class=\"card-body\">\n                \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut exercitation et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<pre>&#091;csa_accordion initial=1]\n&#091;csa_accordion_tab title=\"Excepteur\" initial=1 accordion_initial=1]\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n&#091;\/csa_accordion_tab]\n&#091;csa_accordion_tab title=\"Proident\" initial=2 accordion_initial=1]\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut exercitation et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n&#091;\/csa_accordion_tab]\n&#091;\/csa_accordion]\n<\/pre>\n<div class=\"csa-divider\" style=\"border-bottom: 1px solid #ccc; width:100%;margin:20px 0 20px 0;\"><\/div>\n<h4>Togglebox Shortcode<\/h4>\n<div class=\"panel-group csa-shrt-panel\" id=\"togglebox1\" role=\"tablist\" aria-multiselectable=\"true\">\n        <div class=\"panel panel-default\">\n            <div class=\"panel-heading\" role=\"tab\">\n              <h4 class=\"panel-title\">\n                <a role=\"button\" data-toggle=\"collapse\" href=\"#collapsetoggle1tab11\" aria-expanded=\"true\">\n                  Labore\n                <\/a>\n              <\/h4>\n            <\/div>\n            <div id=\"collapsetoggle1tab11\" class=\"panel-collapse collapse\" role=\"tabpanel\">\n              <div class=\"panel-body\">\n                \nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n              <\/div>\n            <\/div>\n        <\/div>\n    \n        <div class=\"panel panel-default\">\n            <div class=\"panel-heading\" role=\"tab\">\n              <h4 class=\"panel-title\">\n                <a role=\"button\" data-toggle=\"collapse\" href=\"#collapsetoggle1tab22\" aria-expanded=\"true\">\n                  Dolore\n                <\/a>\n              <\/h4>\n            <\/div>\n            <div id=\"collapsetoggle1tab22\" class=\"panel-collapse collapse\" role=\"tabpanel\">\n              <div class=\"panel-body\">\n                \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut exercitation et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n              <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<pre>&#091;csa_togglebox initial=1]\n&#091;csa_togglebox_tab title=\"Labore\" initial=1 togglebox_initial=1]\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n&#091;\/csa_togglebox_tab]\n&#091;csa_togglebox_tab title=\"Dolore\" initial=2 togglebox_initial=1]\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut exercitation et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n&#091;\/csa_togglebox_tab]\n&#091;\/csa_togglebox]\n<\/pre>\n<div class=\"csa-divider\" style=\"border-bottom: 1px solid #ccc; width:100%;margin:20px 0 20px 0;\"><\/div>\n<h4>Tabs Shortcode<\/h4>\n<p><ul class=\"nav nav-tabs csa-shrt-tabs\" role=\"tablist\"><li role=\"presentation\" class=\"active\"><a href=\"#tab1\" aria-controls=\"tab1\" role=\"tab\" data-toggle=\"tab\">Eiusmod<\/a><\/li><li role=\"presentation\" class=\"\"><a href=\"#tab2\" aria-controls=\"tab2\" role=\"tab\" data-toggle=\"tab\">Tempor<\/a><\/li><li role=\"presentation\" class=\"\"><a href=\"#tab3\" aria-controls=\"tab3\" role=\"tab\" data-toggle=\"tab\">Incididunt<\/a><\/li><\/ul><div class=\"tab-content csa-shrt-tabs-content\"><div role=\"tabpanel\" class=\"tab-pane active\" id=\"tab1\">Lorem ipsum dolor sit amet, consectetur adipiscing 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 role=\"tabpanel\" class=\"tab-pane \" id=\"tab2\">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/div><div role=\"tabpanel\" class=\"tab-pane \" id=\"tab3\">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/div><\/div><\/p>\n<pre>&#091;csa_tabs_wrap]\n&#091;csa_navtab active=\"active\" initial=\"1\"]\nEiusmod\n&#091;\/csa_navtab]\n&#091;csa_navtab initial=\"2\"]\nTempor\n&#091;\/csa_navtab]\n&#091;csa_navtab initial=\"3\"]\nIncididunt\n&#091;\/csa_navtab]\n&#091;\/csa_tabs_wrap]\n&#091;csa_tabscontent_wrap]\n&#091;csa_tabcontent active=\"active\" initial=\"1\"]\nLorem ipsum dolor sit amet, consectetur adipiscing 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.\n&#091;\/csa_tabcontent]\n&#091;csa_tabcontent initial=\"2\"]\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n&#091;\/csa_tabcontent]\n&#091;csa_tabcontent initial=\"3\"]\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n&#091;\/csa_tabcontent]\n&#091;\/csa_tabscontent_wrap]\n<\/pre>\n<div class=\"csa-divider\" style=\"border-bottom: 1px solid #ccc; width:100%;margin:20px 0 20px 0;\"><\/div>\n<h4>Dividers Shortcode<\/h4>\n<h5><strong>Solid<\/strong><\/h5>\n<p><div class=\"csa-divider\" style=\"border-bottom: 1px solid #ccc; width:100%;margin:20px 0 20px 0;\"><\/div><div class=\"csa-divider\" style=\"border-bottom: 1px solid #ccc; width:50%;margin:20px 0 20px 0;\"><\/div><\/p>\n<pre>&#091;csa_divider width=\"100%\" style=\"solid\" color=\"#ccc\" thickness=\"1px\"]\n&#091;csa_divider width=\"50%\" style=\"solid\" color=\"#ccc\" thickness=\"1px\"]\n<\/pre>\n<h5><strong>Dashed<\/strong><\/h5>\n<p><div class=\"csa-divider\" style=\"border-bottom: 1px dashed #ccc; width:100%;margin:20px 0 20px 0;\"><\/div><div class=\"csa-divider\" style=\"border-bottom: 1px dashed #ccc; width:50%;margin:20px 0 20px 0;\"><\/div><\/p>\n<pre>&#091;csa_divider width=\"100%\" style=\"dashed\" color=\"#ccc\" thickness=\"1px\"]\n&#091;csa_divider width=\"50%\" style=\"dashed\" color=\"#ccc\" thickness=\"1px\"]\n<\/pre>\n<h5><strong>Dotted<\/strong><\/h5>\n<p><div class=\"csa-divider\" style=\"border-bottom: 1px dotted #ccc; width:100%;margin:20px 0 20px 0;\"><\/div><div class=\"csa-divider\" style=\"border-bottom: 1px dotted #ccc; width:50%;margin:20px 0 20px 0;\"><\/div><\/p>\n<pre>&#091;csa_divider width=\"100%\" style=\"dotted\" color=\"#ccc\" thickness=\"1px\"]\n&#091;csa_divider width=\"50%\" style=\"dotted\" color=\"#ccc\" thickness=\"1px\"]\n<\/pre>\n<h5><strong>Double<\/strong><\/h5>\n<p><div class=\"csa-divider\" style=\"border-bottom: 3px double #ccc; width:100%;margin:20px 0 20px 0;\"><\/div><div class=\"csa-divider\" style=\"border-bottom: 3px double #ccc; width:50%;margin:20px 0 20px 0;\"><\/div><\/p>\n<pre>&#091;csa_divider width=\"100%\" style=\"double\" color=\"#ccc\" thickness=\"3px\"]\n&#091;csa_divider width=\"50%\" style=\"double\" color=\"#ccc\" thickness=\"3px\"]\n<\/pre>\n<div class=\"csa-divider\" style=\"border-bottom: 1px solid #ccc; width:100%;margin:20px 0 20px 0;\"><\/div>\n<h4>Buttons Shortcode<\/h4>\n<p><a class=\"csa-button-default\" href=\"\/\" target=\"_self\" style=\"display:inline-block;color:#fff;background-color:#00802b;padding:10px 20px;font-weight:700;font-size:12px;text-decoration:none;margin: 0 10px 10px 0;\">\nBUTTON\n<\/a><a class=\"csa-button-default\" href=\"\/\" target=\"_self\" style=\"display:inline-block;color:#fff;background-color:#ff8080;padding:10px 20px;font-weight:700;font-size:12px;text-decoration:none;margin: 0 10px 10px 0;\">\nBUTTON\n<\/a><a class=\"csa-button-default\" href=\"\/\" target=\"_self\" style=\"display:inline-block;color:#fff;background-color:#80bfff;padding:10px 20px;font-weight:700;font-size:12px;text-decoration:none;margin: 0 10px 10px 0;\">\nBUTTON\n<\/a><\/p>\n<pre>&#091;csa_button href=\"\/\" target=\"_self\" text_color=\"#fff\" background_color=\"#00802b\"]\nBUTTON\n&#091;\/csa_button]\n&#091;csa_button href=\"\/\" target=\"_self\" text_color=\"#fff\" background_color=\"#ff8080\"]\nBUTTON\n&#091;\/csa_button]\n&#091;csa_button href=\"\/\" target=\"_self\" text_color=\"#fff\" background_color=\"#80bfff\"]\nBUTTON\n&#091;\/csa_button]\n<\/pre>\n<div class=\"csa-divider\" style=\"border-bottom: 1px solid #ccc; width:100%;margin:20px 0 20px 0;\"><\/div>\n<h4>Progressbars Shortcode<\/h4>\n<p>\n                <div class=\"csa-progressbar-wrap\">\n                    <div class=\"csa-progressbar-background\">\n                        <div class=\"csa-progressbar-line\" style=\"background-color:#ff8080;color:#fff;width:90%\">Web Development<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"csa-progressbar-wrap\">\n                    <div class=\"csa-progressbar-background\">\n                        <div class=\"csa-progressbar-line\" style=\"background-color:#00802b;color:#fff;width:80%\">Design<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"csa-progressbar-wrap\">\n                    <div class=\"csa-progressbar-background\">\n                        <div class=\"csa-progressbar-line\" style=\"background-color:#80bfff;color:#fff;width:50%\">Other Skills<\/div>\n                    <\/div>\n                <\/div>\n                <\/p>\n<pre>&#091;csa_progressbar text=\"Web Development\" progress_color=\"#ff8080\" text_color=\"#fff\" progress=\"90%\"]\n&#091;csa_progressbar text=\"Design\" progress_color=\"#80ffaa\" text_color=\"#fff\" progress=\"80%\"]\n&#091;csa_progressbar text=\"Other Skills\" progress_color=\"#80bfff\" text_color=\"#fff\" progress=\"50%\"]\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Accordion Shortcode &#091;csa_accordion initial=1] &#091;csa_accordion_tab title=&#8221;Excepteur&#8221; initial=1 accordion_initial=1] Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-466","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cyberspaceart.com\/challengers-soccer\/wp-json\/wp\/v2\/pages\/466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cyberspaceart.com\/challengers-soccer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cyberspaceart.com\/challengers-soccer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cyberspaceart.com\/challengers-soccer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cyberspaceart.com\/challengers-soccer\/wp-json\/wp\/v2\/comments?post=466"}],"version-history":[{"count":0,"href":"https:\/\/cyberspaceart.com\/challengers-soccer\/wp-json\/wp\/v2\/pages\/466\/revisions"}],"wp:attachment":[{"href":"https:\/\/cyberspaceart.com\/challengers-soccer\/wp-json\/wp\/v2\/media?parent=466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}