{"id":516,"date":"2015-05-15T16:02:40","date_gmt":"2015-05-15T16:02:40","guid":{"rendered":"http:\/\/wp1.themexlab.com\/constrion\/?page_id=516"},"modified":"2015-05-15T18:16:42","modified_gmt":"2015-05-15T18:16:42","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/wp1.themexlab.com\/constrion\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<h3>Accordions<\/h3>\n<div class=\"panel-group themex-accordion\" id=\"accordion\">\n<div class=\"themex-accordion-panel panel panel-default\"><div class=\"panel-heading\"><h4 class=\"panel-title\"><a class=\"\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#themex-accordion-1\">Section #1<\/a><\/h4><\/div><div id=\"themex-accordion-1\" class=\"panel-collapse collapse in\"><div class=\"panel-body\"><p>Section #1 Your Content !<\/p><\/div><\/div><\/div>\n<div class=\"themex-accordion-panel panel panel-default\"><div class=\"panel-heading\"><h4 class=\"panel-title\"><a class=\"collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#themex-accordion-2\">Section #2<\/a><\/h4><\/div><div id=\"themex-accordion-2\" class=\"panel-collapse collapse\"><div class=\"panel-body\"><p>Section #2 Your Content !<\/p><\/div><\/div><\/div>\n<div class=\"themex-accordion-panel panel panel-default\"><div class=\"panel-heading\"><h4 class=\"panel-title\"><a class=\"collapsed\" data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#themex-accordion-3\">Section #3<\/a><\/h4><\/div><div id=\"themex-accordion-3\" class=\"panel-collapse collapse\"><div class=\"panel-body\"><p>Section #3 Your Content !<\/p><\/div><\/div><\/div>\n<\/div>\n<h3>Tab Horizontal<\/h3>\n<style type=\"text\/css\">#themex-tabs-1 .nav-tabs li.active a{background-color:#eab420;}#themex-tabs-1 .nav-tabs li a{background-color:#ffffff;}<\/style><script type=\"text\/javascript\">jQuery(document).ready(function($){\t\r\n\t$(\"#themex-tabs-1\").find(\"ul.nav li:first\").addClass(\"active\");\r\n\t$(\"#themex-tabs-1\").find(\".tab-content .tab-pane:first\").addClass(\"in active\");\r\n\t});<\/script><div id=\"themex-tabs-1\" class=\"themex-tabs\"><ul class=\"nav nav-tabs\"><li class=\"themex-tab-1\"><a href=\"#themex-tab-title\" data-toggle=\"tab\" style=\"color: #000000;\">Title<\/a><\/li><li class=\"themex-tab-2\"><a href=\"#themex-tab-title1\" data-toggle=\"tab\" style=\"color: #000000;\">Title1<\/a><\/li><li class=\"themex-tab-3\"><a href=\"#themex-tab-title2\" data-toggle=\"tab\" style=\"color: #000000;\">Title2<\/a><\/li><\/ul><div class=\"tab-content\">\n<div class=\"tab-pane fade\" id=\"themex-tab-title\"><p>Your Tab Content<\/p><\/div>\n<div class=\"tab-pane fade\" id=\"themex-tab-title1\"><p>Your Tab Content1<\/p><\/div>\n<div class=\"tab-pane fade\" id=\"themex-tab-title2\"><p>Your Tab Content2<\/p><\/div>\n<\/div><\/div>\n<p>&nbsp;<\/p>\n<h3>Tab Vertical Left<\/h3>\n<style type=\"text\/css\">#themex-tabs-2 .nav-tabs li.active a{background-color:#eab420;}#themex-tabs-2 .nav-tabs li a{background-color:#ffffff;}<\/style><script type=\"text\/javascript\">jQuery(document).ready(function($){\t\r\n\t$(\"#themex-tabs-2\").find(\"ul.nav li:first\").addClass(\"active\");\r\n\t$(\"#themex-tabs-2\").find(\".tab-content .tab-pane:first\").addClass(\"in active\");\r\n\t});<\/script><div id=\"themex-tabs-2\" class=\"themex-tabs themex-left-vertical\"><div class=\"col-xs-3\"><ul class=\"nav tabs-left nav-tabs\"><li class=\"themex-tab-4\"><a href=\"#themex-tab-vertical-left-title\" data-toggle=\"tab\" style=\"color: #000000;\">Vertical Left Title<\/a><\/li><li class=\"themex-tab-5\"><a href=\"#themex-tab-vertical-left-title1\" data-toggle=\"tab\" style=\"color: #000000;\">Vertical Left Title1<\/a><\/li><li class=\"themex-tab-6\"><a href=\"#themex-tab-vertical-left-title2\" data-toggle=\"tab\" style=\"color: #000000;\">Vertical Left Title2<\/a><\/li><\/ul><\/div><div class=\"col-xs-9\"><div class=\"tab-content\">\n<div class=\"tab-pane fade\" id=\"themex-tab-vertical-left-title\"><p>Your Tab Content<\/p><\/div>\n<div class=\"tab-pane fade\" id=\"themex-tab-vertical-left-title1\"><p>Your Tab Content1<\/p><\/div>\n<div class=\"tab-pane fade\" id=\"themex-tab-vertical-left-title2\"><p>Your Tab Content2<\/p><\/div>\n<\/div><\/div><div class=\"clearfix\"><\/div><\/div>\n<p>&nbsp;<\/p>\n<h3>Tab Vertical Right<\/h3>\n<style type=\"text\/css\">#themex-tabs-3 .nav-tabs li.active a{background-color:#eab420;}#themex-tabs-3 .nav-tabs li a{background-color:#ffffff;}<\/style><script type=\"text\/javascript\">jQuery(document).ready(function($){\t\r\n\t$(\"#themex-tabs-3\").find(\"ul.nav li:first\").addClass(\"active\");\r\n\t$(\"#themex-tabs-3\").find(\".tab-content .tab-pane:first\").addClass(\"in active\");\r\n\t});<\/script><div id=\"themex-tabs-3\" class=\"themex-tabs themex-right-vertical\"><div class=\"col-xs-9\"><div class=\"tab-content\">\n<div class=\"tab-pane fade\" id=\"themex-tab-vertical-right-title\"><p>Your Tab Content<\/p><\/div>\n<div class=\"tab-pane fade\" id=\"themex-tab-vertical-right-title1\"><p>Your Tab Content1<\/p><\/div>\n<div class=\"tab-pane fade\" id=\"themex-tab-vertical-right-title2\"><p>Your Tab Content2<\/p><\/div>\n<\/div><\/div><div class=\"col-xs-3\"><ul class=\"nav nav-tabs tabs-right\"><li class=\"themex-tab-7\"><a href=\"#themex-tab-vertical-right-title\" data-toggle=\"tab\" style=\"color: #000000;\">Vertical Right Title<\/a><\/li><li class=\"themex-tab-8\"><a href=\"#themex-tab-vertical-right-title1\" data-toggle=\"tab\" style=\"color: #000000;\">Vertical Right Title1<\/a><\/li><li class=\"themex-tab-9\"><a href=\"#themex-tab-vertical-right-title2\" data-toggle=\"tab\" style=\"color: #000000;\">vertical-right Title2<\/a><\/li><\/ul><\/div><div class=\"clearfix\"><\/div><\/div>\n<p>&nbsp;<\/p>\n<h3>Alert<\/h3>\n<div role=\"alert\" class=\"alert fade in alert-success animated\" data-animation=\"fadeInLeft\" data-animation-delay=\"500\"><button aria-hidden=\"true\" data-dismiss=\"alert\" class=\"close\" type=\"button\">&times;<\/button>Your Alert Content!<\/div>\n<p>&nbsp;<\/p>\n<h3>Background Video<\/h3>\n<style type=\"text\/css\" scoped>#video_container1 { height:400px; }\n#video-bg1 { height:404px; }\n<\/style>\t\r\n\t<div id=\"video-bg1\" class=\"video-bg\">\r\n\t\t<div id=\"video_container1\" class=\"video_container\"><\/div>\r\n\t\t<div id=\"player-1\" class=\"themex-yt-player bg-video-container\" data-property=\"{videoURL:&#039;vdRqcPyB1gw&#039;,showControls:true,autoPlay:true,mute:true,containment:'#video_container1',startAt:0}\">\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t\r\n\t\n<p>&nbsp;<\/p>\n<h3>Blockquote<\/h3>\n<blockquote class=\"themex-blockquote animated\" data-animation=\"bounceIn\" data-animation-delay=\"500\"><p>Your Blockquote content !<\/p><footer>Author or source name<\/footer><\/blockquote>\n<p>&nbsp;<\/p>\n<h3>Imageframe With Light Box<\/h3>\n<div id=\"themex-imgframe-1\" class=\"themex-imageframe animated dropshade\" data-animation=\"bounceInLeft\" data-animation-delay=\"500\"><a href=\"https:\/\/wp1.themexlab.com\/constrion\/wp-content\/uploads\/2015\/04\/blog-05.jpg\" rel=\"prettyPhoto\" title=\"Image\"><img decoding=\"async\" src=\"http:\/\/wp1.themexlab.com\/constrion\/wp-content\/uploads\/2015\/04\/blog-05-300x200.jpg\" alt=\"Image\" class=\"img-responsive\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<div id=\"themex-imgframe-2\" class=\"themex-imageframe animated dropshade\" data-animation=\"bounceInLeft\" data-animation-delay=\"500\"><a href=\"https:\/\/wp1.themexlab.com\/constrion\/wp-content\/uploads\/2015\/04\/blog-05.jpg\" rel=\"prettyPhoto\" title=\"Image\"><img decoding=\"async\" src=\"http:\/\/wp1.themexlab.com\/constrion\/wp-content\/uploads\/2015\/04\/blog-05-300x200.jpg\" alt=\"Image\" class=\"img-rounded img-responsive\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h3>Counters<\/h3>\n<div class=\"row\">\n<div class=\"col-md-3 themex-counter\"><div class=\"counter-info\"><div class=\"themex-count-number\" data-count=\"150\"><span class=\"counter\"><\/span><\/div>counter title1<\/div><\/div>\n<div class=\"col-md-3 themex-counter\"><div class=\"counter-info\"><div class=\"themex-count-number\" data-count=\"230\"><span class=\"counter\"><\/span><\/div>Counter title2<\/div><\/div>\n<div class=\"col-md-3 themex-counter\"><div class=\"counter-info\"><div class=\"themex-count-number\" data-count=\"250\"><span class=\"counter\"><\/span><\/div>Counter Title3<\/div><\/div>\n<div class=\"col-md-3 themex-counter\"><div class=\"counter-info\"><div class=\"themex-count-number\" data-count=\"300\"><span class=\"counter\"><\/span><\/div>Conter Title4<\/div><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h3>Tooltip<\/h3>\n<span class=\"themex-tooltip\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Tooltip content\">Tooltip Text<\/span>\n<p>&nbsp;<\/p>\n<h3>Tooltip left<\/h3>\n<span class=\"themex-tooltip\" data-toggle=\"tooltip\" data-placement=\"left\" title=\"Left\"> Tooltip content left<\/span>\n<p>&nbsp;<\/p>\n<h3>Tooltip right<\/h3>\n<span class=\"themex-tooltip\" data-toggle=\"tooltip\" data-placement=\"right\" title=\"Tooltip content\">Tooltip content right<\/span>\n<p>&nbsp;<\/p>\n<h3>Tooltip bottom<\/h3>\n<span class=\"themex-tooltip\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Tooltip content\">Tooltip bottom example<\/span>\n<h3><\/h3>\n<h3>Google Map<\/h3>\n<style type=\"text\/css\" scoped>#themex_gmap_1{ width: 100%; height: 350px; margin: 0 auto; }<\/style><script type=\"text\/javascript\">\r\njQuery(document).ready(function($){\r\n\t$(\"#themex_gmap_1\").gmap3({\r\n\t\tmap:{\r\n\t\t  options:{\r\n\t\t\tstyles: [ { \"featureType\": \"landscape\", \"stylers\": [ { \"color\": \"#E2E2E2\" } ] },{ \"featureType\": \"road.highway\", \"stylers\": [ { \"color\": \"#B2B2B2\" } ] },{ \"featureType\": \"road.arterial\", \"stylers\": [ { \"color\": \"#FDFDFD\" } ] },{ \"featureType\": \"water\", \"stylers\": [ { \"color\": \"#D9D9D9\" } ] },{ \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#d3cfcf\" } ] },{ \"featureType\": \"poi\", \"stylers\": [ { \"color\": \"#C8C8C8\" } ] },{ \"elementType\": \"labels.text\", \"stylers\": [ { \"color\": \"#000000\" }, { \"saturation\": 1 }, { \"weight\": 0.1 } ] } ]\r\n\t\t  }\r\n\t\t},\r\n\t\tgetlatlng:{\r\n\t\taddress: \"New york\",\t\t\r\n\t\tcallback: function(results){\r\n\t\tif ( !results ) return;\r\n\t\t$(this).gmap3({\r\n\t\t\tmap:{\r\n\t\t\t\toptions:{\r\n\t\t\t\t\tcenter: results[0].geometry.location,\r\n\t\t\t\t\tzoom: 5,\r\n\t\t\t\t\tmapTypeId: google.maps.MapTypeId.ROADMAP,\r\n\t\t\t\t\tscrollwheel: true,\r\n\t\t\t\t\tscaleControl: true,\r\n\t\t\t\t\tzoomControl: true,\r\n\t\t\t\t\tpanControl: true,\r\n\t\t\t\t}\r\n\t\t\t},\t\t\t\r\n\t\t\tmarker:{\r\n\t\t\t\tvalues:[{address: \"New york\", data: \"Address\", options:{icon: \"https:\/\/wp1.themexlab.com\/constrion\/wp-content\/themes\/constrion\/images\/map-marker.png\"}}, ],\r\n\t\t\t\tevents:{\r\n\t\t\t\t\t\tclick: function(marker, event, context){\r\n\t\t\tvar map = $(this).gmap3(\"get\"),\r\n\t\t\tinfowindow = $(this).gmap3({get:{name:\"infowindow\"}});\r\n\t\t\tif (infowindow){\r\n\t\t\t\tinfowindow.open(map, marker);\r\n\t\t\t\tinfowindow.setContent(context.data);\r\n\t\t\t} else {\r\n\t\t\t\t$(this).gmap3({\r\n\t\t\t\t\tinfowindow:{\r\n\t\t\t\t\tanchor:marker,\r\n\t\t\t\t\toptions:{content: context.data}\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} \r\n\t\t\t\t} \r\n\t\t\t},\r\n\t\t});\r\n\t\t}\r\n\t\t}\r\n\t});\r\n});\r\n<\/script><div id=\"themex_gmap_1\" class=\"gmap_canvas\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Accordions Tab Horizontal &nbsp; Tab Vertical Left &nbsp; Tab Vertical Right &nbsp; Alert &nbsp; Background Video &nbsp; Blockquote &nbsp; Imageframe With Light Box &nbsp; &nbsp; Counters &nbsp; Tooltip &nbsp; Tooltip&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/wp1.themexlab.com\/constrion\/wp-json\/wp\/v2\/pages\/516"}],"collection":[{"href":"https:\/\/wp1.themexlab.com\/constrion\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp1.themexlab.com\/constrion\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp1.themexlab.com\/constrion\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp1.themexlab.com\/constrion\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":0,"href":"https:\/\/wp1.themexlab.com\/constrion\/wp-json\/wp\/v2\/pages\/516\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp1.themexlab.com\/constrion\/wp-json\/wp\/v2\/media?parent=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}