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

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

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

eyJ0eXBlIjoib25lY29sdW1uLWNvbW1vbiIsInByZXNldCI6ImJsZDAxIiwicGFyYW1zIjoie1wiYmxvY2tDb2RlXCI6XCI2ZjdjOFwiLFwiaXRlbXNcIjp7XCJwYXJ0c1wiOntcImZpZWxkMzQ4MjRcIjp7XCJpbm5lclwiOntcInRpdGxlXCI6XCJcXHUwNDE3XFx1MDQzMFxcdTA0M2ZcXHUwNDM4XFx1MDQ0MVxcdTA0MzBcXHUwNDQyXFx1MDQ0Y1xcdTA0NDFcXHUwNDRmIFxcdTA0M2RcXHUwNDMwIFxcdTA0M2VcXHUwNDMxXFx1MDQ0M1xcdTA0NDdcXHUwNDM1XFx1MDQzZFxcdTA0MzhcXHUwNDM1XCIsXCJidXR0b25TaXplXCI6XCJsZ1wiLFwiY29sb3JcIjpcIiNGRkZGRkZcIixcImJnY29sb3JcIjpcIiNEOTY0NTlcIixcImFjdGlvblwiOntcInR5cGVcIjpcImxpbmtcIixcImxpbmtcIjpcIiMxXCIsXCJqYXZhc2NyaXB0XCI6XCJcIixcImZvcm1UeXBlXCI6XCJzdWJzY3JpYmVcIixcInBvc2l0aW9uXCI6e1wib2ZmZXJfaWRcIjpcIlwifSxcImZvcm1UaXRsZVwiOlwiXCIsXCJmb3JtQnV0dG9uVGl0bGVcIjpcIlwiLFwiZm9ybUJsb2NrQ29kZVwiOlwiXCIsXCJtb2RhbEJsb2NrQ29kZVwiOlwiXCJ9LFwiYm94U2hhZG93XCI6XCIxXCIsXCJib3hTaGFkb3dDb2xvclwiOlwiIzAwMDlcIixcImJvcmRlclJhZGl1c1wiOlwiM3B4XCJ9LFwibmFtZVwiOlwiZmllbGQzNDgyNFwiLFwicGFydFR5cGVcIjpcImJ1dHRvblwiLFwiaEFsaWduXCI6XCJcIixcIm1hcmdpblRvcFwiOlwiXCIsXCJtYXJnaW5Cb3R0b21cIjpcIlwiLFwidGV4dENvbG9yXCI6XCJcIixcImxpbmVIZWlnaHRcIjpcIlwiLFwiYW5pbWF0aW9uTW9kZVwiOlwibm9cIixcImVsZW1lbnRDc3NDbGFzc1wiOlwiXCJ9LFwiZmllbGQzNDgyNF84NFwiOntcImlubmVyXCI6e1widGl0bGVcIjpcIlxcdTA0MTdcXHUwNDMwXFx1MDQzZlxcdTA0MzhcXHUwNDQxXFx1MDQzMFxcdTA0NDJcXHUwNDRjXFx1MDQ0MVxcdTA0NGYgXFx1MDQzZFxcdTA0MzAgXFx1MDQzZVxcdTA0MzFcXHUwNDQzXFx1MDQ0N1xcdTA0MzVcXHUwNDNkXFx1MDQzOFxcdTA0MzVcIixcImJ1dHRvblNpemVcIjpcIm1kXCIsXCJjb2xvclwiOlwiI0ZGRkZGRlwiLFwiYmdjb2xvclwiOlwiIzZFOUVDRlwiLFwiYWN0aW9uXCI6e1widHlwZVwiOlwibGlua1wiLFwibGlua1wiOlwiIzFcIixcImphdmFzY3JpcHRcIjpcIlwiLFwiZm9ybVR5cGVcIjpcInN1YnNjcmliZVwiLFwicG9zaXRpb25cIjp7XCJvZmZlcl9pZFwiOlwiXCJ9LFwiZm9ybVRpdGxlXCI6XCJcIixcImZvcm1CdXR0b25UaXRsZVwiOlwiXCIsXCJmb3JtQmxvY2tDb2RlXCI6XCJcIixcIm1vZGFsQmxvY2tDb2RlXCI6XCJcIn0sXCJib3hTaGFkb3dcIjpcIjFcIixcImJveFNoYWRvd0NvbG9yXCI6XCIjMDAwMDAwOTlcIixcImJvcmRlclJhZGl1c1wiOlwiM3B4XCJ9LFwibmFtZVwiOlwiZmllbGQzNDgyNF84NFwiLFwicGFydFR5cGVcIjpcImJ1dHRvblwiLFwiaEFsaWduXCI6XCJcIixcIm1hcmdpblRvcFwiOlwiXCIsXCJtYXJnaW5Cb3R0b21cIjpcIlwiLFwidGV4dENvbG9yXCI6XCJcIixcImxpbmVIZWlnaHRcIjpcIlwiLFwiYW5pbWF0aW9uTW9kZVwiOlwibm9cIixcImVsZW1lbnRDc3NDbGFzc1wiOlwiXCJ9LFwiZmllbGQzNDgyNF84NF81NlwiOntcImlubmVyXCI6e1widGl0bGVcIjpcIlxcdTA0MTdcXHUwNDMwXFx1MDQzZlxcdTA0MzhcXHUwNDQxXFx1MDQzMFxcdTA0NDJcXHUwNDRjXFx1MDQ0MVxcdTA0NGYgXFx1MDQzZFxcdTA0MzAgXFx1MDQzZVxcdTA0MzFcXHUwNDQzXFx1MDQ0N1xcdTA0MzVcXHUwNDNkXFx1MDQzOFxcdTA0MzVcIixcImJ1dHRvblNpemVcIjpcInNtXCIsXCJjb2xvclwiOlwiI0ZGRkZGRlwiLFwiYmdjb2xvclwiOlwiI2ZhODE0ZFwiLFwiYWN0aW9uXCI6e1widHlwZVwiOlwibGlua1wiLFwibGlua1wiOlwiIzFcIixcImphdmFzY3JpcHRcIjpcIlwiLFwiZm9ybVR5cGVcIjpcInN1YnNjcmliZVwiLFwicG9zaXRpb25cIjp7XCJvZmZlcl9pZFwiOlwiXCJ9LFwiZm9ybVRpdGxlXCI6XCJcIixcImZvcm1CdXR0b25UaXRsZVwiOlwiXCIsXCJmb3JtQmxvY2tDb2RlXCI6XCJcIixcIm1vZGFsQmxvY2tDb2RlXCI6XCJcIn0sXCJib3hTaGFkb3dcIjpcIjFcIixcImJveFNoYWRvd0NvbG9yXCI6XCIjMDAwMDAwOTlcIixcImJvcmRlclJhZGl1c1wiOlwiM3B4XCJ9LFwibmFtZVwiOlwiZmllbGQzNDgyNF84NF81NlwiLFwicGFydFR5cGVcIjpcImJ1dHRvblwiLFwiaEFsaWduXCI6XCJcIixcIm1hcmdpblRvcFwiOlwiXCIsXCJtYXJnaW5Cb3R0b21cIjpcIlwiLFwidGV4dENvbG9yXCI6XCJcIixcImxpbmVIZWlnaHRcIjpcIlwiLFwiYW5pbWF0aW9uTW9kZVwiOlwibm9cIixcImVsZW1lbnRDc3NDbGFzc1wiOlwiXCJ9fX0sXCJ2aWV3QmxvY2tMZWZ0T2Zmc2V0XCI6XCIyXCIsXCJ2aWV3QmxvY2tXaWR0aFwiOlwiOFwiLFwidGV4dEFsaWduXCI6XCJ0ZXh0LWNlbnRlclwiLFwiYmxvY2tQYWRkaW5nVG9wXCI6XCIxLjVcIixcImJsb2NrUGFkZGluZ0JvdHRvbVwiOlwiMVwiLFwiYmxvY2tCYWNrZ3JvdW5kQ29sb3JcIjpcIlwiLFwiYmxvY2tGb3JlZ3JvdW5kQ29sb3JcIjpcIlwiLFwiYmxvY2tDc3NDbGFzc1wiOlwiXCIsXCJibG9ja0NvdmVyXCI6e1wiaW1hZ2VcIjp7XCJoYXNoXCI6XCJcIn0sXCJiYWNrZ3JvdW5kVHlwZVwiOlwic2Nyb2xsXCIsXCJoZWlnaHRcIjpcIjEwMHZoXCIsXCJ2aWRlb1wiOntcInNyY192aWRlb19saW5rXCI6XCJcIixcImF1dG9wbGF5XCI6XCIwXCIsXCJib3hTaGFkb3dDb2xvclwiOlwiXCIsXCJib3JkZXJSYWRpdXNcIjpcIlwifSxcImJhY2tncm91bmRPcGFjaXR5U3RhcnRcIjpcIjAuM1wiLFwiYmFja2dyb3VuZE9wYWNpdHlGaW5pc2hcIjpcIjAuNlwifSxcImJveFwiOntcImJnY29sb3JcIjpcIiNGMEYwRjBcIixcImNvbG9yXCI6XCJcIixcImJnaW1hZ2VcIjp7XCJoYXNoXCI6XCJcIn0sXCJib3JkZXJcIjp7XCJ3aWR0aFwiOlwiMHB4XCIsXCJ0eXBlXCI6XCJzb2xpZFwiLFwiY29sb3JcIjpcIiM5OTk5OTlcIixcInJhZGl1c1wiOlwiXCJ9LFwicGFkZGluZ3NcIjp7XCJob3Jpem9udGFsXCI6XCI0MHB4XCIsXCJ2ZXJ0aWNhbFwiOlwiMzBweFwifX0sXCJpc01vZGFsXCI6e1wibW9kYWxXaWR0aFwiOlwiXCIsXCJtb2RhbENsYXNzXCI6XCJcIn0sXCJhbmltYXRpb25PcmRlclwiOlwiaW4tdHVyblwiLFwiYmxvY2tDbGlja0FjdGlvblwiOntcInR5cGVcIjpcIlwiLFwibGlua1wiOlwiXCIsXCJqYXZhc2NyaXB0XCI6XCJcIixcImZvcm1UeXBlXCI6XCJzdWJzY3JpYmVcIixcInBvc2l0aW9uXCI6e1wib2ZmZXJfaWRcIjpcIlwifSxcImZvcm1UaXRsZVwiOlwiXCIsXCJmb3JtQnV0dG9uVGl0bGVcIjpcIlwiLFwiZm9ybUJsb2NrQ29kZVwiOlwiXCIsXCJtb2RhbEJsb2NrQ29kZVwiOlwiXCJ9LFwiYmxvY2tGbGV4XCI6e1wiYmFzaXNcIjpcIlwiLFwic2hyaW5rXCI6XCJcIixcImdyb3dcIjpcIlwifX0iLCJjc3MiOiJ7XG5cdC0tYm9yZGVyLXdpZHRoLWxnOiAxMXB4O1xuXHQtLWJvcmRlci13aWR0aC1tZDogOXB4O1xuXHQtLWJvcmRlci13aWR0aC1zbTogNnB4O1xuXHQtLWJvcmRlci1saWdodDogI2ZmZmZmZjFhO1xuXHQtLWJvcmRlci1kYXJrOiAjMDAwMDAwMDg7XG59XG5cbi5wYXJ0LWJ1dHRvbiBidXR0b24ge1xuXHRib3JkZXI6IHZhcigtLWJvcmRlci13aWR0aC1tZCkgc29saWQgdmFyKC0tYm9yZGVyLWxpZ2h0KTtcbiAgICBib3JkZXItcmlnaHQtY29sb3I6IHZhcigtLWJvcmRlci1kYXJrKTtcbiAgICBib3JkZXItYm90dG9tLWNvbG9yOiB2YXIoLS1ib3JkZXItZGFyayk7XG59XG5cbi5wYXJ0LWJ1dHRvbiBidXR0b246aG92ZXIge1xuXHRmaWx0ZXI6YnJpZ2h0bmVzcygxMTAlKTtcblx0LXdlYmtpdC1maWx0ZXI6YnJpZ2h0bmVzcygxMTAlKTtcbn1cblxuLnBhcnQtYnV0dG9uIGJ1dHRvbi5idXR0b24tbGcge1xuXHRib3JkZXItd2lkdGg6IHZhcigtLWJvcmRlci13aWR0aC1sZyk7XG59XG5cbi5wYXJ0LWJ1dHRvbiBidXR0b24uYnV0dG9uLXNtIHtcblx0Ym9yZGVyLXdpZHRoOiB2YXIoLS1ib3JkZXItd2lkdGgtc20pO1xufVxuIn0=

Кнопка 3D со вспыхиванием при наведении 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: 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 (Стиль → Подробные настройки) управляет разрешением показывать изображения разного размера