{"id":1218,"date":"2023-04-08T04:14:13","date_gmt":"2023-04-08T01:14:13","guid":{"rendered":"https:\/\/notes.profidev.online\/?p=1218"},"modified":"2023-04-08T04:14:15","modified_gmt":"2023-04-08T01:14:15","slug":"price-table","status":"publish","type":"post","link":"https:\/\/notes.profidev.online\/ru\/cards\/1218\/","title":{"rendered":"Price table"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/notes.profidev.online\/wp-content\/uploads\/2023\/04\/2023-04-08_03-116-1024x574.png\" alt=\"\" class=\"wp-image-1219\" srcset=\"https:\/\/notes.profidev.online\/wp-content\/uploads\/2023\/04\/2023-04-08_03-116-1024x574.png 1024w, https:\/\/notes.profidev.online\/wp-content\/uploads\/2023\/04\/2023-04-08_03-116-300x168.png 300w, https:\/\/notes.profidev.online\/wp-content\/uploads\/2023\/04\/2023-04-08_03-116-768x430.png 768w, https:\/\/notes.profidev.online\/wp-content\/uploads\/2023\/04\/2023-04-08_03-116-1536x861.png 1536w, https:\/\/notes.profidev.online\/wp-content\/uploads\/2023\/04\/2023-04-08_03-116.png 1613w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/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;}\">\t&lt;div class=&quot;background&quot;&gt;\n    &lt;div class=&quot;container&quot;&gt;\n      &lt;div class=&quot;panel pricing-table&quot;&gt;\n        \n        &lt;div class=&quot;pricing-plan&quot;&gt;\n          &lt;img src=&quot;https:\/\/s22.postimg.cc\/8mv5gn7w1\/paper-plane.png&quot; alt=&quot;&quot; class=&quot;pricing-img&quot;&gt;\n          &lt;h2 class=&quot;pricing-header&quot;&gt;Personal&lt;\/h2&gt;\n          &lt;ul class=&quot;pricing-features&quot;&gt;\n            &lt;li class=&quot;pricing-features-item&quot;&gt;Custom domains&lt;\/li&gt;\n            &lt;li class=&quot;pricing-features-item&quot;&gt;Sleeps after 30 mins of inactivity&lt;\/li&gt;\n          &lt;\/ul&gt;\n          &lt;span class=&quot;pricing-price&quot;&gt;Free&lt;\/span&gt;\n          &lt;a href=&quot;#\/&quot; class=&quot;pricing-button&quot;&gt;Sign up&lt;\/a&gt;\n        &lt;\/div&gt;\n        \n        &lt;div class=&quot;pricing-plan&quot;&gt;\n          &lt;img src=&quot;https:\/\/s28.postimg.cc\/ju5bnc3x9\/plane.png&quot; alt=&quot;&quot; class=&quot;pricing-img&quot;&gt;\n          &lt;h2 class=&quot;pricing-header&quot;&gt;Small team&lt;\/h2&gt;\n          &lt;ul class=&quot;pricing-features&quot;&gt;\n            &lt;li class=&quot;pricing-features-item&quot;&gt;Never sleeps&lt;\/li&gt;\n            &lt;li class=&quot;pricing-features-item&quot;&gt;Multiple workers for more powerful apps&lt;\/li&gt;\n          &lt;\/ul&gt;\n          &lt;span class=&quot;pricing-price&quot;&gt;$150&lt;\/span&gt;\n          &lt;a href=&quot;#\/&quot; class=&quot;pricing-button is-featured&quot;&gt;Free trial&lt;\/a&gt;\n        &lt;\/div&gt;\n        \n        &lt;div class=&quot;pricing-plan&quot;&gt;\n          &lt;img src=&quot;https:\/\/s21.postimg.cc\/tpm0cge4n\/space-ship.png&quot; alt=&quot;&quot; class=&quot;pricing-img&quot;&gt;\n          &lt;h2 class=&quot;pricing-header&quot;&gt;Enterprise&lt;\/h2&gt;\n          &lt;ul class=&quot;pricing-features&quot;&gt;\n            &lt;li class=&quot;pricing-features-item&quot;&gt;Dedicated&lt;\/li&gt;\n            &lt;li class=&quot;pricing-features-item&quot;&gt;Simple horizontal scalability&lt;\/li&gt;\n          &lt;\/ul&gt;\n          &lt;span class=&quot;pricing-price&quot;&gt;$400&lt;\/span&gt;\n          &lt;a href=&quot;#\/&quot; class=&quot;pricing-button&quot;&gt;Free trial&lt;\/a&gt;\n        &lt;\/div&gt;\n        \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;}\">html {\n  box-sizing: border-box;\n  font-family: 'Open Sans', sans-serif;\n}\n\n*, *:before, *:after {\n  box-sizing: inherit;\n}\n\n.background {\n  padding: 0 25px 25px;\n  position: relative;\n  width: 100%;\n}\n\n.background::after {\n  content: '';\n  background: #60a9ff;\n  background: -moz-linear-gradient(top, #60a9ff 0%, #4394f4 100%);\n  background: -webkit-linear-gradient(top, #60a9ff 0%,#4394f4 100%);\n  background: linear-gradient(to bottom, #60a9ff 0%,#4394f4 100%);\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a9ff', endColorstr='#4394f4',GradientType=0 );\n  height: 350px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n}\n\n@media (min-width: 900px) {\n  .background {\n    padding: 0 0 25px;\n  }\n}\n\n.container {\n  margin: 0 auto;\n  padding: 50px 0 0;\n  max-width: 970px;\n  width: 100%;\n}\n\n.panel {\n  background-color: #fff;\n  border-radius: 10px;\n  padding: 15px 25px;\n  position: relative;\n  width: 100%;\n  z-index: 10;\n}\n\n.pricing-table {\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);\n  display: flex;\n  flex-direction: column;\n}\n\n@media (min-width: 900px) {\n  .pricing-table {\n    flex-direction: row;\n  }\n}\n\n.pricing-table * {\n  text-align: center;\n  text-transform: uppercase;\n}\n\n.pricing-plan {\n  border-bottom: 1px solid #e1f1ff;\n  padding: 25px;\n}\n\n.pricing-plan:last-child {\n  border-bottom: none;\n}\n\n@media (min-width: 900px) {\n  .pricing-plan {\n    border-bottom: none;\n    border-right: 1px solid #e1f1ff;\n    flex-basis: 100%;\n    padding: 25px 50px;\n  }\n\n  .pricing-plan:last-child {\n    border-right: none;\n  }\n}\n\n.pricing-img {\n  margin-bottom: 25px;\n  max-width: 100%;\n}\n\n.pricing-header {\n  color: #888;\n  font-weight: 600;\n  letter-spacing: 1px;\n}\n\n.pricing-features {\n  color: #016FF9;\n  font-weight: 600;\n  letter-spacing: 1px;\n  margin: 50px 0 25px;\n}\n\n.pricing-features-item {\n  border-top: 1px solid #e1f1ff;\n  font-size: 12px;\n  line-height: 1.5;\n  padding: 15px 0;\n}\n\n.pricing-features-item:last-child {\n  border-bottom: 1px solid #e1f1ff;\n}\n\n.pricing-price {\n  color: #016FF9;\n  display: block;\n  font-size: 32px;\n  font-weight: 700;\n}\n\n.pricing-button {\n  border: 1px solid #9dd1ff;\n  border-radius: 10px;\n  color: #348EFE;\n  display: inline-block;\n  margin: 25px 0;\n  padding: 15px 35px;\n  text-decoration: none;\n  transition: all 150ms ease-in-out;\n}\n\n.pricing-button:hover,\n.pricing-button:focus {\n  background-color: #e1f1ff;\n}\n\n.pricing-button.is-featured {\n  background-color: #48aaff;\n  color: #fff;\n}\n\n.pricing-button.is-featured:hover,\n.pricing-button.is-featured:active {\n  background-color: #269aff;\n}<\/pre><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1219,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[16],"class_list":["post-1218","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cards","tag-htmlcss"],"_links":{"self":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1218","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=1218"}],"version-history":[{"count":1,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1218\/revisions"}],"predecessor-version":[{"id":1220,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1218\/revisions\/1220"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media\/1219"}],"wp:attachment":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media?parent=1218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/categories?post=1218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/tags?post=1218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}