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

{"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}"}

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

Wwp7InR5cGUiOiJyYXctY3NzIiwicHJlc2V0IjoicmF3LWNzcyIsInBhcmFt
cyI6IntcImJsb2NrQ29kZVwiOlwiNDBkMTBcIixcIm5hbWVcIjpcIkNTUyBi
dXR0b24gZ2xhcmUgb3JhbmdlIGFuaW1hdGlvblwiLFwicmF3VmFsdWVcIjpc
IkBrZXlmcmFtZXMgYnV0dG9uZ2xhcmVvcmFuZ2Uge1xcbiAgICAwJSB7XFxu
ICAgICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuICAgIDQwJSB7XFxuICAg
ICAgICBvcGFjaXR5OiAxO1xcbiAgICB9XFxuICAgIDUwJSB7XFxuICAgICAg
ICBvcGFjaXR5OiAwLjg7XFxuICAgIH1cXG4gICAgNjAlIHtcXG4gICAgICAg
IG9wYWNpdHk6IDE7XFxuICAgIH1cXG4gICAgMTAwJSB7XFxuICAgICAgICBv
cGFjaXR5OiAxO1xcbiAgICB9XFxufVwiLFwiYmxvY2tQYWRkaW5nVG9wXCI6
MCxcImJsb2NrUGFkZGluZ0JvdHRvbVwiOjAsXCJibG9ja0JhY2tncm91bmRD
b2xvclwiOlwiXCIsXCJibG9ja0ZvcmVncm91bmRDb2xvclwiOlwiXCIsXCJi
bG9ja0Nzc0NsYXNzXCI6XCJcIixcInJlcGxhY2VWYXJpYWJsZXNcIjpcIlwi
fSIsImNzcyI6bnVsbH0KLAp7InR5cGUiOiJvbmVjb2x1bW4tY29tbW9uIiwi
cHJlc2V0IjoiYmxkMDEiLCJwYXJhbXMiOiJ7XCJibG9ja0NvZGVcIjpcIjJj
MjZhXCIsXCJpdGVtc1wiOntcInBhcnRzXCI6e1wiZmllbGQ1NTkyXCI6e1wi
aW5uZXJcIjp7XCJ0aXRsZVwiOlwiXFx1MDQyM1xcdTA0NDdcXHUwNDMwXFx1
MDQ0MVxcdTA0NDJcXHUwNDMyXFx1MDQzZVxcdTA0MzJcXHUwNDMwXFx1MDQ0
MlxcdTA0NGMgXFx1MDQzMVxcdTA0MzVcXHUwNDQxXFx1MDQzZlxcdTA0M2Jc
XHUwNDMwXFx1MDQ0MlxcdTA0M2RcXHUwNDNlXCIsXCJidXR0b25TaXplXCI6
XCJsZ1wiLFwiY29sb3JcIjpcIiMwMDAwMDBcIixcImJnY29sb3JcIjpcIiNm
N2Q0MjVcIixcImFjdGlvblwiOntcInR5cGVcIjpcImxpbmtcIixcImxpbmtc
IjpcIiMxXCIsXCJqYXZhc2NyaXB0XCI6XCJcIixcImZvcm1UeXBlXCI6XCJz
dWJzY3JpYmVcIixcInBvc2l0aW9uXCI6e1wib2ZmZXJfaWRcIjpcIlwifSxc
ImZvcm1UaXRsZVwiOlwiXCIsXCJmb3JtQnV0dG9uVGl0bGVcIjpcIlwiLFwi
Zm9ybUJsb2NrQ29kZVwiOlwiXCIsXCJtb2RhbEJsb2NrQ29kZVwiOlwiXCJ9
LFwiYm94U2hhZG93XCI6XCIxXCIsXCJib3hTaGFkb3dDb2xvclwiOlwiIzk5
ODQxZFwiLFwiYm9yZGVyUmFkaXVzXCI6XCI1MHB4XCJ9LFwibmFtZVwiOlwi
ZmllbGQ1NTkyXCIsXCJwYXJ0VHlwZVwiOlwiYnV0dG9uXCIsXCJoQWxpZ25c
IjpcInRleHQtY2VudGVyXCIsXCJtYXJnaW5Ub3BcIjpcIlwiLFwibWFyZ2lu
Qm90dG9tXCI6XCJcIixcInRleHRDb2xvclwiOlwiXCIsXCJsaW5lSGVpZ2h0
XCI6XCJcIixcImFuaW1hdGlvbk1vZGVcIjpcIm5vXCIsXCJlbGVtZW50Q3Nz
Q2xhc3NcIjpcIlwifX19LFwidmlld0Jsb2NrTGVmdE9mZnNldFwiOlwiMlwi
LFwidmlld0Jsb2NrV2lkdGhcIjpcIjhcIixcInRleHRBbGlnblwiOlwidGV4
dC1sZWZ0XCIsXCJibG9ja1BhZGRpbmdUb3BcIjpcIjJcIixcImJsb2NrUGFk
ZGluZ0JvdHRvbVwiOlwiMS41XCIsXCJibG9ja0JhY2tncm91bmRDb2xvclwi
OlwiXCIsXCJibG9ja0ZvcmVncm91bmRDb2xvclwiOlwiXCIsXCJibG9ja0Nz
c0NsYXNzXCI6XCJcIixcImJsb2NrQ292ZXJcIjp7XCJpbWFnZVwiOntcImhh
c2hcIjpcIlwifSxcImJhY2tncm91bmRUeXBlXCI6XCJzY3JvbGxcIixcImhl
aWdodFwiOlwiMTAwdmhcIixcInZpZGVvXCI6e1wic3JjX3ZpZGVvX2xpbmtc
IjpcIlwiLFwiYXV0b3BsYXlcIjpcIjBcIixcImJveFNoYWRvd0NvbG9yXCI6
XCJcIixcImJvcmRlclJhZGl1c1wiOlwiXCJ9LFwiYmFja2dyb3VuZE9wYWNp
dHlTdGFydFwiOlwiMC4zXCIsXCJiYWNrZ3JvdW5kT3BhY2l0eUZpbmlzaFwi
OlwiMC42XCJ9LFwiYm94XCI6e1wiYmdjb2xvclwiOlwiI0YwRjBGMFwiLFwi
Y29sb3JcIjpcIlwiLFwiYmdpbWFnZVwiOntcImhhc2hcIjpcIlwifSxcImJv
cmRlclwiOntcIndpZHRoXCI6XCIwcHhcIixcInR5cGVcIjpcInNvbGlkXCIs
XCJjb2xvclwiOlwiIzk5OTk5OVwiLFwicmFkaXVzXCI6XCJcIn0sXCJwYWRk
aW5nc1wiOntcImhvcml6b250YWxcIjpcIjQwcHhcIixcInZlcnRpY2FsXCI6
XCIzMHB4XCJ9fSxcImlzTW9kYWxcIjp7XCJtb2RhbFdpZHRoXCI6XCJcIixc
Im1vZGFsQ2xhc3NcIjpcIlwifSxcImJsb2NrQ2xpY2tBY3Rpb25cIjpcIlwi
LFwiY2FjaGVFbmFibGVkXCI6ZmFsc2UsXCJhbmltYXRpb25PcmRlclwiOlwi
aW4tdHVyblwiLFwiYmxvY2tGbGV4XCI6e1wiYmFzaXNcIjpcIlwiLFwic2hy
aW5rXCI6XCJcIixcImdyb3dcIjpcIlwifX0iLCJjc3MiOiJ7XG5cdC0tdGV4
dC1zaGFkb3ctY29sb3I6IHdoaXRlO1xuXHQtLWdyYWRpZW50LWZyb206ICNm
NWRjNWY7XG5cdC0tZ3JhZGllbnQtdG86ICNmYmJjMWQ7XG4gICAgLS1ib3Jk
ZXItY29sb3I6ICNmZmIzMDA7XG4gICAgLS1hbmltYXRpb24tZHVyYXRpb246
IDNzO1xufVxuXG5idXR0b24ge1xuXHR0ZXh0LXNoYWRvdzogMXB4IC0ycHgg
MnB4IHdoaXRlO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWdyYWRpZW50LXRv
KSBsaW5lYXItZ3JhZGllbnQoMTcwZGVnLCBcbiAgICAgICAgdmFyKC0tZ3Jh
ZGllbnQtdG8pIDUlLCBcbiAgICAgICAgdmFyKC0tZ3JhZGllbnQtZnJvbSkg
NTAlLFxuICAgICAgICB2YXIoLS1ncmFkaWVudC10bykgOTUlXG4gICAgKTtc
biAgICBib3JkZXI6IDZweCBzb2xpZCB2YXIoLS1ib3JkZXItY29sb3IpO1xu
ICAgIGFuaW1hdGlvbjogYnV0dG9uZ2xhcmVvcmFuZ2UgdmFyKC0tYW5pbWF0
aW9uLWR1cmF0aW9uKSBpbmZpbml0ZTtcbn0ifQpd

Желто-оранжевая большая кнопка с периодическим вспыхиванием GetBlocks Цвета градиента, обводки, тени на тексте и длительности анимации настраиваются в CSS-параметрах

Простые блоки тарифов с заголовками, тенью и зачеркнутыми ценами

{"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: 0; /* 1 yes / 0 no */\t\n}\n\n.thumbnails-list a {\n\tmargin: 8px 8px;\n\tmax-width: unset;\n\tflex: var(--allow-grow-image) 1 18%;\n}\n\n@media (max-width: 1400px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 23%;\n\t}\n}\n\n@media (max-width: 740px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 30%;\n\t}\n}\n\n@media (max-width: 500px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 45%;\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\tjustify-content: center;\n}"}

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