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

{"type":"onecolumn-common","preset":"bld01","params":"{\"blockCode\":\"14b58\",\"items\":{\"parts\":{\"field60530\":{\"inner\":{\"headerSize\":\"sm\",\"text\":\"\\u041f\\u0435\\u0440\\u0432\\u0430\\u044f \\u0432 \\u043c\\u0438\\u0440\\u0435 \\u043e\\u043d\\u043b\\u0430\\u0439\\u043d-\\u0448\\u043a\\u043e\\u043b\\u0430 \\u0431\\u0435\\u0433\\u0430<\\/p>\",\"textTransform\":\"uppercase\",\"tagName\":\"\"},\"name\":\"field60530\",\"partType\":\"subheader\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"#555555\",\"animationMode\":\"no\",\"elementCssClass\":\"\"},\"field14448\":{\"inner\":{\"headerSize\":\"72\",\"text\":\"\\u0411\\u0435\\u0433\\u0438, \\u0424\\u043e\\u0440\\u0435\\u0441\\u0442!<\\/p>\",\"textTransform\":\"\"},\"name\":\"field14448\",\"partType\":\"header\",\"hAlign\":\"\",\"marginTop\":\"24\",\"marginBottom\":\"38\"},\"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\":\"#5e5e5e\",\"animationMode\":\"no\",\"elementCssClass\":\"\"}}},\"viewBlockLeftOffset\":\"3\",\"viewBlockWidth\":\"6\",\"textAlign\":\"text-center\",\"blockPaddingTop\":\"2\",\"blockPaddingBottom\":\"0.5\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"enabled\":\"1\",\"image\":{\"hash\":\"AB.fd6e50b224b9417fc98016ffede1f950.jpg\"},\"backgroundType\":\"fixed\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"enabled\":\"1\",\"bgcolor\":\"#ffffffb3\",\"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":null}

Обложка с полупрозрачным контейнером

{"type":"onecolumn-common","preset":"bld01","params":"{\"blockCode\":\"b15b1\",\"items\":{\"parts\":{\"field95894\":{\"inner\":{\"title\":\"\\u041f\\u0440\\u043e\\u0434\\u043e\\u043b\\u0436\\u0438\\u0442\\u044c\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#199c68\",\"action\":{\"type\":\"link\",\"link\":\"#1\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"boxShadowColor\":\"\",\"borderRadius\":\"3px\"},\"name\":\"field95894\",\"partType\":\"button\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"},\"field44162\":{\"inner\":{\"title\":\"\\u0423\\u0437\\u043d\\u0430\\u0442\\u044c \\u0431\\u043e\\u043b\\u044c\\u0448\\u0435\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#BFAF80\",\"action\":{\"type\":\"link\",\"link\":\"#2\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"boxShadowColor\":\"\",\"borderRadius\":\"3px\"},\"name\":\"field44162\",\"partType\":\"button\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"}}},\"viewBlockLeftOffset\":\"2\",\"viewBlockWidth\":\"8\",\"textAlign\":\"text-center\",\"blockPaddingTop\":\"2.5\",\"blockPaddingBottom\":\"2\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.5\",\"backgroundOpacityFinish\":\"0.5\"},\"box\":{\"enabled\":\"1\",\"bgcolor\":\"\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"50px\",\"vertical\":\"0px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"animationOrder\":\"in-turn\",\"blockClickAction\":\"\",\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":".builder {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: center;\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: 10px;\n\tmargin-left: 10px;\n}\n\n.part-button button {\n\tmin-height: 50px;\n\tpadding: 8px 30px;\n}"}

Несколько кнопок в одну линию GetBlocks

Тарифы в светлом стиле со скошенными заголовками и крупной ценой Для примечания к цене меньшим шрифтом используется тег (в редактировании исходного кода поля "Цена") GetBlocks

{"type":"onecolumn-common","preset":"bld01","params":"{\"blockCode\":\"0d145\",\"items\":{\"parts\":{\"field82314\":{\"inner\":{\"headerSize\":\"36\",\"text\":\"\\u041f\\u043e\\u0441\\u043c\\u043e\\u0442\\u0440\\u0438\\u0442\\u0435 \\u0432\\u0432\\u0435\\u0440\\u0445<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"field82314\",\"partType\":\"header\",\"hAlign\":\"text-left\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"},\"field99189\":{\"partType\":\"separator\",\"name\":\"field99189\"},\"field24967\":{\"inner\":{\"text\":\"\\u0421\\u0442\\u0438\\u043c\\u0443\\u043b, \\u043a\\u0430\\u043a \\u0441\\u043b\\u0435\\u0434\\u0443\\u0435\\u0442 \\u0438\\u0437 \\u0432\\u044b\\u0448\\u0435\\u0441\\u043a\\u0430\\u0437\\u0430\\u043d\\u043d\\u043e\\u0433\\u043e, \\u0442\\u0440\\u0430\\u043d\\u0441\\u0444\\u043e\\u0440\\u043c\\u0438\\u0440\\u0443\\u0435\\u0442 \\u043e\\u043f\\u043f\\u043e\\u0440\\u0442\\u0443\\u043d\\u0438\\u0447\\u0435\\u0441\\u043a\\u0438\\u0439 \\u0441\\u0443\\u0431\\u044a\\u0435\\u043a\\u0442. \\u041a\\u043e\\u043c\\u043f\\u0443\\u043b\\u044c\\u0441\\u0438\\u0432\\u043d\\u043e\\u0441\\u0442\\u044c, \\u043f\\u043e \\u043e\\u043f\\u0440\\u0435\\u0434\\u0435\\u043b\\u0435\\u043d\\u0438\\u044e, \\u043e\\u0442\\u043a\\u0440\\u043e\\u0432\\u0435\\u043d\\u043d\\u0430. \\u0421\\u0432\\u043e\\u0431\\u043e\\u0434\\u0430 \\u043f\\u043e\\u0441\\u043b\\u0435\\u0434\\u043e\\u0432\\u0430\\u0442\\u0435\\u043b\\u044c\\u043d\\u043e \\u0437\\u0430\\u043f\\u043e\\u043b\\u043d\\u044f\\u0435\\u0442 \\u0431\\u044b\\u0442\\u043e\\u0432\\u043e\\u0439 \\u043f\\u043e\\u0434\\u0440\\u044f\\u0434. \\u0412\\u0437\\u0430\\u0438\\u043c\\u043e\\u0437\\u0430\\u0447\\u0435\\u0442 \\u043a\\u0430\\u0442\\u0435\\u0433\\u043e\\u0440\\u0438\\u0447\\u0435\\u0441\\u043a\\u0438 \\u0438\\u0441\\u043f\\u043e\\u043b\\u044c\\u0437\\u0443\\u0435\\u0442 \\u043f\\u043b\\u0430\\u0442\\u0435\\u0436\\u043d\\u044b\\u0439 \\u0434\\u043e\\u043a\\u0443\\u043c\\u0435\\u043d\\u0442.<\\/p>\",\"textSize\":\"text-normal\",\"textClass\":\"\"},\"name\":\"field24967\",\"partType\":\"text\",\"hAlign\":\"text-left\",\"marginTop\":\"\",\"marginBottom\":\"0\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"},\"field41650\":{\"inner\":{\"text\":\"\"},\"partType\":\"text\",\"name\":\"field41650\"}}},\"viewBlockLeftOffset\":\"0\",\"viewBlockWidth\":\"6\",\"textAlign\":\"text-center\",\"blockPaddingTop\":\"0.5\",\"blockPaddingBottom\":\"1.5\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"enabled\":\"1\",\"image\":{\"hash\":\"0e7b5938fb98023d00b5ad9dd2751bbb.jpeg\"},\"backgroundType\":\"fixed\",\"height\":\"145vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.8\"},\"box\":{\"enabled\":\"1\",\"bgcolor\":\"\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"50px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"animationOrder\":\"in-turn\",\"blockClickAction\":\"\",\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":".block-cover {\n\tbackground-position: center center;\n}\n\n.lt-block-wrapper {\n\talign-items: flex-end;\n}\n\n@media (max-width: 739px) {\n\t.lt-block-wrapper {\n\t\tmin-height: 100vh;\n\t}\n}\n\n.lt-block-wrapper.block-cover .cover-wrapper {\n\tmargin-top: unset;\n\tmargin-bottom: unset;\n}"}

Обложка с текстом выезжающим при прокрутке