{"id":38,"date":"2015-05-21T17:52:10","date_gmt":"2015-05-21T17:52:10","guid":{"rendered":"http:\/\/wp-demo.indonez.com\/Enix\/?page_id=38"},"modified":"2015-05-21T17:52:10","modified_gmt":"2015-05-21T17:52:10","slug":"button-list","status":"publish","type":"page","link":"https:\/\/gulfcandlecompany.com\/index.php\/button-list\/","title":{"rendered":"Button &#038; List"},"content":{"rendered":"<div class=\"large-12  column \"  >\n<pre class=\"indonez_code\"><a class=\"idz-button green medium square square \" href=\"#\" target=_blank>Button Green<i class=\"icon-chevron-right\"><\/i><\/a><\/pre>\n<h4>Parameter<\/h4>\n<div class=\"idz-panel \">\n<ul class=\"check \">\n<li><strong>color<\/strong> : default | green | blue | yellow | red | grey | white | black<\/li>\n<li><strong>size<\/strong>: small | medium | large<\/li>\n<li><strong>label<\/strong>: label text of button<\/li>\n<li><strong>icon<\/strong>:\u00a0name of icon<\/li>\n<li><strong>link<\/strong>: link to url<\/li>\n<li><strong>target<\/strong>: _blank (link open in the new tab) or _self (link open in the same tab)<\/li>\n<li><strong>type<\/strong>: square | radius | round<\/li>\n<li><strong>class<\/strong>: optional class<\/li>\n<\/ul>\n<\/div>\n<h3 class=\" firstword-bold \" >Button Color<\/h3>\n<p><a class=\"idz-button   square square \" href=\"\" target=_blank>Button Default<\/a> <a class=\"idz-button green medium square square \" href=\"#\" target=_blank>Button Green<\/a> <a class=\"idz-button blue medium square square \" href=\"#\" target=_blank>Button Blue<\/a> <a class=\"idz-button yellow medium square square \" href=\"\" target=_blank>Button Yellow<\/a> <a class=\"idz-button red medium square square \" href=\"#\" target=_blank>Button Red<\/a> <a class=\"idz-button grey medium square square \" href=\"#\" target=_blank>Button Grey<\/a> <a class=\"idz-button white medium square square \" href=\"#\" target=_blank>Button White<\/a> <a class=\"idz-button black medium square square \" href=\"#\" target=_blank>Button Black<\/a><\/p>\n<\/div>\n<div class=\"large-12  column \"  >\n<h3 class=\" firstword-bold \" >Button Size<\/h3>\n<p><a class=\"idz-button orange small square square \" href=\"\" target=_blank>Small Button<\/a> <a class=\"idz-button orange medium square square \" href=\"\" target=_blank>Medium Button<\/a> <a class=\"idz-button orange large square square \" href=\"\" target=_blank>Large Button<\/a> <a class=\"idz-button orange small square square \" href=\"\" target=_blank>Small Button<i class=\"fa-chevron-circle-right\"><\/i><\/a> <a class=\"idz-button orange medium square square \" href=\"\" target=_blank>Medium Button<i class=\"fa-chevron-circle-right\"><\/i><\/a> <a class=\"idz-button orange large square square \" href=\"\" target=_blank>Large Button<i class=\"fa-chevron-circle-right\"><\/i><\/a><\/p>\n<\/div>\n<div class=\"large-12  column \"  >\n<h3 class=\" firstword-bold \" >Button Group with Right Icon<\/h3>\n<p><a class=\"idz-button blue small square square button-icon-right\" href=\"#\" target=_blank>Button Group<span  class=\"button-icon\"><i class=\"icon-chevron-right\"><\/i><\/span><\/a> <a class=\"idz-button green small square square button-icon-right\" href=\"#\" target=_blank>Button Group<span  class=\"button-icon\"><i class=\"icon-chevron-right\"><\/i><\/span><\/a> <a class=\"idz-button yellow small square square button-icon-right\" href=\"#\" target=_self>Button Group<span  class=\"button-icon\"><i class=\"icon-chevron-right\"><\/i><\/span><\/a> <a class=\"idz-button red small square square button-icon-right\" href=\"#\" target=_self>Button Group<span  class=\"button-icon\"><i class=\"icon-chevron-right\"><\/i><\/span><\/a> <a class=\"idz-button grey small square square button-icon-right\" href=\"#\" target=_self>Button Group<span  class=\"button-icon\"><i class=\"icon-chevron-right\"><\/i><\/span><\/a> <a class=\"idz-button white small square square button-icon-right\" href=\"#\" target=_self>Button Group<span  class=\"button-icon\"><i class=\"icon-chevron-right\"><\/i><\/span><\/a> <a class=\"idz-button black small square square button-icon-right\" href=\"#\" target=_self>Button Group<span  class=\"button-icon\"><i class=\"icon-chevron-right\"><\/i><\/span><\/a><\/p>\n<h3 class=\" firstword-bold \" >Button Group with Left Icon<\/h3>\n<p><a class=\"idz-button red small square square button-icon-left\" href=\"#\" target=_blank>Button Group<span  class=\"button-icon\"><i class=\"icon-chevron-right\"><\/i><\/span><\/a> <a class=\"idz-button blue medium square square button-icon-left\" href=\"#\" target=_blank>Button Group<span  class=\"button-icon\"><i class=\"icon-chevron-right\"><\/i><\/span><\/a> <a class=\"idz-button green large square square button-icon-left\" href=\"#\" target=_self>Button Group<span  class=\"button-icon\"><i class=\"icon-chevron-right\"><\/i><\/span><\/a><\/p>\n<\/div>\n<div class=\"large-12  column \"  >\n<h3 class=\" firstword-bold \" >Button Style<\/h3>\n<p><a class=\"idz-button blue medium square square \" href=\"#\" target=_blank>Square Button<\/a> <a class=\"idz-button green medium square round \" href=\"#\" target=_blank>Round Button<\/a> \u00a0<a class=\"idz-button red medium square radius \" href=\"#\" target=_blank>Radius Button<\/a> <a class=\"idz-button grey medium button-border square square_stroke \" href=\"#\" target=_blank>Square Button Border<\/a> <a class=\"idz-button green medium button-border round round_stroke \" href=\"#\" target=_blank>Round Button Border<\/a> <a class=\"idz-button yellow medium button-border radius radius_stroke button-border\" href=\"#\" target=_blank>Radius Button Border<\/a><\/p>\n<\/div>\n<div class=\"spacer \" style=\"height:10px;  background:\">&nbsp;<\/div>\n<div class=\"spacer \" style=\"height:3px;  background:#dedede\">&nbsp;<\/div>\n<div class=\"spacer \" style=\"height:10px;  background:\">&nbsp;<\/div>\n<div class=\"large-12  column \"  >\n<h3 class=\" firstword-bold \" >Example List\u00a0Style<\/h3>\n<\/div>\n<div class=\"large-4 medium-4 column \"  >\n<h5 class=\"bold \" >Disc List<\/h5>\n<pre class=\"indonez_code\">..<\/pre>\n<ul class=\"disc \">\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ul>\n<\/div>\n<div class=\"large-4 medium-4 column \"  >\n<h5 class=\"bold \" >Square List<\/h5>\n<pre class=\"indonez_code\">..<\/pre>\n<ul class=\"square \">\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ul>\n<\/div>\n<div class=\"large-4 medium-4 column \"  >\n<h5 class=\"bold \" >No Bullet List<\/h5>\n<pre class=\"indonez_code\">..<\/pre>\n<ul class=\"nobullet \">\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"large-4 medium-4 column \"  >\n<h5 class=\"bold \" >Arrow List<\/h5>\n<pre class=\"indonez_code\">..<\/pre>\n<ul class=\"arrow \">\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ul>\n<\/div>\n<div class=\"large-4 medium-4 column \"  >\n<h5 class=\"bold \" >Check List<\/h5>\n<pre class=\"indonez_code\">..<\/pre>\n<ul class=\"check \">\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ul>\n<\/div>\n<div class=\"large-4 medium-4 column \"  >\n<h5 class=\"bold \" >Plus List<\/h5>\n<pre class=\"indonez_code\">..<\/pre>\n<ul class=\"plus \">\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"large-4 medium-4 column \"  >\n<h5 class=\"bold \" >Star List<\/h5>\n<pre class=\"indonez_code\">..<\/pre>\n<ul class=\"star \">\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ul>\n<\/div>\n<div class=\"large-4 medium-4 column \"  >\n<h5 class=\"bold \" >Pin List<\/h5>\n<pre class=\"indonez_code\">..<\/pre>\n<ul class=\"pin \">\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ul>\n<\/div>\n<div class=\"large-4 medium-4 column \"  >\n<h5 class=\"bold \" >Flag List<\/h5>\n<pre class=\"indonez_code\">..<\/pre>\n<ul class=\"flag \">\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/gulfcandlecompany.com\/index.php\/wp-json\/wp\/v2\/pages\/38"}],"collection":[{"href":"https:\/\/gulfcandlecompany.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gulfcandlecompany.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gulfcandlecompany.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gulfcandlecompany.com\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":0,"href":"https:\/\/gulfcandlecompany.com\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"wp:attachment":[{"href":"https:\/\/gulfcandlecompany.com\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}