{"id":34623,"date":"2019-09-12T10:32:02","date_gmt":"2019-09-12T10:32:02","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=demo&#038;p=34623"},"modified":"2019-09-17T08:01:07","modified_gmt":"2019-09-17T08:01:07","slug":"pricing-table","status":"publish","type":"demo","link":"https:\/\/getshortcodes.com\/demo\/extra-shortcodes\/pricing-table\/","title":{"rendered":"Pricing Table"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">3 Columns<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-pricing-table\" style=\"max-width:none\">\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Free<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">0<\/span><\/div>\n<div class=\"sue-plan-period\">Forever<\/div>\n<div class=\"sue-plan-icon\"><i class=\"sui sui-send\" style=\"font-size:24px;color:#999999\" aria-label=\"\"><\/i><\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<div class=\"sue-plan sue-plan-featured\" style=\"border-color:#eeeeee;box-shadow:0px 0px 25px #eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Pro<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">79<\/span><\/div>\n<div class=\"sue-plan-period\">Per month<\/div>\n<div class=\"sue-plan-icon\"><i class=\"sui sui-briefcase\" style=\"font-size:24px;color:#999999\" aria-label=\"\"><\/i><\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Developer<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">199<\/span><\/div>\n<div class=\"sue-plan-period\">Per month<\/div>\n<div class=\"sue-plan-icon\"><i class=\"sui sui-user-circle-o\" style=\"font-size:24px;color:#999999\" aria-label=\"\"><\/i><\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t<details class=\"block-demo-source\">\n\t\t<summary>Get the code<\/summary>\n\t\t<pre contenteditable=\"true\"><div class=\"sue-pricing-table\" style=\"max-width:none\"><div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Free&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;0&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Forever&quot;<\/div><div class=\"sue-plan-icon\"><i class=\"sui sui-&quot;\" style=\"color:quot#999999quot\" aria-label=\"\"><\/i><\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">&quot;Sign<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Pro&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;79&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Per<\/div><div class=\"sue-plan-icon\"><i class=\"sui sui-&quot;\" style=\"color:quot#999999quot\" aria-label=\"\"><\/i><\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">&quot;Sign<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Developer&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;199&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Per<\/div><div class=\"sue-plan-icon\"><i class=\"sui sui-&quot;\" style=\"color:quot#999999quot\" aria-label=\"\"><\/i><\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">&quot;Sign<\/a><\/div><\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4 Columns<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-pricing-table\" style=\"max-width:none\">\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Free<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">0<\/span><\/div>\n<div class=\"sue-plan-period\">Forever<\/div>\n<div class=\"sue-plan-icon\"><i class=\"sui sui-send\" style=\"font-size:24px;color:#999999\" aria-label=\"\"><\/i><\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Pro<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">79<\/span><\/div>\n<div class=\"sue-plan-period\">Per month<\/div>\n<div class=\"sue-plan-icon\"><i class=\"sui sui-briefcase\" style=\"font-size:24px;color:#999999\" aria-label=\"\"><\/i><\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<div class=\"sue-plan sue-plan-featured\" style=\"border-color:#eeeeee;box-shadow:0px 0px 25px #eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Developer<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">199<\/span><\/div>\n<div class=\"sue-plan-period\">Per month<\/div>\n<div class=\"sue-plan-icon\"><i class=\"sui sui-user-circle-o\" style=\"font-size:24px;color:#999999\" aria-label=\"\"><\/i><\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Team<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">399<\/span><\/div>\n<div class=\"sue-plan-period\">Per month<\/div>\n<div class=\"sue-plan-icon\"><i class=\"sui sui-users\" style=\"font-size:24px;color:#999999\" aria-label=\"\"><\/i><\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">Contact Us<\/a><\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t<details class=\"block-demo-source\">\n\t\t<summary>Get the code<\/summary>\n\t\t<pre contenteditable=\"true\"><div class=\"sue-pricing-table\" style=\"max-width:none\"><div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Free&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;0&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Forever&quot;<\/div><div class=\"sue-plan-icon\"><i class=\"sui sui-&quot;\" style=\"color:quot#999999quot\" aria-label=\"\"><\/i><\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">&quot;Sign<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Pro&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;79&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Per<\/div><div class=\"sue-plan-icon\"><i class=\"sui sui-&quot;\" style=\"color:quot#999999quot\" aria-label=\"\"><\/i><\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">&quot;Sign<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Developer&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;199&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Per<\/div><div class=\"sue-plan-icon\"><i class=\"sui sui-&quot;\" style=\"color:quot#999999quot\" aria-label=\"\"><\/i><\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">&quot;Sign<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Team&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;399&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Per<\/div><div class=\"sue-plan-icon\"><i class=\"sui sui-&quot;\" style=\"color:quot#999999quot\" aria-label=\"\"><\/i><\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#999999;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#999999;color:#ffffff;border:2px solid #999999\" target=\"_self\">&quot;Contact<\/a><\/div><\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Color options<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-pricing-table\" style=\"max-width:none\">\n<div class=\"sue-plan\" style=\"border-color:#87e7ff\">\n<div class=\"sue-plan-head\" style=\"background-color:#edfeff;color:#005469;border-color:#edffff\">\n<div class=\"sue-plan-name\">Free<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">0<\/span><\/div>\n<div class=\"sue-plan-period\">Forever<\/div>\n<div class=\"sue-plan-icon\"><i class=\"sui sui-send\" style=\"font-size:32px;color:#005469\" aria-label=\"\"><\/i><\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#edfeff;color:#005469;border-color:#edffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#005469;color:#edfeff;border:2px solid #005469\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<div class=\"sue-plan sue-plan-featured\" style=\"border-color:#87e7ff;box-shadow:0 0 25px rgba(0, 84, 105, 0.5)\">\n<div class=\"sue-plan-head\" style=\"background-color:#edfeff;color:#005469;border-color:#edffff\">\n<div class=\"sue-plan-name\">Pro<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">79<\/span><\/div>\n<div class=\"sue-plan-period\">Per month<\/div>\n<div class=\"sue-plan-icon\"><i class=\"sui sui-briefcase\" style=\"font-size:32px;color:#005469\" aria-label=\"\"><\/i><\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#edfeff;color:#005469;border-color:#edffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#005469;color:#edfeff;border:2px solid #005469\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<div class=\"sue-plan\" style=\"border-color:#87e7ff\">\n<div class=\"sue-plan-head\" style=\"background-color:#edfeff;color:#005469;border-color:#edffff\">\n<div class=\"sue-plan-name\">Developer<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">199<\/span><\/div>\n<div class=\"sue-plan-period\">Per month<\/div>\n<div class=\"sue-plan-icon\"><i class=\"sui sui-user-circle-o\" style=\"font-size:32px;color:#005469\" aria-label=\"\"><\/i><\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#edfeff;color:#005469;border-color:#edffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#005469;color:#edfeff;border:2px solid #005469\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t<details class=\"block-demo-source\">\n\t\t<summary>Get the code<\/summary>\n\t\t<pre contenteditable=\"true\"><div class=\"sue-pricing-table\" style=\"max-width:none\"><div class=\"sue-plan\" style=\"border-color:quot#87e7ffquot\"><div class=\"sue-plan-head\" style=\"background-color:quot#edfeffquot;color:quot#005469quot;border-color:quot#87e7ffquot\"><div class=\"sue-plan-name\">&quot;Free&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;0&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Forever&quot;<\/div><div class=\"sue-plan-icon\"><i class=\"sui sui-&quot;\" style=\"color:quot#005469quot\" aria-label=\"\"><\/i><\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:quot#edfeffquot;color:quot#005469quot;border-color:quot#87e7ffquot\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:quot#005469quot;color:quot#edfeffquot;border:2px solid quot#005469quot\" target=\"_self\">&quot;Sign<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:quot#87e7ffquot\"><div class=\"sue-plan-head\" style=\"background-color:quot#edfeffquot;color:quot#005469quot;border-color:quot#87e7ffquot\"><div class=\"sue-plan-name\">&quot;Pro&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;79&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Per<\/div><div class=\"sue-plan-icon\"><i class=\"sui sui-&quot;\" style=\"color:quot#005469quot\" aria-label=\"\"><\/i><\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:quot#edfeffquot;color:quot#005469quot;border-color:quot#87e7ffquot\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:quot#005469quot;color:quot#edfeffquot;border:2px solid quot#005469quot\" target=\"_self\">&quot;Sign<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:quot#87e7ffquot\"><div class=\"sue-plan-head\" style=\"background-color:quot#edfeffquot;color:quot#005469quot;border-color:quot#87e7ffquot\"><div class=\"sue-plan-name\">&quot;Developer&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;199&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Per<\/div><div class=\"sue-plan-icon\"><i class=\"sui sui-&quot;\" style=\"color:quot#005469quot\" aria-label=\"\"><\/i><\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:quot#edfeffquot;color:quot#005469quot;border-color:quot#87e7ffquot\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:quot#005469quot;color:quot#edfeffquot;border:2px solid quot#005469quot\" target=\"_self\">&quot;Sign<\/a><\/div><\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5 columns combined with fullwidth Section<\/h2>\n\n\n<div class=\"block-demo block-demo-details\">\n\t<div class=\"block-demo-viewport\">\n\t\t<div class=\"sue-section sue-section-parallax sue-section-fullwidth\" data-url=\"\" data-target=\"blank\" style=\"margin:0px 0px 0px 0px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc\">\n<div class=\"sue-section-background\" style=\"background-color:#f5f5f5;background-position:left top;background-size:cover;background-image:url(&#039;https:\/\/getshortcodes.com\/wp-content\/uploads\/2019\/09\/section-3.jpg&#039;);\"><\/div>\n<div class=\"sue-section-content su-u-trim\" style=\"padding:80px 0;max-width:920px;text-align:left;color:#333333;text-shadow:none\">\n<div class=\"sue-pricing-table\" style=\"max-width:none\">\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Free<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">0<\/span><\/div>\n<div class=\"sue-plan-period\">Forever<\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#da1232;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#da1232;color:#ffffff;border:2px solid #da1232\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Pro<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">79<\/span><\/div>\n<div class=\"sue-plan-period\">Per month<\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#fd68b5;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#fd68b5;color:#ffffff;border:2px solid #fd68b5\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<div class=\"sue-plan sue-plan-featured\" style=\"border-color:#eeeeee;box-shadow:0px 0px 25px #eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Developer<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">199<\/span><\/div>\n<div class=\"sue-plan-period\">Per month<\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#fc9426;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#fc9426;color:#ffffff;border:2px solid #fc9426\" target=\"_self\">Sign Up<\/a><\/div>\n<\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Team<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">399<\/span><\/div>\n<div class=\"sue-plan-period\">Per month<\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#1db75d;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#1db75d;color:#ffffff;border:2px solid #1db75d\" target=\"_self\">Contact Us<\/a><\/div>\n<\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\">\n<div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\">\n<div class=\"sue-plan-name\">Lifetime<\/div>\n<div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">$<\/span><span class=\"sue-plan-price-value\">899<\/span><\/div>\n<div class=\"sue-plan-period\">Forever<\/div>\n<\/div>\n<div class=\"sue-plan-options\">\n<ul>\n<li>Option 1<\/li>\n<li>Option 2<\/li>\n<li>Option 3<\/li>\n<\/ul>\n<\/div>\n<div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:#10668f;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:#10668f;color:#ffffff;border:2px solid #10668f\" target=\"_self\">Buy Now<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t<\/div>\n\t<details class=\"block-demo-source\">\n\t\t<summary>Get the code<\/summary>\n\t\t<pre contenteditable=\"true\"><div class=\"sue-section sue-section-parallax\" data-url=\"\" data-target=\"blank\" style=\"margin:0px 0px 0px 0px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc\"><div class=\"sue-section-background\" style=\"background-color:quot#f5f5f5quot;background-position:left top;background-size:cover;background-image:url(&#039;&#039;);\"><\/div><div class=\"sue-section-content su-u-trim\" style=\"padding:quot80px;max-width:0px;text-align:left;color:#333333;text-shadow:quotnonequot\">\n<div class=\"sue-pricing-table\" style=\"max-width:none\"><div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Free&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;0&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Forever&quot;<\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:quot#da1232quot;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:quot#da1232quot;color:quot#ffffffquot;border:2px solid quot#da1232quot\" target=\"_self\">&quot;Sign<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Pro&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;79&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Per<\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:quot#fd68b5quot;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:quot#fd68b5quot;color:quot#ffffffquot;border:2px solid quot#fd68b5quot\" target=\"_self\">&quot;Sign<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Developer&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;199&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Per<\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:quot#fc9426quot;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:quot#fc9426quot;color:quot#ffffffquot;border:2px solid quot#fc9426quot\" target=\"_self\">&quot;Sign<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Team&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;399&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Per<\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:quot#1db75dquot;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:quot#1db75dquot;color:quot#ffffffquot;border:2px solid quot#1db75dquot\" target=\"_self\">&quot;Contact<\/a><\/div><\/div>\n<div class=\"sue-plan\" style=\"border-color:#eeeeee\"><div class=\"sue-plan-head\" style=\"background-color:#f9f9f9;color:#333333;border-color:#ffffff\"><div class=\"sue-plan-name\">&quot;Lifetime&quot;<\/div><div class=\"sue-plan-price\"><span class=\"sue-plan-price-before\">&quot;$&quot;<\/span><span class=\"sue-plan-price-value\">&quot;899&quot;<\/span><\/div><div class=\"sue-plan-period\">&quot;Forever&quot;<\/div><\/div><div class=\"sue-plan-options\">&lt;ul&gt;\n&lt;li&gt;Option 1&lt;\/li&gt;\n&lt;li&gt;Option 2&lt;\/li&gt;\n&lt;li&gt;Option 3&lt;\/li&gt;\n&lt;\/ul&gt;<\/div><div class=\"sue-plan-footer\" style=\"background-color:#f9f9f9;color:quot#10668fquot;border-color:#ffffff\"><a href=\"\" class=\"sue-plan-button\" style=\"background-color:quot#10668fquot;color:quot#ffffffquot;border:2px solid quot#10668fquot\" target=\"_self\">&quot;Buy<\/a><\/div><\/div><\/div>\n<\/div><\/div><\/pre>\n\t<\/details>\n<\/div>\n","protected":false},"featured_media":0,"parent":34612,"menu_order":11,"template":"","class_list":["post-34623","demo","type-demo","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo\/34623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/demo"}],"up":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo\/34612"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=34623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}