{"id":331,"date":"2014-05-24T06:37:44","date_gmt":"2014-05-24T11:37:44","guid":{"rendered":"http:\/\/theme.co\/x\/demo\/integrity\/10\/?page_id=331"},"modified":"2014-05-24T06:37:44","modified_gmt":"2014-05-24T11:37:44","slug":"responsive-pricing-table","status":"publish","type":"page","link":"https:\/\/demo.theme.co\/renew-1\/shortcodes\/responsive-pricing-table\/","title":{"rendered":"Responsive Pricing Table"},"content":{"rendered":"<hr  class=\"x-gap\" style=\"margin: 30px 0 0 0;\">\n<div  class=\"x-pricing-table cf three-columns\" >\n<div  class=\"x-pricing-column\" ><h2 class=\"man\">Basic<\/h2><div class=\"x-pricing-column-info\"><h3 class=\"x-price\">$39<\/h3><span class=\"x-interval\">Per Month<\/span><ul class=\"x-ul-icons\"  ><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>All Widgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>All Wadgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>All Wedgets<\/li><li class=\"x-li-icon\" style=\"color: red;\"  ><i class=\"x-icon-times\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00d;\"  ><\/i>Wodgets<\/li><li class=\"x-li-icon\" style=\"color: red;\"  ><i class=\"x-icon-times\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00d;\"  ><\/i>Gizmos<\/li><\/ul><a  class=\"x-btn x-btn-rounded\"  href=\"#example\" title=\"Example\"    data-options=\"thumbnail: ''\">Sign Up Today!<\/a>\n<\/div><\/div><div  class=\"x-pricing-column featured\" ><h2 class=\"man\">Plus <span class=\"x-featured-sub\">Featured<\/span><\/h2><div class=\"x-pricing-column-info\"><h3 class=\"x-price\">$59<\/h3><span class=\"x-interval\">Per Month<\/span><ul class=\"x-ul-icons\"  ><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>All Widgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>All Wadgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>All Wedgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Wodgets<\/li><li class=\"x-li-icon\" style=\"color: red;\"  ><i class=\"x-icon-times\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00d;\"  ><\/i>Gizmos<\/li><\/ul><a  class=\"x-btn x-btn-rounded x-btn-x-large\"  href=\"#example\" title=\"Example\"    data-options=\"thumbnail: ''\">Sign Up Today!<\/a>\n<\/div><\/div><div  class=\"x-pricing-column\" ><h2 class=\"man\">Premium<\/h2><div class=\"x-pricing-column-info\"><h3 class=\"x-price\">$89<\/h3><span class=\"x-interval\">Per Month<\/span><ul class=\"x-ul-icons\"  ><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>All Widgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>All Wadgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>All Wedgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Wodgets<\/li><li class=\"x-li-icon\"  ><i class=\"x-icon-check\" aria-hidden=\"true\" data-x-icon-s=\"&#xf00c;\"  ><\/i>Gizmos<\/li><\/ul><a  class=\"x-btn x-btn-rounded\"  href=\"#example\" title=\"Example\"    data-options=\"thumbnail: ''\">Sign Up Today!<\/a>\n<\/div><\/div><\/div>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Code<\/span><\/h2>\n<pre  class=\"x-code\" ><code>[pricing_table columns=\"3\"] [pricing_table_column title=\"Basic\" currency=\"$\" price=\"39\" interval=\"Per Month\"][icon_list][icon_list_item type=\"check\"]All Widgets[\/icon_list_item][icon_list_item type=\"check\"]All Wadgets[\/icon_list_item][icon_list_item type=\"check\"]All Wedgets[\/icon_list_item][icon_list_item type=\"times\" style=\"color: red;\"]Wodgets[\/icon_list_item][icon_list_item type=\"times\" style=\"color: red;\"]Gizmos[\/icon_list_item][\/icon_list][button shape=\"rounded\" href=\"#example\" title=\"Example\"]Sign Up Today![\/button] [\/pricing_table_column] [pricing_table_column featured=\"true\" featured_sub=\"Featured\" title=\"Plus\" currency=\"$\" price=\"59\" interval=\"Per Month\"][icon_list][icon_list_item type=\"check\"]All Widgets[\/icon_list_item][icon_list_item type=\"check\"]All Wadgets[\/icon_list_item][icon_list_item type=\"check\"]All Wedgets[\/icon_list_item][icon_list_item type=\"check\"]Wodgets[\/icon_list_item][icon_list_item type=\"times\" style=\"color: red;\"]Gizmos[\/icon_list_item][\/icon_list][button shape=\"rounded\" size=\"x-large\" href=\"#example\" title=\"Example\"]Sign Up Today![\/button][\/pricing_table_column] [pricing_table_column title=\"Premium\" currency=\"$\" price=\"89\" interval=\"Per Month\"][icon_list][icon_list_item type=\"check\"]All Widgets[\/icon_list_item][icon_list_item type=\"check\"]All Wadgets[\/icon_list_item][icon_list_item type=\"check\"]All Wedgets[\/icon_list_item][icon_list_item type=\"check\"]Wodgets[\/icon_list_item][icon_list_item type=\"check\"]Gizmos[\/icon_list_item][\/icon_list][button shape=\"rounded\" href=\"#example\" title=\"Example\"]Sign Up Today![\/button][\/pricing_table_column] [\/pricing_table]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Pricing Table Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>columns<\/strong>: &#8220;1,&#8221; &#8220;2,&#8221; &#8220;3,&#8221; &#8220;4,&#8221; or &#8220;5.&#8221;<\/li>\n<\/ul>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Pricing Table Column Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>featured<\/strong>: input &#8220;true&#8221; to activate the column as the featured item.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>featured_sub<\/strong>: enter a sub headline for your featured item.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>title<\/strong>: select a title for your column.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>currency<\/strong>: select the currency symbol to use for your pricing table (i.e. &#8220;$,&#8221; &#8220;\u00a3,&#8221; &#8220;\u00a5,&#8221; et cetera).<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>price<\/strong>: set the price of the column.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>interval<\/strong>: set the interval for when payment is due (i.e. &#8220;per month,&#8221; &#8220;yearly,&#8221; et cetera).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":259,"menu_order":0,"comment_status":"closed","ping_status":"closed","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},"_links":{"self":[{"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/pages\/331"}],"collection":[{"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/comments?post=331"}],"version-history":[{"count":0,"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/pages\/331\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/pages\/259"}],"wp:attachment":[{"href":"https:\/\/demo.theme.co\/renew-1\/wp-json\/wp\/v2\/media?parent=331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}