{"id":827,"date":"2013-04-10T16:06:44","date_gmt":"2013-04-10T16:06:44","guid":{"rendered":"http:\/\/localhost:8888\/?page_id=827"},"modified":"2013-08-13T14:32:20","modified_gmt":"2013-08-13T14:32:20","slug":"price-table","status":"publish","type":"page","link":"https:\/\/tcmalbun.li\/index.php\/typography\/price-table\/","title":{"rendered":"Price Table"},"content":{"rendered":"
\n
\n
Basic<\/dt>\n
$15\/ month<\/small><\/dd>\n
Unlimited Storage<\/dd>\n
Unlimited Transactions<\/dd>\n
Unlimited Contacts<\/dd>\n
Unlimited Users<\/dd>\n
Try it for a month!<\/dd>\n
Choose<\/a><\/dd>\n<\/dl>\n
\n
Premium<\/dt>\n
$99\/ month<\/small><\/dd>\n
Unlimited Storage<\/dd>\n
Unlimited Transactions<\/dd>\n
Unlimited Contacts<\/dd>\n
Unlimited Users<\/dd>\n
Try it for a month!<\/dd>\n
Choose<\/a><\/dd>\n<\/dl>\n
\n
Plus<\/dt>\n
$29\/ month<\/small><\/dd>\n
Unlimited Storage<\/dd>\n
Unlimited Transactions<\/dd>\n
Unlimited Contacts<\/dd>\n
Unlimited Users<\/dd>\n
Try it for a month!<\/dd>\n
Choose<\/a><\/dd>\n<\/dl>\n<\/div>\n

Price table Custom HTML is based on the following structure:<\/p>\n

<div class=\"gk-price-table col3\">\r\n<dl>\r\n<dt>Basic<\/dt>\r\n<dd class=\"gk-price\">$15<small>\/ month<\/small><\/dd>\r\n<dd>Unlimited Storage<\/dd>\r\n<dd>Unlimited Transactions<\/dd>\r\n<dd>Unlimited Contacts<\/dd>\r\n<dd>Unlimited Users<\/dd>\r\n<dd>Try it for a month!<\/dd>\r\n<dd><a href=\"#\">Choose<\/a><\/dd>\r\n<\/dl>\r\n\r\n<dl class=\"gk-premium\">\r\n<dt>Premium<\/dt>\r\n<dd class=\"gk-price\">$99<small>\/ month<\/small><\/dd>\r\n<dd>Unlimited Storage<\/dd>\r\n<dd>Unlimited Transactions<\/dd>\r\n<dd>Unlimited Contacts<\/dd>\r\n<dd>Unlimited Users<\/dd>\r\n<dd>Try it for a month!<\/dd>\r\n<dd><a href=\"#\">Choose<\/a><\/dd>\r\n<\/dl>\r\n\r\n<dl>\r\n<dt>Plus<\/dt>\r\n<dd class=\"gk-price\">$29<small>\/ month<\/small><\/dd>\r\n<dd>Unlimited Storage<\/dd>\r\n<dd>Unlimited Transactions<\/dd>\r\n<dd>Unlimited Contacts<\/dd>\r\n<dd>Unlimited Users<\/dd>\r\n<dd>Try it for a month!<\/dd>\r\n<dd><a href=\"#\">Choose<\/a><\/dd>\r\n<\/dl>\r\n<\/div><\/pre>\n
The main wrapper contains two clases: the gk-price-table<\/strong> class is required as a base of the CSS styling and the second class is used to specify the amount of columns – you can use classes col1<\/strong>–col5<\/strong>.<\/p>\n
Every column is specified by dl<\/strong> element (with gk-premium<\/strong> class the column will be highlighted) – in the dt<\/strong> element you can specify the table column title. In the dd<\/strong> element with gk-price<\/strong> class you can specify the price – using the small<\/strong> element you can specify te service period time.<\/p>\n
Adding of the button at the bottom is very simple – it needs just to add the link element in the dd<\/strong> element.<\/p>\n","protected":false},"excerpt":{"rendered":"
Basic $15\/ month Unlimited Storage Unlimited Transactions Unlimited Contacts Unlimited Users Try it for a month! Choose Premium $99\/ month Unlimited Storage Unlimited Transactions Unlimited Contacts Unlimited Users Try it for a month! Choose Plus $29\/ month Unlimited Storage Unlimited Transactions Unlimited Contacts Unlimited Users Try it for a month! Choose Price table Custom HTML…<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":1717,"menu_order":0,"comment_status":"open","ping_status":"open","template":"template.fullwidth.php","meta":{"_exactmetrics_skip_tracking":false,"footnotes":""},"class_list":["post-827","page","type-page","status-publish","hentry","no-sidebar"],"_links":{"self":[{"href":"https:\/\/tcmalbun.li\/index.php\/wp-json\/wp\/v2\/pages\/827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tcmalbun.li\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tcmalbun.li\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tcmalbun.li\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tcmalbun.li\/index.php\/wp-json\/wp\/v2\/comments?post=827"}],"version-history":[{"count":3,"href":"https:\/\/tcmalbun.li\/index.php\/wp-json\/wp\/v2\/pages\/827\/revisions"}],"predecessor-version":[{"id":3222,"href":"https:\/\/tcmalbun.li\/index.php\/wp-json\/wp\/v2\/pages\/827\/revisions\/3222"}],"up":[{"embeddable":true,"href":"https:\/\/tcmalbun.li\/index.php\/wp-json\/wp\/v2\/pages\/1717"}],"wp:attachment":[{"href":"https:\/\/tcmalbun.li\/index.php\/wp-json\/wp\/v2\/media?parent=827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}