{"id":50,"date":"2015-05-21T17:54:45","date_gmt":"2015-05-21T17:54:45","guid":{"rendered":"http:\/\/wp-demo.indonez.com\/Enix\/?page_id=50"},"modified":"2015-05-21T17:54:45","modified_gmt":"2015-05-21T17:54:45","slug":"panel-promobox","status":"publish","type":"page","link":"https:\/\/gulfcandlecompany.com\/index.php\/panel-promobox\/","title":{"rendered":"Panel &#038; Promobox"},"content":{"rendered":"<div class=\"large-12  column \"  >\n<h3 class=\" gap \" >Example Panel<\/h3>\n<pre class=\"indonez_code\"><div class=\"idz-panel fold  \">Content...<\/div><\/pre>\n<div class=\"idz-panel \">\n<h4>Parameter<\/h4>\n<ul class=\"check \">\n<li><strong>color: <\/strong>blue | yellow| green | grey | red | white<\/li>\n<li><strong>icon <\/strong>: the name of icon<\/li>\n<li><strong>class<\/strong> : additioanl css class<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"large-6 medium-6 column \" >\n<div class=\"idz-panel fold  \">\n<h4 class=\" \" >Panel without Icon<\/h4>\n<p>Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.<\/p>\n<p><a class=\"idz-button white medium button-border radius radius_stroke \" href=\"#\" target=_self>Button Panel<\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"large-6 medium-6 column \" >\n<div class=\"idz-panel fold yellow \">\n<h4 class=\" \" >Yellow Panel with Icon<\/h4>\n<p>Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.<\/p>\n<p><a class=\"idz-button white medium button-border radius radius_stroke \" href=\"#\" target=_self>Button Panel<\/a><\/p>\n<div class=\"panel-icon\"><i class=\"linea-basic_lightbulb\"><\/i><\/div>\n<\/div>\n<\/div>\n<div class=\"large-6 medium-6 column \" >\n<div class=\"idz-panel fold green \">\n<h4 class=\" \" >Green Panel with Icon<\/h4>\n<p>Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.<\/p>\n<p><a class=\"idz-button white medium button-border radius radius_stroke \" href=\"#\" target=_self>Button Panel<\/a><\/p>\n<div class=\"panel-icon\"><i class=\"linea-basic_keyboard\"><\/i><\/div>\n<\/div>\n<\/div>\n<div class=\"large-6 medium-6 column \" >\n<div class=\"idz-panel fold grey \">\n<h4 class=\" \" >Grey Panel with Icon<\/h4>\n<p>Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.<\/p>\n<p><a class=\"idz-button white medium button-border radius radius_stroke \" href=\"#\" target=_self>Button Panel<\/a><\/p>\n<div class=\"panel-icon\"><i class=\"linea-basic_gear\"><\/i><\/div>\n<\/div>\n<\/div>\n<div class=\"large-6 medium-6 column \" >\n<div class=\"idz-panel fold red \">\n<h4 class=\" \" >Red Panel with Icon<\/h4>\n<p>Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.<\/p>\n<p><a class=\"idz-button white medium button-border radius radius_stroke \" href=\"#\" target=_self>Button Panel<\/a><\/p>\n<div class=\"panel-icon\"><i class=\"linea-basic_book_pen\"><\/i><\/div>\n<\/div>\n<\/div>\n<div class=\"large-6 medium-6 column \" >\n<div class=\"idz-panel \">\n<h4 class=\" \" >White Panel with Icon (No Fold)<\/h4>\n<p>Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.<\/p>\n<p><a class=\"idz-button blue medium button-border radius radius_stroke \" href=\"#\" target=_self>Button Panel<\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"large-6 medium-6 column \" >\n<div class=\"idz-panel fold blue \">\n<h4 class=\" \" >Blue Panel with Icon<\/h4>\n<p>Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.<\/p>\n<p><a class=\"idz-button white medium button-border radius radius_stroke \" href=\"#\" target=_self>Button Panel<\/a><\/p>\n<div class=\"panel-icon\"><i class=\"linea-basic_alarm\"><\/i><\/div>\n<\/div>\n<\/div>\n<div class=\"large-6 medium-6 column \" >\n<div class=\"idz-panel \">\n<h4 class=\" \" >White Panel with Icon<\/h4>\n<p>Mauris a interdum ligula. Donec eleifend sem tincidunt, suscipit nisl nec, blandit quam. Nulla quis leo ac nibh aliquet imperdiet.<\/p>\n<p><a class=\"idz-button blue medium radius radius_shape \" href=\"#\" target=_self>Button Panel<\/a><\/p>\n<div class=\"panel-icon\"><i class=\"linea-basic_life_buoy\"><\/i><\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"spacer \" style=\"height:20px;  background:\">&nbsp;<\/div>\n<div class=\"spacer \" style=\"height:3px;  background:#dedede\">&nbsp;<\/div>\n<div class=\"spacer \" style=\"height:20px;  background:\">&nbsp;<\/div>\n<div class=\"large-12  column \"  >\n<h3 class=\" \" >Promobox Example<\/h3>\n<pre class=\"indonez_code\"><div class=\"promo-box orange \"><div class=\"promo-text\"><h4 class=\"promo-title firstword-bold\"><\/h4><p><\/p><\/div><div class=\"promo-action\"><a class=\"idz-button orange\" href=\"\"> <i class=\"icon-circleright\"><\/i><\/a><\/div><\/div><\/pre>\n<div class=\"idz-panel \">\n<h4>Parameter<\/h4>\n<ul class=\"check \">\n<li><strong>title: <\/strong>title of promobox<\/li>\n<li><strong>subtitle: <\/strong>subtitle of promobox<\/li>\n<li><strong>color: <\/strong>orange | blue | green | grey | red | yellow<\/li>\n<li><strong>button_link: <\/strong>link to URL<\/li>\n<li><strong>button_label: <\/strong>label of button<\/li>\n<li><strong>class: <\/strong>optional name class for container<\/li>\n<\/ul>\n<\/div>\n<p><strong>\u00a0<\/strong><\/p>\n<\/div>\n<div class=\"large-12  column \"  >\n<div class=\"promo-box orange \">\n<div class=\"promo-text\">\n<h4 class=\"promo-title firstword-bold\">EFFICIENTLY unleash cross-media information without cross-media value.<\/h4>\n<p>Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem<\/p>\n<\/div>\n<div class=\"promo-action\"><a class=\"idz-button orange\" href=\"#\">View Details <i class=\"icon-circleright\"><\/i><\/a><\/div>\n<\/div>\n<div class=\"promo-box blue \">\n<div class=\"promo-text\">\n<h4 class=\"promo-title firstword-bold\">EFFICIENTLY unleash cross-media information without cross-media value.<\/h4>\n<p>Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem<\/p>\n<\/div>\n<div class=\"promo-action\"><a class=\"idz-button blue\" href=\"#\">View Details <i class=\"icon-circleright\"><\/i><\/a><\/div>\n<\/div>\n<div class=\"promo-box green \">\n<div class=\"promo-text\">\n<h4 class=\"promo-title firstword-bold\">EFFICIENTLY unleash cross-media information without cross-media value.<\/h4>\n<p>Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem<\/p>\n<\/div>\n<div class=\"promo-action\"><a class=\"idz-button green\" href=\"#\">View Details <i class=\"icon-circleright\"><\/i><\/a><\/div>\n<\/div>\n<div class=\"promo-box yellow \">\n<div class=\"promo-text\">\n<h4 class=\"promo-title firstword-bold\">EFFICIENTLY unleash cross-media information without cross-media value.<\/h4>\n<p>Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem<\/p>\n<\/div>\n<div class=\"promo-action\"><a class=\"idz-button yellow\" href=\"#\">View Details <i class=\"icon-circleright\"><\/i><\/a><\/div>\n<\/div>\n<div class=\"promo-box red \">\n<div class=\"promo-text\">\n<h4 class=\"promo-title firstword-bold\">EFFICIENTLY unleash cross-media information without cross-media value.<\/h4>\n<p>Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem<\/p>\n<\/div>\n<div class=\"promo-action\"><a class=\"idz-button red\" href=\"#\">View Details <i class=\"icon-circleright\"><\/i><\/a><\/div>\n<\/div>\n<div class=\"promo-box grey \">\n<div class=\"promo-text\">\n<h4 class=\"promo-title firstword-bold\">EFFICIENTLY unleash cross-media information without cross-media value.<\/h4>\n<p>Architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem<\/p>\n<\/div>\n<div class=\"promo-action\"><a class=\"idz-button grey\" href=\"#\">View Details <i class=\"icon-circleright\"><\/i><\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&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\/50"}],"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=50"}],"version-history":[{"count":0,"href":"https:\/\/gulfcandlecompany.com\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"wp:attachment":[{"href":"https:\/\/gulfcandlecompany.com\/index.php\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}