{"id":1182,"date":"2023-04-05T20:59:17","date_gmt":"2023-04-05T17:59:17","guid":{"rendered":"https:\/\/notes.profidev.online\/?p=1182"},"modified":"2023-04-05T20:59:20","modified_gmt":"2023-04-05T17:59:20","slug":"pricing-tables","status":"publish","type":"post","link":"https:\/\/notes.profidev.online\/ru\/cards\/1182\/","title":{"rendered":"Pricing Tables"},"content":{"rendered":"<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Pricing Tables\" width=\"640\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/io8NJXKEf5I?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text\/html&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;HTML&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;html&quot;}\">    &lt;div id=&quot;container&quot;&gt;\n      &lt;div class=&quot;whole&quot;&gt;\n      &lt;div class=&quot;type&quot;&gt;\n        &lt;p&gt;Simple&lt;\/p&gt;\n        &lt;\/div&gt;\n      &lt;div class=&quot;plan&quot;&gt;\n    \n        &lt;div class=&quot;header&quot;&gt;\n          &lt;span&gt;$&lt;\/span&gt;29&lt;sup&gt;99&lt;\/sup&gt;\n          &lt;p class=&quot;month&quot;&gt;per month&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;content&quot;&gt;\n          &lt;ul&gt;\n            &lt;li&gt;15 Email Accounts&lt;\/li&gt;\n            &lt;li&gt;100GB Space&lt;\/li&gt;\n            &lt;li&gt;1 Domain Name&lt;\/li&gt;\n            &lt;li&gt;500GB Bandwidth&lt;\/li&gt;\n          &lt;\/ul&gt;\n    \n        &lt;\/div&gt;\n        \n        &lt;div class=&quot;price&quot;&gt;\n          &lt;a href=&quot;#&quot; class=&quot;bottom&quot;&gt;&lt;p class=&quot;cart&quot;&gt;Add to cart&lt;\/p&gt;&lt;\/a&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n      &lt;div class=&quot;whole&quot;&gt;\n        &lt;div class=&quot;type standard&quot;&gt;\n        &lt;p&gt;Standard&lt;\/p&gt;\n        &lt;\/div&gt;\n      &lt;div class=&quot;plan&quot;&gt;\n    \n        &lt;div class=&quot;header&quot;&gt;\n          &lt;span&gt;$&lt;\/span&gt;49&lt;sup&gt;99&lt;\/sup&gt;\n          &lt;p class=&quot;month&quot;&gt;per month&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;content&quot;&gt;\n          &lt;ul&gt;\n            &lt;li&gt;15 Email Accounts&lt;\/li&gt;\n            &lt;li&gt;100GB Space&lt;\/li&gt;\n            &lt;li&gt;1 Domain Name&lt;\/li&gt;\n            &lt;li&gt;500GB Bandwidth&lt;\/li&gt;\n          &lt;\/ul&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;price&quot;&gt;\n          &lt;a href=&quot;#&quot; class=&quot;bottom&quot;&gt;&lt;p class=&quot;cart&quot;&gt;Add to cart&lt;\/p&gt;&lt;\/a&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n    \n      &lt;div class=&quot;whole&quot;&gt;\n        &lt;div class=&quot;type ultimate&quot;&gt;\n        &lt;p&gt;Ultimate&lt;\/p&gt;\n        &lt;\/div&gt;\n      &lt;div class=&quot;plan&quot;&gt;\n    \n        &lt;div class=&quot;header&quot;&gt;\n          &lt;span&gt;$&lt;\/span&gt;79&lt;sup&gt;99&lt;\/sup&gt;\n          &lt;p class=&quot;month&quot;&gt;per month&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;content&quot;&gt;\n          &lt;ul&gt;\n            &lt;li&gt;15 Email Accounts&lt;\/li&gt;\n            &lt;li&gt;100GB Space&lt;\/li&gt;\n            &lt;li&gt;1 Domain Name&lt;\/li&gt;\n            &lt;li&gt;500GB Bandwidth&lt;\/li&gt;\n          &lt;\/ul&gt;\n        &lt;\/div&gt;\n        &lt;div class=&quot;price&quot;&gt;\n          &lt;a href=&quot;#&quot; class=&quot;bottom&quot;&gt;&lt;p class=&quot;cart&quot;&gt;Add to cart&lt;\/p&lt;&lt;\/a&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;<\/pre><\/div>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;css&quot;,&quot;mime&quot;:&quot;text\/css&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;CSS&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;css&quot;}\">body{\n\tfont-family:'Open Sans';\n    font-style:condensed;\n  background: #5b2072; \/* Old browsers *\/\n    background: -moz-radial-gradient(center, ellipse cover,  #5b2072 0%, #5d1566 50%, #251a41 100%); \/* FF3.6+ *\/\n    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#5b2072), color-stop(50%,#5d1566), color-stop(100%,#251a41)); \/* Chrome,Safari4+ *\/\n    background: -webkit-radial-gradient(center, ellipse cover,  #5b2072 0%,#5d1566 50%,#251a41 100%); \/* Chrome10+,Safari5.1+ *\/\n    background: -o-radial-gradient(center, ellipse cover,  #5b2072 0%,#5d1566 50%,#251a41 100%); \/* Opera 12+ *\/\n    background: -ms-radial-gradient(center, ellipse cover,  #5b2072 0%,#5d1566 50%,#251a41 100%); \/* IE10+ *\/\n    background: radial-gradient(ellipse at center,  #5b2072 0%,#5d1566 50%,#251a41 100%); \/* W3C *\/\n    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b2072', endColorstr='#251a41',GradientType=1 ); \/* IE6-9 fallback on horizontal gradient *\/\n}\n\na{\n\tfont-size: 18px;\n\tfont-family:'Open Sans';\n    color: white;\n    text-decoration: none;\n\n}\n\ninput:focus,textarea:focus,select:focus{\n  border:1px solid #fafafa;\n  -webkit-box-shadow:0 0 6px #007eff;\n  -moz-box-shadow:0 0 5px #007eff;\n  box-shadow:0 0 5px #007eff;\n  outline: none;\n}\n\nsup{\n\n\tfont-size: 40px;\n}\n\nul{\n\tlist-style: none;\n\tfont-size: 15px;\n\tfont-family:'Open Sans';\n\tcolor: #9095aa;\n\tpadding: 0px;\n\tmargin: 0px;\n\n\n}\n\n\nli{\nborder-bottom: 1px solid #494a5a;\npadding: 0px;\nmargin: 0px;\ntext-align: center;\nheight: 52px;\nline-height: 52px;\n}\n\n\n#container{\n\twidth: 100%;\n  text-align:center;\n}\n\n.whole{\n\tdisplay: inline-block;\n  \n}\n\n\n\n.type{\n\twidth: 300px;\n\tborder-radius: 5px 5px 0px 0px;\n\tbackground-color: #eac80d;\n\theight: 62px;\n\tborder-bottom: 3px solid #bfa30c;\n\n}\n\n.type p{\n\tfont-family:'Open Sans';\n    font-weight: 800;\n\tfont-size: 29px;\n\ttext-transform: uppercase;\n\tcolor: white;\n\ttext-align: center;\n\tpadding-top: 10px;\n\n\t\n\n}\n\n.plan{\n\twidth: 300px;\n\tbackground-color: #2b2937;\n\n\tborder-radius: 0px 0px 5px 5px;\n    font-family:'Open Sans';\n    font-style:condensed;\n    font-size: 90px;\n    color: white;\n    text-align: center;\n\n\n}\n.standard{\n\tbackground-color: #1abc9c;\n\tborder-bottom: 3px solid #18937b;\n}\n\n.ultimate{\n\tbackground-color: #5d6a9a;\n\tborder-bottom: 3px solid #474f6f;\n}\n\n\n\n\n\n.header{\n\tborder-bottom: 1px solid #494a5a;\n\tpadding-bottom: 39px;\n\n\n}\n\n.header span{\n\tfont-size: 32px;\n\n\t\n}\n\n.month{\n\tfont-size: 14px;\n\tcolor: #575757;\n\tpadding: 0px;\n\tmargin: -10px;\n}\n\n.price{\n\theight:80px;\n}\n\n.cart{\n  \n  color:white;\n  position: relative;\n  top: 16px;\n  \n}\n\n.bottom{\n  \n  \n}\n\n.content{\n}\n\n.login_c{\n  width:500px;\n  background-color:#2b2937;\n  height:300px;\n  margin: 0 auto;\n  margin-top:40px;\n  border-radius:5px;\n  \n}\n\n.login_c input{\n  width: 350px;\nheight: 40px;\n  border: 1px solid #494a5a;\n  margin-bottom:20px;\n  border-radius:5px;\n  padding-left: 10px;\n\n}\n\n\n.login{\n  background-color: #BC4B1A;\n\tborder-bottom: 3px solid #7C3618;\n  width:100%;\n  \n}\n\n.top{\n  margin-top:35px;\n}\n\n.nodisplay{\n  opacity: 0.1;\n}\n\n.selected{\n  background-color:#1F1B36;\n  margin:0px;\n  padding:0px;\n}\n<\/pre><\/div>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;JavaScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;js&quot;}\">$(&quot;.header&quot;).click(function () {\n  var $this = $(this);\n  $this.closest(&quot;.whole&quot;).find(&quot;.content&quot;).slideToggle();\n});\n\n$(&quot;.whole&quot;).on(&quot;click&quot;, &quot;a&quot;, function () {\n  event.preventDefault();\n  $(&quot;.plan&quot;).removeClass(&quot;selected&quot;);\n  $(this).closest(&quot;.whole&quot;).find(&quot;.plan&quot;).addClass(&quot;selected&quot;);\n});\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1183,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[],"class_list":["post-1182","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cards"],"_links":{"self":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/comments?post=1182"}],"version-history":[{"count":1,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1182\/revisions"}],"predecessor-version":[{"id":1184,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1182\/revisions\/1184"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media\/1183"}],"wp:attachment":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media?parent=1182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/categories?post=1182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/tags?post=1182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}