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

Форма на обложке с прозрачными полями и кнопкой

{"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\":\"30px\",\"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\",\"boxShadow\":\"1\",\"boxShadowColor\":\"#cccccc\",\"borderRadius\":\"50px\"},\"name\":\"submitButton\",\"partType\":\"button\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"0\",\"textColor\":\"\",\"elementCssClass\":\"\"}}}},\"blockCode\":\"e7de0\",\"viewBlockLeftOffset\":\"3\",\"viewBlockWidth\":\"6\",\"blockPaddingTop\":\"2.5\",\"blockPaddingBottom\":\"1\",\"blockBackgroundColor\":\"#F0F0F0\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"AB.d0a2134ce4cd7097a2e8c388759b268a.jpg\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.4\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"enabled\":\"1\",\"bgcolor\":\"\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"1px\",\"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 input[type='text'] {\n\tborder-radius: var(--input-border-radius);\n}\n\n.builder-item textarea {\n\tborder-radius: var(--input-border-radius);\n}"}

Форма в контейнере со скругленными полями

	Лайт	Стандарт	VIP	Super-VIP
Доступ к урокам	+	+	+	+
Проверка домашних заданий	`-`	+	+	+
Вебинары по субботам	+	+	+	+
Проверка заданий спикерами	`–`	`–`	+	+
Дополнительные вебинары с разбором заданий	`–`	`–`	+	+
Доступ в закрытый чат	`–`	`–`	+	+
Живой нетворкинг в клубе	`–`	`–`	+	+
Секретный чат со спикерами	`–`	`–`	`–`	+
Вечный доступ к урокам	`–`	`–`	`–`	+
Живые встречи со спикерами	`–`	`–`	`–`	+
	990 ₽	1900 ₽	5900 ₽ 4900 ₽	11900 ₽ 7400 ₽

{"type":"onecolumn-common","preset":"bld01","params":"{\"blockCode\":\"38175\",\"items\":{\"parts\":{\"text1\":{\"inner\":{\"text\":\"\\r\\n\\r\\n<table class=\\\"table\\\">\\r\\n<thead>\\r\\n<tr>\\r\\n<th> <\\/th>\\r\\n<th>\\u041b\\u0430\\u0439\\u0442<\\/th>\\r\\n<th>\\u0421\\u0442\\u0430\\u043d\\u0434\\u0430\\u0440\\u0442<\\/th>\\r\\n<th>VIP<\\/th>\\r\\n<th>Super-VIP<\\/th>\\r\\n<\\/tr>\\r\\n<\\/thead>\\r\\n<tbody>\\r\\n<tr>\\r\\n<td>\\u0414\\u043e\\u0441\\u0442\\u0443\\u043f \\u043a \\u0443\\u0440\\u043e\\u043a\\u0430\\u043c<\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<\\/tr>\\r\\n<tr>\\r\\n<td>\\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0434\\u043e\\u043c\\u0430\\u0448\\u043d\\u0438\\u0445 \\u0437\\u0430\\u0434\\u0430\\u043d\\u0438\\u0439<\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">-<\\/var><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<\\/tr>\\r\\n<tr>\\r\\n<td>\\u0412\\u0435\\u0431\\u0438\\u043d\\u0430\\u0440\\u044b \\u043f\\u043e \\u0441\\u0443\\u0431\\u0431\\u043e\\u0442\\u0430\\u043c<\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<\\/tr>\\r\\n<tr>\\r\\n<td>\\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0437\\u0430\\u0434\\u0430\\u043d\\u0438\\u0439 \\u0441\\u043f\\u0438\\u043a\\u0435\\u0440\\u0430\\u043c\\u0438 <\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<\\/tr>\\r\\n<tr>\\r\\n<td>\\u0414\\u043e\\u043f\\u043e\\u043b\\u043d\\u0438\\u0442\\u0435\\u043b\\u044c\\u043d\\u044b\\u0435 \\u0432\\u0435\\u0431\\u0438\\u043d\\u0430\\u0440\\u044b \\u0441 \\u0440\\u0430\\u0437\\u0431\\u043e\\u0440\\u043e\\u043c \\u0437\\u0430\\u0434\\u0430\\u043d\\u0438\\u0439<\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<\\/tr>\\r\\n<tr>\\r\\n<td>\\u0414\\u043e\\u0441\\u0442\\u0443\\u043f \\u0432 \\u0437\\u0430\\u043a\\u0440\\u044b\\u0442\\u044b\\u0439 \\u0447\\u0430\\u0442<\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<\\/tr>\\r\\n<tr>\\r\\n<td>\\u0416\\u0438\\u0432\\u043e\\u0439 \\u043d\\u0435\\u0442\\u0432\\u043e\\u0440\\u043a\\u0438\\u043d\\u0433 \\u0432 \\u043a\\u043b\\u0443\\u0431\\u0435 <\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013 <\\/var><\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<\\/tr>\\r\\n<tr>\\r\\n<td>\\u0421\\u0435\\u043a\\u0440\\u0435\\u0442\\u043d\\u044b\\u0439 \\u0447\\u0430\\u0442 \\u0441\\u043e \\u0441\\u043f\\u0438\\u043a\\u0435\\u0440\\u0430\\u043c\\u0438<\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<\\/tr>\\r\\n<tr>\\r\\n<td>\\u0412\\u0435\\u0447\\u043d\\u044b\\u0439 \\u0434\\u043e\\u0441\\u0442\\u0443\\u043f \\u043a \\u0443\\u0440\\u043e\\u043a\\u0430\\u043c<\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<\\/tr>\\r\\n<tr>\\r\\n<td>\\u0416\\u0438\\u0432\\u044b\\u0435 \\u0432\\u0441\\u0442\\u0440\\u0435\\u0447\\u0438 \\u0441\\u043e \\u0441\\u043f\\u0438\\u043a\\u0435\\u0440\\u0430\\u043c\\u0438<\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td><var class=\\\"redactor-inline-converted\\\">\\u2013<\\/var><\\/td>\\r\\n<td>+<\\/mark><\\/td>\\r\\n<\\/tr>\\r\\n<tr>\\r\\n<td> <\\/td>\\r\\n<td><a href=\\\"\\/1\\\">990 \\u20bd<\\/a><\\/td>\\r\\n<td><a href=\\\"\\/2\\\">1900 \\u20bd<\\/a><\\/td>\\r\\n<td><a href=\\\"\\/3\\\"><del>5900 \\u20bd<\\/del> 4900 \\u20bd<\\/a><\\/td>\\r\\n<td><a href=\\\"\\/4\\\"><del class=\\\"redactor-inline-converted\\\">11900 \\u20bd<\\/del> 7400 \\u20bd<\\/a><\\/td>\\r\\n<\\/tr>\\r\\n<\\/tbody><\\/table>\",\"textSize\":\"text-small\",\"textClass\":\"\"},\"name\":\"text1\",\"partType\":\"text\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"0\",\"textColor\":\"\",\"animationMode\":\"no\",\"elementCssClass\":\"\"}}},\"animationOrder\":\"in-turn\",\"viewBlockLeftOffset\":\"1\",\"viewBlockWidth\":\"10\",\"textAlign\":\"text-left\",\"blockPaddingTop\":\"1\",\"blockPaddingBottom\":\"1\",\"blockBackgroundColor\":\"#eeeeee\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"enabled\":\"1\",\"bgcolor\":\"#ffffff\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"8px\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"blockClickAction\":\"\",\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":"\n{\n --min-width: 600px;\n --button-bg-color: #2db313;\n --button-text-color: white;\n --button-font-size: 90%;\n --button-white-space: nowrap;\n --border: 1px solid #eee;\n --mark-bg-color: #2db313;\n --mark-text-color: white;\n --var-bg-color: #eb9a81;\n --var-text-color: white;\n}\n\n.part-text table {\n margin: 0;\n min-width: var(--min-width);\n}\n\n.part-text table del {\n opacity: 0.8;\n}\n\n.part-text table thead th:not(:first-child) {\n text-align: center;\n}\n\n.part-text table thead th {\n padding: 15px 20px;\n border-bottom: var(--border);\n border-left: var(--border);\n border-top: 0;\n border-right: 0;\n}\n\n.part-text table thead th:first-child {\n border-left: 0;\n}\n\n.part-text table tr td:not(:first-child) {\n text-align: center;\n}\n\n.part-text table tr td {\n vertical-align: middle;\n padding: 15px 20px;\n border-left: var(--border);\n border-bottom: var(--border);\n border-top: 0;\n border-right: 0;\n}\n\n.part-text table tr td:first-child {\n border-left: none;\n}\n\n.part-text table tr:last-of-type td {\n border-bottom: none;\n}\n\n.part-text table tr td:not(:first-child) mark {\n padding: 0.3rem 0.6rem;\n background-color: var(--mark-bg-color);\n color: var(--mark-text-color);\n font-weight: 700;\n border-radius: 5px;\n}\n\n.part-text table tr td:not(:first-child) var {\n padding: 0.2rem 0.6rem;\n background-color: var(--var-bg-color);\n color: var(--var-text-color);\n font-weight: 400;\n border-radius: 5px;\n}\n\n.part-text table tr td:not(:first-child) a {\n display: block;\n text-align: center;\n padding: 6px 20px;\n background-color: var(--button-bg-color);\n color: var(--button-text-color);\n text-decoration: none;\n font-weight: 600;\n border-radius: 100px;\n font-size: var(--button-font-size);\n white-space: var(--button-white-space);\n margin: 0.4em 0;\n}\n\n.part-text table tr td:not(:first-child) a:hover {\n text-decoration: none;\n}"}

Таблица цен в скругленном блоке с цветными пометками опций Для отрицательного выделения используйте стиль "Переменная", для зеленого выделения используйте стиль "Выделение" (кнопка в редакторе текста: ).
Минимальная ширина таблицы задается в Подробных настройках стиля: --min-width: NNNpx; или --min-width: unset; (если ограничение ширины не нужно).
Минимальная ширина по умолчанию: 600px

Прощай, колыбель!

{"type":"image-fullscreen","preset":"img02","params":"{\"blockCode\":\"674d8\",\"image\":{\"hash\":\"AB.86f3abb2c55b5f88c11b92c6f6087e6d.jpg\",\"caption\":\"\"},\"description\":\"\\u041f\\u0440\\u043e\\u0449\\u0430\\u0439, \\u043a\\u043e\\u043b\\u044b\\u0431\\u0435\\u043b\\u044c!<\\/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-content: flex-start;\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}\n\t"}

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