{"id":10,"date":"2015-06-21T19:25:40","date_gmt":"2015-06-21T18:25:40","guid":{"rendered":"https:\/\/wp.nkdev.info\/youplay\/?page_id=10"},"modified":"2019-07-19T09:28:54","modified_gmt":"2019-07-19T08:28:54","slug":"base-shortcodes","status":"publish","type":"page","link":"https:\/\/wp.nkdev.info\/youplay\/base-shortcodes\/","title":{"rendered":"Base Shortcodes"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<h2 class=\"h1 mt-0\">Buttons<\/h2>\n<p><a class='btn  btn-xs ' href='#!' target='_self'> Button <\/a>\u00a0<a class='btn  btn-xs active ' href='#!' target='_self'> Button <\/a><\/p>\n<p><a class='btn  btn-sm ' href='#!' target='_self'> Button <\/a>\u00a0<a class='btn  btn-sm active ' href='#!' target='_self'> Button <\/a><\/p>\n<p><a class='btn  ' href='#!' target='_self'><span class='fa fa-css3'><\/span> Button <\/a>\u00a0<a class='btn  active ' href='#!' target='_self'><span class='fa fa-css3'><\/span> Button <\/a><\/p>\n<p><a class='btn  btn-lg ' href='#!' target='_self'> Button <span class='fa fa-angle-right'><\/span><\/a>\u00a0<a class='btn  btn-lg active ' href='#!' target='_self'> Button <span class='fa fa-angle-right'><\/span><\/a><\/p>\n<h3>Button Colors<\/h3>\n<p><a class='btn  btn-primary ' href='#!' target='_self'> Button <\/a>\u00a0<a class='btn  btn-success ' href='#!' target='_self'> Button <\/a>\u00a0<a class='btn  btn-info ' href='#!' target='_self'> Button <\/a>\u00a0<a class='btn  btn-warning ' href='#!' target='_self'> Button <\/a>\u00a0<a class='btn  btn-danger ' href='#!' target='_self'> Button <\/a><\/p>\n<p><a class='btn  active btn-primary ' href='#!' target='_self'> Button <\/a>\u00a0<a class='btn  active btn-success ' href='#!' target='_self'> Button <\/a>\u00a0<a class='btn  active btn-info ' href='#!' target='_self'> Button <\/a>\u00a0<a class='btn  active btn-warning ' href='#!' target='_self'> Button <\/a>\u00a0<a class='btn  active btn-danger ' href='#!' target='_self'> Button <\/a><\/p>\n<h3>Button Groups<\/h3>\n<div class='btn-group'>\n              \n<a class='btn  ' href='#!' target='_self'> Button <\/a>\n<a class='btn  ' href='#!' target='_self'> Button <\/a>\n<a class='btn  ' href='#!' target='_self'> Button <\/a>\n<a class='btn  ' href='#!' target='_self'> Button <\/a>\n<a class='btn  ' href='#!' target='_self'> Button <\/a>\n\n            <\/div>[\/vc_column_text][vc_column_text]<\/p>\n<h2 class=\"h1\">Progress Bars<\/h2>\n<p>[\/vc_column_text]<div class='progress youplay-progress  '>\n                <div class='progress-bar progress-bar-success progress-bar-striped' role='progressbar' aria-valuenow='40' aria-valuemin='0' aria-valuemax='100' style='width: 40%'>\n                    <span class='sr-only'>40% Complete (success)<\/span>\n                <\/div>\n            <\/div><div class='progress youplay-progress  '>\n                <div class='progress-bar progress-bar-info progress-bar-striped' role='progressbar' aria-valuenow='20' aria-valuemin='0' aria-valuemax='100' style='width: 20%'>\n                    <span class='sr-only'>20% Complete (success)<\/span>\n                <\/div>\n            <\/div><div class='progress youplay-progress  '>\n                <div class='progress-bar progress-bar-warning ' role='progressbar' aria-valuenow='60' aria-valuemin='0' aria-valuemax='100' style='width: 60%'>\n                    <span class='sr-only'>60% Complete (success)<\/span>\n                <\/div>\n            <\/div><div class='progress youplay-progress  '>\n                <div class='progress-bar progress-bar-danger ' role='progressbar' aria-valuenow='80' aria-valuemin='0' aria-valuemax='100' style='width: 80%'>\n                    <span class='sr-only'>80% Complete (success)<\/span>\n                <\/div>\n            <\/div>[vc_column_text]<\/p>\n<h2 class=\"h1\">Accordion<\/h2>\n<p>[\/vc_column_text]<div class=\"panel-group youplay-accordion  \" id=\"accordion1\" role=\"tablist\" aria-multiselectable=\"false\"><div class=\"panel panel-default\">\n            <div class=\"panel-heading\" role=\"tab\" id=\"heading-tab-1-0\">\n              <h4 class=\"panel-title\">\n                <a data-toggle=\"collapse\" data-parent=\"#accordion1\" href=\"#collapse-tab-1-0\" aria-expanded=\"true\" aria-controls=\"collapse-tab-1-0\">\n                  One <span class=\"icon-plus\"><\/span>\n                <\/a>\n              <\/h4>\n            <\/div>\n            <div id=\"collapse-tab-1-0\" class=\"panel-collapse collapse \" role=\"tabpanel\" aria-labelledby=\"heading-tab-1-0\">\n              <div class=\"panel-body\">\n                [vc_column_text]Ludum mutavit. Verbum est ex. Et &#8230; sunt occidat. Videtur quod est super omne oppidum. Quis transfretavit tu iratus es contudit cranium cum dolor apparatus. Qui curis! Modo nobis certamen est, qui non credunt at.[\/vc_column_text]\n              <\/div>\n            <\/div>\n          <\/div><div class=\"panel panel-default\">\n            <div class=\"panel-heading\" role=\"tab\" id=\"heading-tab-1-1\">\n              <h4 class=\"panel-title\">\n                <a data-toggle=\"collapse\" data-parent=\"#accordion1\" href=\"#collapse-tab-1-1\" aria-expanded=\"true\" aria-controls=\"collapse-tab-1-1\">\n                  Two <span class=\"icon-plus\"><\/span>\n                <\/a>\n              <\/h4>\n            <\/div>\n            <div id=\"collapse-tab-1-1\" class=\"panel-collapse collapse \" role=\"tabpanel\" aria-labelledby=\"heading-tab-1-1\">\n              <div class=\"panel-body\">\n                [vc_column_text]Ludum mutavit. Verbum est ex. Et &#8230; sunt occidat. Videtur quod est super omne oppidum. Quis transfretavit tu iratus es contudit cranium cum dolor apparatus. Qui curis! Modo nobis certamen est, qui non credunt at.[\/vc_column_text]\n              <\/div>\n            <\/div>\n          <\/div><div class=\"panel panel-default\">\n            <div class=\"panel-heading\" role=\"tab\" id=\"heading-tab-1-2\">\n              <h4 class=\"panel-title\">\n                <a data-toggle=\"collapse\" data-parent=\"#accordion1\" href=\"#collapse-tab-1-2\" aria-expanded=\"true\" aria-controls=\"collapse-tab-1-2\">\n                  Three <span class=\"icon-plus\"><\/span>\n                <\/a>\n              <\/h4>\n            <\/div>\n            <div id=\"collapse-tab-1-2\" class=\"panel-collapse collapse \" role=\"tabpanel\" aria-labelledby=\"heading-tab-1-2\">\n              <div class=\"panel-body\">\n                [vc_column_text]Ludum mutavit. Verbum est ex. Et &#8230; sunt occidat. Videtur quod est super omne oppidum. Quis transfretavit tu iratus es contudit cranium cum dolor apparatus. Qui curis! Modo nobis certamen est, qui non credunt at.[\/vc_column_text]\n              <\/div>\n            <\/div>\n          <\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<h2 class=\"h1\">Tabs<\/h2>\n<p>[\/vc_column_text]<div role=\"tabpanel\" class=\" \"><ul class=\"nav nav-tabs\" role=\"tablist\"><li role=\"presentation\" class=\"active\">\n                    <a href=\"#tab-1-1434912603439-5\" aria-controls=\"tab-1-1434912603439-5\" role=\"tab\" data-toggle=\"tab\" aria-expanded=\"true\">Home<\/a>\n                  <\/li><li role=\"presentation\" >\n                    <a href=\"#tab-1-1434912603685-9\" aria-controls=\"tab-1-1434912603685-9\" role=\"tab\" data-toggle=\"tab\" aria-expanded=\"true\">Profile<\/a>\n                  <\/li><li role=\"presentation\" >\n                    <a href=\"#tab-1-1434912707112-2-4\" aria-controls=\"tab-1-1434912707112-2-4\" role=\"tab\" data-toggle=\"tab\" aria-expanded=\"true\">Messages<\/a>\n                  <\/li><li role=\"presentation\" >\n                    <a href=\"#tab-1-1434912728762-3-0\" aria-controls=\"tab-1-1434912728762-3-0\" role=\"tab\" data-toggle=\"tab\" aria-expanded=\"true\">Settings<\/a>\n                  <\/li><\/ul><div class=\"tab-content\">\n                    <div role=\"tabpanel\" class=\"tab-pane active  \" id=\"tab-1-1434912603439-5\">\n                        [vc_column_text]Blowfish librantur in se quatuor, quinquies maior quam normalis, et quare? Quare id faciam? Ut terrorem facit, qui quid. Terrent! Ut alter, scarier pisces agminis off. Et quod tu es? Vos blowfish. Tu iustus in omnibus visio.[\/vc_column_text]\n                    <\/div><div role=\"tabpanel\" class=\"tab-pane   \" id=\"tab-1-1434912603685-9\">\n                        [vc_column_text]Nonne vides quid sit? Tu es &#8230; Jesse me respice. Tu &#8230; blowfish sunt. A blowfish! Cogitare. Statura pusillus, nec sapientium panem, nec artificum.[\/vc_column_text]\n                    <\/div><div role=\"tabpanel\" class=\"tab-pane   \" id=\"tab-1-1434912707112-2-4\">\n                        [vc_column_text]Sed predators facile pr\u00e6dam blowfish secretum telum non se habet. Non ille? Quid faciam blowfish, Isai. Blowfish quid faciat? In blowfish inflat, purus?[\/vc_column_text]\n                    <\/div><div role=\"tabpanel\" class=\"tab-pane   \" id=\"tab-1-1434912728762-3-0\">\n                        [vc_column_text]Vides &#8230; suus &#8216; suus &#8216;non aliud aerem. Nunc &#8230; qui cum partibus blowfish Isai? Tu damnare ius. Vos blowfish. Dicere iterum. Dicere illam quasi velis eam. Es BLOWFISH![\/vc_column_text]\n                    <\/div>\n                <\/div>\n            <\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<h2 class=\"h1\">Features<\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/4&#8243;]<div class=\"youplay-features  \"><div class=\"feature angled-bg\">\n              <i class=\"fa fa-cc-visa\"><\/i>\n              <h3>Payment<\/h3>\n              <small>More than 10 payment systems<\/small>\n            <\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"youplay-features  \"><div class=\"feature angled-bg\">\n              <i class=\"fa fa-gamepad\"><\/i>\n              <h3>Games<\/h3>\n              <small>A large number of games<\/small>\n            <\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"youplay-features  \"><div class=\"feature angled-bg\">\n              <i class=\"fa fa-money\"><\/i>\n              <h3>Cheap<\/h3>\n              <small>Lowest prices on the Internet<\/small>\n            <\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"youplay-features  \"><div class=\"feature angled-bg\">\n              <i class=\"fa fa-users\"><\/i>\n              <h3>Community<\/h3>\n              <small>The largest gaming community<\/small>\n            <\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<h2 class=\"h1\">Labels<\/h2>\n<h1>Example heading\u00a0<span class=\"label   label-default\">New<\/span><\/h1>\n<h2>Example heading\u00a0<span class=\"label   label-default\">New<\/span><\/h2>\n<h3>Example heading\u00a0<span class=\"label   label-default\">New<\/span><\/h3>\n<h4>Example heading\u00a0<span class=\"label   label-default\">New<\/span><\/h4>\n<h5>Example heading\u00a0<span class=\"label   label-default\">New<\/span><\/h5>\n<h6>Example heading\u00a0<span class=\"label   label-default\">New<\/span><\/h6>\n<h3>Available variations<\/h3>\n<p><span class=\"label   label-default\">Default<\/span>\u00a0<span class=\"label   label-primary\">Primary<\/span>\u00a0<span class=\"label   label-success\">Success<\/span>\u00a0<span class=\"label   label-info\">Info<\/span>\u00a0<span class=\"label   label-warning\">Warning<\/span>\u00a0<span class=\"label   label-danger\">Danger<\/span>[\/vc_column_text][vc_column_text]<\/p>\n<h2 class=\"h1\">Alerts<\/h2>\n<p>[\/vc_column_text]<div class=\"alert  alert-primary \" role=\"alert\"><strong>Well done!<\/strong> You successfully read this important alert message.<\/div><div class=\"alert  alert-success \" role=\"alert\"><strong>Well done!<\/strong> You successfully read this important alert message.<\/div><div class=\"alert  alert-info \" role=\"alert\"><strong>Heads up!<\/strong> This alert needs your attention, but it&#8217;s not super important.<\/div><div class=\"alert  alert-warning \" role=\"alert\"><strong>Warning!<\/strong> Better check yourself, you&#8217;re not looking too good.<\/div><div class=\"alert  alert-danger \" role=\"alert\"><strong>Oh snap!<\/strong> Change a few things up and try submitting again.<\/div>[vc_column_text]<\/p>\n<h3>Dismissible Alerts<\/h3>\n<p>[\/vc_column_text]<div class=\"alert  alert-warning alert-dismissible \" role=\"alert\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button><strong>Warning!<\/strong> Better check yourself, you&#8217;re not looking too good.<\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text] Buttons \u00a0 \u00a0 \u00a0 \u00a0 Button Colors \u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0\u00a0 Button Groups [\/vc_column_text][vc_column_text] Progress Bars [\/vc_column_text][vc_column_text] Accordion [\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text] Tabs [\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text] Features [\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;&#8221; parallax=&#8221;&#8221; parallax_image=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text] Labels Example heading\u00a0 Example heading\u00a0 Example heading\u00a0 Example heading\u00a0 Example [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_mi_skip_tracking":false,"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.nkdev.info\/youplay\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.nkdev.info\/youplay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.nkdev.info\/youplay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.nkdev.info\/youplay\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.nkdev.info\/youplay\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":1,"href":"https:\/\/wp.nkdev.info\/youplay\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":998,"href":"https:\/\/wp.nkdev.info\/youplay\/wp-json\/wp\/v2\/pages\/10\/revisions\/998"}],"wp:attachment":[{"href":"https:\/\/wp.nkdev.info\/youplay\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}