{"id":3231,"date":"2021-08-31T10:51:11","date_gmt":"2021-08-31T10:51:11","guid":{"rendered":"https:\/\/casonmedia.com\/dev\/new-design\/?p=3231"},"modified":"2021-08-31T10:53:34","modified_gmt":"2021-08-31T10:53:34","slug":"test-table","status":"publish","type":"post","link":"https:\/\/casonmedia.com\/dev\/new-design\/test-table\/","title":{"rendered":"Test table"},"content":{"rendered":"<!DOCTYPE html>\r\n<html>\r\n\r\n<head>\r\n  <title>Truly Responsive Comparision Tables Demo<\/title>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, shrink-to-fit=no\">\r\n  <link rel=\"stylesheet\" href=\"broker-table\/dist\/css\/truly-responsive-table.min.css\">\r\n  <link rel=\"stylesheet\" href=\"broker-table\/dist\/css\/truly-responsive-table-theme.min.css\">\r\n  <style>\r\n    body {\r\n      padding:2rem;\r\n      background:#67c7c9;\r\n    }\r\n    .tr-table {\r\n      margin-bottom:4rem;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <main>\r\n    <section>\r\n      <table class=\"tr-table\" id=\"pricing-table\">\r\n        <thead>\r\n          <tr>\r\n            <th data-mobile-collapse><\/th>\r\n            <th>Basic<\/th>\r\n            <th data-featured>Standard<\/th>\r\n            <th>Premium<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr>\r\n            <th>Price (per month)<\/th>\r\n            <td class=\"price\">Free<\/td>\r\n            <td class=\"price\">&euro;10<\/td>\r\n            <td class=\"price\">&euro;99<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th data-tooltip=\"The monthly cloud storage limit\">Monthly storage<\/th>\r\n            <td>5GB<\/td>\r\n            <td>10GB<\/td>\r\n            <td>100GB<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th data-tooltip=\"The maximum number of requests allowed per month\">Rate limit<\/th>\r\n            <td>50,000 requests<\/td>\r\n            <td>100,000 requests<\/td>\r\n            <td>Unlimited requests<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th data-tooltip=\"We support all languages!\">Multiple Languages<\/th>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th data-tooltip=\"High quality customer support provided 24\/7\">24\/7 support<\/th>\r\n            <td>\r\n              <div class=\"icon-x\"><\/div>\r\n            <\/td>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th data-tooltip=\"Optional daily automated backups\">Automated backups<\/th>\r\n            <td>\r\n              <div class=\"icon-x\"><\/div>\r\n            <\/td>\r\n            <td>\r\n              <div class=\"icon-x\"><\/div>\r\n            <\/td>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th data-mobile-collapse><\/th>\r\n            <td data-mobile-expand>\r\n              <a class=\"button\" href=\"#\">Sign up<\/a>\r\n            <\/td>\r\n            <td data-mobile-expand>\r\n              <a class=\"button\" href=\"#\">Sign up<\/a>\r\n            <\/td>\r\n            <td data-mobile-expand>\r\n              <a class=\"button\" href=\"#\">Sign up<\/a>\r\n            <\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/section>\r\n    <section>\r\n      <table class=\"tr-table\" id=\"comparison-table\">\r\n        <thead>\r\n          <tr>\r\n            <th data-mobile-collapse><\/th>\r\n            <th data-mobile-content=\"iPhone 7 Plus\">\r\n              <img src=\"http:\/\/cdn2.gsmarena.com\/vv\/bigpic\/apple-iphone-7-plus-r2.jpg\" style=\"margin-bottom:1rem; max-width:70px;\">\r\n              <br>iPhone 7 Plus<\/th>\r\n            <th data-mobile-content=\"Samsung Galaxy J7\">\r\n              <img src=\"http:\/\/cdn2.gsmarena.com\/vv\/bigpic\/samsung-galaxy-j7-pro.jpg\" style=\"margin-bottom:1rem; max-width:70px;\">\r\n              <br>Samsung Galaxy J7<\/th>\r\n            <th data-mobile-content=\"OnePlus 5\">\r\n              <img src=\"http:\/\/cdn2.gsmarena.com\/vv\/bigpic\/oneplus-5.jpg\" style=\"margin-bottom:1rem; max-width:70px;\">\r\n              <br>OnePlus 5<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr>\r\n            <th>Resolution<\/th>\r\n            <td>1080p<\/td>\r\n            <td>1080p<\/td>\r\n            <td>1080p<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th>Screen size<\/th>\r\n            <td>5.5 inches\r\n              <br>(~67.7% screen-to-body ratio)<\/td>\r\n            <td>5.5 inches\r\n              <br>(~73.3% screen-to-body ratio)<\/td>\r\n            <td>5.5 inches\r\n              <br>(~73.0% screen-to-body ratio)<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th>SIM<\/th>\r\n            <td>Nano-SIM<\/td>\r\n            <td>Dual SIM<\/td>\r\n            <td>Dual SIM<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th>3.5mm jack<\/th>\r\n            <td>\r\n              <div class=\"icon-x\"><\/div>\r\n            <\/td>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th>Internal Memory<\/th>\r\n            <td>32\/128\/256GB<\/td>\r\n            <td>16\/32GB<\/td>\r\n            <td>64\/128GB<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th>RAM<\/th>\r\n            <td>3GB<\/td>\r\n            <td>3GB<\/td>\r\n            <td>6\/8GB<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <th>GPRS<\/th>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n            <td>\r\n              <div class=\"icon-check\"><\/div>\r\n            <\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/section>\r\n  <\/main>\r\n  <script src=\"broker-table\/dist\/js\/truly-responsive-table.min.js\"><\/script>\r\n  <script>\r\n    var pricingTable = new trulyResponsiveTable('pricing-table')\r\n    var comparisonTable = new trulyResponsiveTable('comparison-table', {breakpoint: 1000})\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"Truly Responsive Comparision Tables Demo Basic Standard Premium Price (per month) Free &euro;10 &euro;99 Monthly storage 5GB 10GB 100GB Rate limit 50,000 requests 100,000 requests Unlimited requests Multiple Languages 24\/7 support Automated backups Sign up Sign up Sign up iPhone 7 Plus Samsung Galaxy J7 OnePlus 5 Resolution 1080p 1080p 1080p Screen size 5.5 inches [&hellip;]","protected":false},"author":10,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/casonmedia.com\/dev\/new-design\/wp-json\/wp\/v2\/posts\/3231"}],"collection":[{"href":"https:\/\/casonmedia.com\/dev\/new-design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/casonmedia.com\/dev\/new-design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/casonmedia.com\/dev\/new-design\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/casonmedia.com\/dev\/new-design\/wp-json\/wp\/v2\/comments?post=3231"}],"version-history":[{"count":2,"href":"https:\/\/casonmedia.com\/dev\/new-design\/wp-json\/wp\/v2\/posts\/3231\/revisions"}],"predecessor-version":[{"id":3233,"href":"https:\/\/casonmedia.com\/dev\/new-design\/wp-json\/wp\/v2\/posts\/3231\/revisions\/3233"}],"wp:attachment":[{"href":"https:\/\/casonmedia.com\/dev\/new-design\/wp-json\/wp\/v2\/media?parent=3231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/casonmedia.com\/dev\/new-design\/wp-json\/wp\/v2\/categories?post=3231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/casonmedia.com\/dev\/new-design\/wp-json\/wp\/v2\/tags?post=3231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}