Шаблоны для Геткурса

{"type":"onecolumn-common","preset":"bld01","params":"{\"blockCode\":\"14b58\",\"items\":{\"parts\":{\"field14448\":{\"inner\":{\"headerSize\":\"72\",\"text\":\"<p>\\u0424\\u0438\\u0442\\u043d\\u0435\\u0441 \\u0441 \\u041c\\u0430\\u0448\\u0435\\u0439 \\u0418\\u0432\\u0430\\u043d\\u043e\\u0432\\u043e\\u0439<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"field14448\",\"partType\":\"header\",\"hAlign\":\"\",\"marginTop\":\"0\",\"marginBottom\":\"38\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"},\"text1\":{\"inner\":{\"text\":\"<p>\\u0422\\u0440\\u0435\\u043d\\u0435\\u0440 \\u0441\\u043e\\u043f\\u0440\\u043e\\u0432\\u043e\\u0436\\u0434\\u0430\\u0435\\u0442 \\u0438 \\u043a\\u043e\\u043d\\u0442\\u0440\\u043e\\u043b\\u0438\\u0440\\u0443\\u0435\\u0442 \\u0432\\u0430\\u0448\\u0438 \\u0442\\u0440\\u0435\\u043d\\u0438\\u0440\\u043e\\u0432\\u043a\\u0438 \\u0447\\u0435\\u0440\\u0435\\u0437 \\u0441\\u043c\\u0430\\u0440\\u0442\\u0444\\u043e\\u043d<\\/p>\",\"textSize\":\"text-normal\",\"textClass\":\"desc-xl\"},\"name\":\"text1\",\"partType\":\"text\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"#c9c9c9\",\"animationMode\":\"no\",\"elementCssClass\":\"\"},\"field49547\":{\"inner\":{\"title\":\"\\u0414\\u043b\\u044f \\u0436\\u0435\\u043d\\u0449\\u0438\\u043d\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#D46A6A\",\"action\":{\"type\":\"link\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"name\":\"field49547\",\"partType\":\"button\",\"hAlign\":\"text-left\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"},\"field455\":{\"inner\":{\"title\":\"\\u0414\\u043b\\u044f \\u0434\\u0435\\u0442\\u0435\\u0439\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#8C6954\",\"action\":{\"type\":\"link\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"name\":\"field455\",\"partType\":\"button\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"}}},\"viewBlockLeftOffset\":\"0\",\"viewBlockWidth\":\"7\",\"textAlign\":\"text-left\",\"blockPaddingTop\":\"2\",\"blockPaddingBottom\":\"0.5\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"enabled\":\"1\",\"image\":{\"hash\":\"AB.4de201c151051723fbf0aa1d2510ec53.jpg\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"bgcolor\":\"#ffffff\",\"color\":\"#333333\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"50px\",\"vertical\":\"95px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"animationOrder\":\"in-turn\",\"blockClickAction\":\"\",\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":"{\n\t--background-position: right center;\n}\n\n.block-cover {\n\tbackground-position: var(--background-position);\n}\n\n.builder {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n}\n\n.builder .builder-item:not(.part-button) {\n\tflex: 1 1 100%;\n}\n\n.builder .builder-item.part-button {\n\tflex: 0 0 auto;\n\tmargin-right: 20px;\n}"}

Обложка двумя кнопками в ряд и фоновой картинкой, прижатой к правому краю

{"type":"form-normal","preset":"form02","params":"{\"form\":{\"items\":{\"parts\":{\"header1\":{\"inner\":{\"headerSize\":\"26\",\"text\":\"<p>\\u0417\\u0430\\u043f\\u0438\\u0448\\u0438\\u0442\\u0435\\u0441\\u044c \\u043d\\u0430 \\u0431\\u0435\\u0441\\u043f\\u043b\\u0430\\u0442\\u043d\\u044b\\u0435 \\u0443\\u0440\\u043e\\u043a\\u0438<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"header1\",\"partType\":\"header\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"20px\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"emailField\":{\"name\":\"emailField\",\"partType\":\"userField\",\"inner\":{\"fieldName\":\"email\",\"placeholder\":\"\\u0412\\u0432\\u0435\\u0434\\u0438\\u0442\\u0435 \\u0432\\u0430\\u0448 \\u044d\\u043b. \\u0430\\u0434\\u0440\\u0435\\u0441\"}},\"submitButton\":{\"inner\":{\"title\":\"\\u0417\\u0430\\u043f\\u0438\\u0441\\u0430\\u0442\\u044c\\u0441\\u044f\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#F76835\",\"boxShadowColor\":\"\",\"borderRadius\":\"50px\"},\"name\":\"submitButton\",\"partType\":\"button\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"elementCssClass\":\"\"}}},\"formBox\":{\"bgcolor\":\"#F0F0F0\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"},\"flexDirection\":\"horizontal\",\"textAlign\":\"text-center\"}},\"blockCode\":\"cf911\",\"viewBlockLeftOffset\":\"2\",\"viewBlockWidth\":\"8\",\"blockPaddingTop\":\"3\",\"blockPaddingBottom\":\"3\",\"blockBackgroundColor\":\"#efefef\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"bgcolor\":\"#F0F0F0\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"blockClickAction\":\"\",\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":"{\n    --input-line-color: #b3b3b3;\n}\n\n.form-content .builder-item input[type='text'] {\n    border-top: 0;\n    border-left: 0;\n    border-right: 0;\n    border-bottom: 1px solid var(--input-line-color);\n    background: transparent;\n    height: 35px;\n}\n\n.form-content .builder-item textarea {\n    border-top: 0;\n    border-left: 0;\n    border-right: 0;\n    border-bottom: 1px solid var(--input-line-color);\n    background: transparent;\n}\n\n.form-content button {\n    min-height: 35px;\n\tpadding-left: 30px;\n\tpadding-right: 30px;\n}"}

Форма с одним подчеркнутым полем и уменьшенной кнопкой

eyJ0eXBlIjoidGVhc2VyLWNvbW1vbiIsInByZXNldCI6InRzcjAxIiwicGFyYW1zIjoie1widGVhc2VyQm94XCI6e1wiZW5hYmxlZFwiOlwiMVwiLFwid2lkdGhcIjpcIjIwMHB4XCIsXCJiZ2NvbG9yXCI6XCIjZmZmZmZmXCIsXCJjb2xvclwiOlwiI2EwYTBhMFwiLFwiYmdpbWFnZVwiOntcImhhc2hcIjpcIlwifSxcImJvcmRlclwiOntcIndpZHRoXCI6XCIxcHhcIixcInR5cGVcIjpcInNvbGlkXCIsXCJjb2xvclwiOlwiI0M4QzhDOFwiLFwicmFkaXVzXCI6XCIxMHB4XCJ9LFwicGFkZGluZ3NcIjp7XCJob3Jpem9udGFsXCI6XCIxMHB4XCIsXCJ2ZXJ0aWNhbFwiOlwiMjBweFwifX0sXCJibG9ja0NvZGVcIjpcIjY2M2ZkXCIsXCJkYXRhXCI6e1wiZGF0YVNvdXJjZVwiOlwiXCIsXCIwXCI6e1wiYWN0aW9uXCI6e1widHlwZVwiOlwibGlua1wiLFwibGlua1wiOlwiIzFcIixcImphdmFzY3JpcHRcIjpcIlwiLFwiZm9ybVR5cGVcIjpcInN1YnNjcmliZVwiLFwicG9zaXRpb25cIjp7XCJvZmZlcl9pZFwiOlwiXCJ9LFwiZm9ybVRpdGxlXCI6XCJcIixcImZvcm1CdXR0b25UaXRsZVwiOlwiXCIsXCJmb3JtQmxvY2tDb2RlXCI6XCJcIixcIm1vZGFsQmxvY2tDb2RlXCI6XCJcIn0sXCJoZWFkZXJcIjpcIjxwPi0gQkFTSUMgLTxcXC9wPlwiLFwicHJpY2VcIjpcIjxwPlxcdTAwYTM1MDxcXC9wPlwiLFwiZGVzY3JpcHRpb25cIjpcIjxwPlxcclxcblxcdFxcdFxcdFxcdDxcXC9wPlxcclxcblxcclxcbjx1bD48bGk+MzAgZGF5IGZyZWUgdHJpYWw8XFwvbGk+PGxpPjUwZ2Igc3RvcmFnZSBzcGFjZTxcXC9saT48bGk+MjAlIGRpc2NvdW50PFxcL2xpPjxsaT4yNCBob3VyIHN1cHBvcnQ8XFwvbGk+PFxcL3VsPlwiLFwiYnV0dG9uXCI6e1widGl0bGVcIjpcIlxcdTA0MTRcXHUwNDM1XFx1MDQzOVxcdTA0NDFcXHUwNDQyXFx1MDQzMlxcdTA0MzhcXHUwNDM1XCIsXCJidXR0b25TaXplXCI6XCJtZFwiLFwiY29sb3JcIjpcIiNGRkZGRkZcIixcImJnY29sb3JcIjpcIiMxOTljNjhcIixcImFjdGlvblwiOntcInR5cGVcIjpcImxpbmtcIixcImxpbmtcIjpcIlwiLFwiamF2YXNjcmlwdFwiOlwiXCIsXCJmb3JtVHlwZVwiOlwic3Vic2NyaWJlXCIsXCJwb3NpdGlvblwiOntcIm9mZmVyX2lkXCI6XCJcIn0sXCJmb3JtVGl0bGVcIjpcIlwiLFwiZm9ybUJ1dHRvblRpdGxlXCI6XCJcIixcImZvcm1CbG9ja0NvZGVcIjpcIlwiLFwibW9kYWxCbG9ja0NvZGVcIjpcIlwifX19LFwiMVwiOntcImFjdGlvblwiOntcInR5cGVcIjpcImxpbmtcIixcImxpbmtcIjpcIiMyXCIsXCJqYXZhc2NyaXB0XCI6XCJcIixcImZvcm1UeXBlXCI6XCJzdWJzY3JpYmVcIixcInBvc2l0aW9uXCI6e1wib2ZmZXJfaWRcIjpcIlwifSxcImZvcm1UaXRsZVwiOlwiXCIsXCJmb3JtQnV0dG9uVGl0bGVcIjpcIlwiLFwiZm9ybUJsb2NrQ29kZVwiOlwiXCIsXCJtb2RhbEJsb2NrQ29kZVwiOlwiXCJ9LFwiaGVhZGVyXCI6XCI8cD4tIFBSRU1JVU0gLTxcXC9wPlwiLFwicHJpY2VcIjpcIjxwPlxcdTAwYTM3NTxcXC9wPlwiLFwiZGVzY3JpcHRpb25cIjpcIjxwPlxcclxcblxcdFxcdFxcdFxcdDxcXC9wPlxcclxcblxcclxcbjx1bD48bGk+NDAmbmJzcDtkYXkgZnJlZSB0cmlhbDxcXC9saT48bGk+MjAwZ2Igc3RvcmFnZSBzcGFjZTxcXC9saT48bGk+MjUlIGRpc2NvdW50PFxcL2xpPjxsaT4yNCZuYnNwO2hvdXIgc3VwcG9ydDxcXC9saT48XFwvdWw+XCIsXCJidXR0b25cIjp7XCJ0aXRsZVwiOlwiXFx1MDQxNFxcdTA0MzVcXHUwNDM5XFx1MDQ0MVxcdTA0NDJcXHUwNDMyXFx1MDQzOFxcdTA0MzVcIixcImJ1dHRvblNpemVcIjpcIm1kXCIsXCJjb2xvclwiOlwiI0ZGRkZGRlwiLFwiYmdjb2xvclwiOlwiIzE5OWM2OFwiLFwiYWN0aW9uXCI6e1widHlwZVwiOlwibGlua1wiLFwibGlua1wiOlwiXCIsXCJqYXZhc2NyaXB0XCI6XCJcIixcImZvcm1UeXBlXCI6XCJzdWJzY3JpYmVcIixcInBvc2l0aW9uXCI6e1wib2ZmZXJfaWRcIjpcIlwifSxcImZvcm1UaXRsZVwiOlwiXCIsXCJmb3JtQnV0dG9uVGl0bGVcIjpcIlwiLFwiZm9ybUJsb2NrQ29kZVwiOlwiXCIsXCJtb2RhbEJsb2NrQ29kZVwiOlwiXCJ9fX0sXCIyXCI6e1wiYWN0aW9uXCI6e1widHlwZVwiOlwibGlua1wiLFwibGlua1wiOlwiIzNcIixcImphdmFzY3JpcHRcIjpcIlwiLFwiZm9ybVR5cGVcIjpcInN1YnNjcmliZVwiLFwicG9zaXRpb25cIjp7XCJvZmZlcl9pZFwiOlwiXCJ9LFwiZm9ybVRpdGxlXCI6XCJcIixcImZvcm1CdXR0b25UaXRsZVwiOlwiXCIsXCJmb3JtQmxvY2tDb2RlXCI6XCJcIixcIm1vZGFsQmxvY2tDb2RlXCI6XCJcIn0sXCJoZWFkZXJcIjpcIjxwPi0gQlVTSU5FU1MgLTxcXC9wPlwiLFwicHJpY2VcIjpcIjxwPlxcdTAwYTMxMDk8XFwvcD5cIixcImRlc2NyaXB0aW9uXCI6XCI8dWw+PGxpPjUwJm5ic3A7ZGF5IGZyZWUgdHJpYWw8XFwvbGk+PGxpPjUwMGdiIHN0b3JhZ2Ugc3BhY2U8XFwvbGk+PGxpPjI5JSBkaXNjb3VudDxcXC9saT48bGk+MjQmbmJzcDtob3VyIHN1cHBvcnQ8XFwvbGk+PFxcL3VsPlwiLFwiYnV0dG9uXCI6e1widGl0bGVcIjpcIlxcdTA0MTRcXHUwNDM1XFx1MDQzOVxcdTA0NDFcXHUwNDQyXFx1MDQzMlxcdTA0MzhcXHUwNDM1XCIsXCJidXR0b25TaXplXCI6XCJtZFwiLFwiY29sb3JcIjpcIiNGRkZGRkZcIixcImJnY29sb3JcIjpcIiMxOTljNjhcIixcImFjdGlvblwiOntcInR5cGVcIjpcImxpbmtcIixcImxpbmtcIjpcIlwiLFwiamF2YXNjcmlwdFwiOlwiXCIsXCJmb3JtVHlwZVwiOlwic3Vic2NyaWJlXCIsXCJwb3NpdGlvblwiOntcIm9mZmVyX2lkXCI6XCJcIn0sXCJmb3JtVGl0bGVcIjpcIlwiLFwiZm9ybUJ1dHRvblRpdGxlXCI6XCJcIixcImZvcm1CbG9ja0NvZGVcIjpcIlwiLFwibW9kYWxCbG9ja0NvZGVcIjpcIlwifX19fSxcImJ1dHRvblwiOntcInRpdGxlXCI6XCJcXHUwNDE3XFx1MDQzMFxcdTA0M2ZcXHUwNDM4XFx1MDQ0MVxcdTA0MzBcXHUwNDQyXFx1MDQ0Y1xcdTA0NDFcXHUwNDRmXCIsXCJidXR0b25TaXplXCI6XCJtZFwiLFwiY29sb3JcIjpcIiNGRkZGRkZcIixcImJnY29sb3JcIjpcIiM2NkNDQ0NcIn0sXCJ0ZXh0QWxpZ25cIjpcInRleHQtY2VudGVyXCIsXCJ2aWV3QmxvY2tMZWZ0T2Zmc2V0XCI6XCJcIixcInZpZXdCbG9ja1dpZHRoXCI6XCIxMlwiLFwiYmxvY2tQYWRkaW5nVG9wXCI6XCIxLjVcIixcImJsb2NrUGFkZGluZ0JvdHRvbVwiOlwiMS41XCIsXCJibG9ja0JhY2tncm91bmRDb2xvclwiOlwiXCIsXCJibG9ja0ZvcmVncm91bmRDb2xvclwiOlwiXCIsXCJibG9ja0Nzc0NsYXNzXCI6XCJcIixcImJsb2NrQ292ZXJcIjp7XCJpbWFnZVwiOntcImhhc2hcIjpcIlwifSxcImJhY2tncm91bmRUeXBlXCI6XCJzY3JvbGxcIixcImhlaWdodFwiOlwiMTAwdmhcIixcInZpZGVvXCI6e1wic3JjX3ZpZGVvX2xpbmtcIjpcIlwiLFwiYXV0b3BsYXlcIjpcIjBcIn0sXCJiYWNrZ3JvdW5kT3BhY2l0eVN0YXJ0XCI6XCIwLjNcIixcImJhY2tncm91bmRPcGFjaXR5RmluaXNoXCI6XCIwLjZcIn0sXCJib3hcIjp7XCJiZ2NvbG9yXCI6XCIjRjBGMEYwXCIsXCJjb2xvclwiOlwiXCIsXCJiZ2ltYWdlXCI6e1wiaGFzaFwiOlwiXCJ9LFwiYm9yZGVyXCI6e1wid2lkdGhcIjpcIjBweFwiLFwidHlwZVwiOlwic29saWRcIixcImNvbG9yXCI6XCIjOTk5OTk5XCIsXCJyYWRpdXNcIjpcIlwifSxcInBhZGRpbmdzXCI6e1wiaG9yaXpvbnRhbFwiOlwiNDBweFwiLFwidmVydGljYWxcIjpcIjMwcHhcIn19LFwiaXNNb2RhbFwiOntcIm1vZGFsV2lkdGhcIjpcIlwiLFwibW9kYWxDbGFzc1wiOlwiXCJ9LFwiY29sdW1uc0luUm93XCI6XCJcIixcIndpdGhUZXh0UGFkZGluZ3NcIjpcIjFcIixcInVzZUltZ1RhZ1wiOm51bGwsXCJoZWFkZXJUZXh0XCI6XCJcIixcInN1YmhlYWRlclRleHRcIjpcIlwiLFwiZnVsbExpbmtcIjpcIlwiLFwibGVmdEltYWdlT25Nb2JpbGVcIjpudWxsLFwiZmxleE5vdExpbmVcIjpudWxsLFwiZmxleGlibGVCbG9ja3NcIjpudWxsLFwiYmxvY2tDbGlja0FjdGlvblwiOntcInR5cGVcIjpcIlwiLFwibGlua1wiOlwiXCIsXCJqYXZhc2NyaXB0XCI6XCJcIixcImZvcm1UeXBlXCI6XCJzdWJzY3JpYmVcIixcInBvc2l0aW9uXCI6e1wib2ZmZXJfaWRcIjpcIlwifSxcImZvcm1UaXRsZVwiOlwiXCIsXCJmb3JtQnV0dG9uVGl0bGVcIjpcIlwiLFwiZm9ybUJsb2NrQ29kZVwiOlwiXCIsXCJtb2RhbEJsb2NrQ29kZVwiOlwiXCJ9LFwiYmxvY2tGbGV4XCI6e1wiYmFzaXNcIjpcIlwiLFwic2hyaW5rXCI6XCJcIixcImdyb3dcIjpcIlwifX0iLCJjc3MiOiJ7XG4gICAgLS1oZWFkZXItYmctY29sb3I6ICNlMGUwZTA7XG4gICAgLS1oZWFkZXItY29sb3I6ICM5MDkwOTA7XG4gICAgLS1wcmljZS1jb2xvcjogIzZjYztcbiAgICAtLWJ1dHRvbi1yYWRpdXM6IDEwcHg7XG4gICAgLS1idXR0b24taG92ZXItYmctY29sb3I6IGJsYWNrO1xuICAgIC0tYnV0dG9uLWhvdmVyLXRleHQtY29sb3I6IHdoaXRlO1xufVxuXG4ubHQtdHNyLWJsb2NrIHtcbiAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG59XG5cbi5sdC10c3ItdGV4dC1wYXJ0LmhlYWRlciB7XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWhlYWRlci1iZy1jb2xvcik7XG4gICAgY29sb3I6IHZhcigtLWhlYWRlci1jb2xvcik7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDE1cHggMjBweCAxNHB4IDIwcHg7XG59XG5cbi5sdC10c3ItdGV4dC1wYXJ0LmhlYWRlciBhIHtcbiAgICBjb2xvcjogdmFyKC0taGVhZGVyLWNvbG9yKTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbi5sdC10c3ItdGV4dC1wYXJ0LnByaWNlIHtcbiAgICBmb250LXNpemU6IDQwcHg7XG4gICAgY29sb3I6IHZhcigtLXByaWNlLWNvbG9yKTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDEwcHggMjBweCA2cHggMjBweDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xufVxuXG4ubHQtdHNyLXRleHQtcGFydC5kZXNjcmlwdGlvbiB7XG4gICAgdGV4dC1hbGlnbjogdmFyKC0tZGVzY3JpcHRpb24tdGV4dC1hbGlnbik7XG4gICAgZm9udC1zaXplOiAxNnB4O1xufVxuXG4ubHQtdHNyLXRleHQtcGFydC5kZXNjcmlwdGlvbiB1bCB7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBwYWRkaW5nLWxlZnQ6IDA7XG59XG5cbi5sdC10c3ItdGV4dC1wYXJ0LmRlc2NyaXB0aW9uIHVsIGxpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2M4YzhjODtcbiAgICBwYWRkaW5nOiAxMHB4IDIwcHg7XG59XG5cbi5sdC10c3ItdGV4dC1wYXJ0LmRlc2NyaXB0aW9uIHVsIGxpOmxhc3QtY2hpbGQge1xuICAgIGJvcmRlci1ib3R0b206IG5vbmU7XG59XG5cbi5idXR0b24ge1xuICAgIHBhZGRpbmctdG9wOiAwO1xufVxuXG4uYnV0dG9uIGJ1dHRvbiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogdmFyKC0tYnV0dG9uLXJhZGl1cyk7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IHZhcigtLWJ1dHRvbi1yYWRpdXMpO1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1pbi1vdXQ7XG59XG5cbi5idXR0b24gYnV0dG9uOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24taG92ZXItYmctY29sb3IpICFpbXBvcnRhbnQ7XG4gICAgY29sb3I6IHZhcigtLWJ1dHRvbi1ob3Zlci10ZXh0LWNvbG9yKSAhaW1wb3J0YW50O1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4tb3V0O1xufSJ9

Сравнение тарифов с голубыми кнопками, изменяющими цвет при наведении GetBlocks

{"type":"gallery-list","preset":"glr01","params":"{\"blockCode\":\"81f99\",\"images\":{\"dataSource\":\"\",\"0\":{\"hash\":\"AB.c2c22b603f89b5fecdd7412a64113f9c.jpg\",\"caption\":\"\\u0422\\u0443\\u043c\\u0430\\u043d\"},\"1\":{\"hash\":\"AB.4c179b72b57fad8b15cca8beda72ca23.jpg\",\"caption\":\"\\u041e\\u0434\\u0443\\u0432\\u0430\\u043d\\u0447\\u0438\\u043a\"},\"2\":{\"hash\":\"AB.085010646a14c5e6180457fd56ab7156.jpg\",\"caption\":\"\\u0413\\u043e\\u0440\\u044b\"},\"3\":{\"hash\":\"AB.205a8be1792e91caaae4d6a6ecfc7669.jpg\",\"caption\":\"\\u0413\\u0435\\u043f\\u0430\\u0440\\u0434\"},\"4\":{\"hash\":\"AB.e2c29d7ad6de8ace482dfeb2ac98f742.jpg\",\"caption\":\"\\u041d\\u044c\\u044e-\\u0419\\u043e\\u0440\\u043a\"},\"5\":{\"hash\":\"AB.3d14484c15e34701c27dc122690e701e.jpg\",\"caption\":\"\\u0417\\u0430\\u043a\\u0430\\u0442\"},\"6\":{\"hash\":\"AB.e6908eab493058fc6e2e861f5f515b0b.jpg\",\"caption\":\"\\u041f\\u0440\\u0438\\u0431\\u043e\\u0439\"},\"7\":{\"hash\":\"AB.1ea6e31bd23c56bbb6807bd4d3b0d851.jpg\",\"caption\":\"\\u0414\\u0435\\u0440\\u0435\\u0432\\u043e\"}},\"viewBlockLeftOffset\":\"0\",\"viewBlockWidth\":\"12\",\"blockPaddingTop\":\"0\",\"blockPaddingBottom\":\"0\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"bgcolor\":\"#F0F0F0\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"blockClickAction\":{\"type\":\"\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":"{\n\t--allow-grow-image: 1; /* 1 yes / 0 no */\t\n}\n\n.thumbnails-list a {\n\tmargin: 0;\n\tmax-width: unset;\n\tflex: var(--allow-grow-image) 1 20%;\n}\n\n@media (max-width: 1400px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 25%;\n\t}\n}\n\n@media (max-width: 740px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 33.33%;\n\t}\n}\n\n@media (max-width: 500px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 50%;\n\t}\n}\n\n@media (max-width: 300px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 100%;\n\t}\n}\n\n.container { \n\tmax-width: unset; \n\tpadding: 0;\n\tmargin: 0;\n}\n\n.thumbnails-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}"}

Плитка картинок, занимающая всю ширину экрана CSS-параметр --allow-grow-image (Стиль → Подробные настройки) управляет разрешением показывать изображения разного размера