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

{"type":"onecolumn-common","preset":"bld01","params":"{\"blockCode\":\"14b58\",\"items\":{\"parts\":{\"field14448\":{\"inner\":{\"headerSize\":\"72\",\"text\":\"\\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\":\"\\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\":\"36\",\"text\":\"\\u0417\\u0430\\u043f\\u0438\\u0448\\u0438\\u0442\\u0435\\u0441\\u044c \\u043d\\u0430 \\u0431\\u0435\\u0441\\u043f\\u043b\\u0430\\u0442\\u043d\\u044b\\u0439 \\u0432\\u0435\\u0431\\u0438\\u043d\\u0430\\u0440<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"header1\",\"partType\":\"header\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"40px\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"field95255\":{\"inner\":{\"text\":\"\\u0423\\u0437\\u043d\\u0430\\u0439\\u0442\\u0435 \\u043a\\u0430\\u043a \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0442\\u044c \\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u043d\\u043e \\u0438 \\u0431\\u044b\\u0442\\u044c \\u0441\\u0442\\u0440\\u0435\\u0441\\u0441\\u043e\\u0443\\u0441\\u0442\\u043e\\u0439\\u0447\\u0438\\u0432\\u044b\\u043c \\u0432 \\u043b\\u044e\\u0431\\u044b\\u0445 \\u0441\\u0438\\u0442\\u0443\\u0430\\u0446\\u0438\\u044f\\u0445<\\/p>\",\"textSize\":\"text-subnormal\",\"textClass\":\"\"},\"name\":\"field95255\",\"partType\":\"text\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"50px\",\"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\"}},\"phoneField\":{\"inner\":{\"fieldType\":\"phone\",\"additionalFieldName\":\"\",\"additionalFieldType\":\"string\",\"title\":\"\",\"placeholder\":\"\\u0412\\u0432\\u0435\\u0434\\u0438\\u0442\\u0435 \\u0432\\u0430\\u0448 \\u0442\\u0435\\u043b\\u0435\\u0444\\u043e\\u043d\",\"size\":\"\",\"required\":\"1\"},\"name\":\"phoneField\",\"partType\":\"userField\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\"},\"nameField\":{\"name\":\"nameField\",\"partType\":\"userField\",\"inner\":{\"fieldName\":\"full_name\",\"placeholder\":\"\\u0412\\u0432\\u0435\\u0434\\u0438\\u0442\\u0435 \\u0432\\u0430\\u0448\\u0435 \\u0438\\u043c\\u044f\"}},\"submitButton\":{\"inner\":{\"title\":\"\\u0417\\u0430\\u043f\\u0438\\u0441\\u0430\\u0442\\u044c\\u0441\\u044f\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#F76835\",\"boxShadowColor\":\"\",\"borderRadius\":\"6px\"},\"name\":\"submitButton\",\"partType\":\"button\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"elementCssClass\":\"\"}}}},\"blockCode\":\"e7de0\",\"viewBlockLeftOffset\":\"2\",\"viewBlockWidth\":\"8\",\"blockPaddingTop\":\"2.5\",\"blockPaddingBottom\":\"2.5\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"enabled\":\"1\",\"image\":{\"hash\":\"AB.d0a2134ce4cd7097a2e8c388759b268a.jpg\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.4\",\"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\t--input-border-radius: 6px;\n}\n\n.builder-item.part-button button {\n\twidth: 100%;\n}\n\n.builder-item input[type='text'] {\n\tborder-radius: var(--input-border-radius);\n}\n\n.builder-item textarea {\n\tborder-radius: var(--input-border-radius);\n}"}

Форма в один ровный столбец с обложкой

Тарифы с фоновыми картинками в шапке Фоновые картинки настраиваются с помощью CSS-параметров (Стиль – Подробные настройки) GetBlocks

Озеро в долине

{"type":"image-fullscreen","preset":"img02","params":"{\"blockCode\":\"674d8\",\"image\":{\"hash\":\"AB.f53f4f890e6d4856475764da72ffd475.jpg\",\"caption\":\"\"},\"description\":\"\\u041e\\u0437\\u0435\\u0440\\u043e \\u0432 \\u0434\\u043e\\u043b\\u0438\\u043d\\u0435<\\/p>\",\"imageStyle\":\"\",\"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\"},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"blockClickAction\":{\"type\":\"\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":".image-wrapper {\n\tpadding: 10px 15px;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbackground-position: center center;\n}\n\n@media (max-width: 550px) {\n\t.image-wrapper {\n\t\tpadding: 8px 8px;\n\t}\n}\n\n.block-image-fullscreen-description {\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n}\n\t"}

Полноэкранное изображение с подписью в правом нижнем углу