This commit is contained in:
root 2025-11-13 19:52:28 +03:00
parent 8aeeb05b7d
commit 807dec3b6c
4646 changed files with 163445 additions and 626017 deletions

View File

@ -14,6 +14,7 @@ Loc::loadMessages(
return [
'last' => Loc::getMessage('LD_BLOCK_SECTION_LAST'),
'favourite' => Loc::getMessage('LD_BLOCK_SECTION_FAVOURITE'),
'recommended' =>[
'name' => Loc::getMessage('LD_BLOCK_SECTION_RECOMMENDED'),
'type' => ['knowledge']

View File

@ -1909,6 +1909,7 @@ return [
['name' => '25', 'value' => 'g-rounded-25'],
['name' => '30', 'value' => 'g-rounded-30'],
['name' => '50', 'value' => 'g-rounded-50'],
['name' => '100', 'value' => 'g-rounded-100'],
],
],
'border-width' => [
@ -3073,6 +3074,7 @@ return [
],
['name' => Loc::getMessage('LANDING_BLOCK_STYLE-TEXT_CONTAINER_FULL'), 'value' => 'g-max-width-100x'],
['name' => Loc::getMessage('LANDING_BLOCK_STYLE-TEXT_CONTAINER_MINI'), 'value' => 'g-max-width-800'],
['name' => Loc::getMessage('LANDING_BLOCK_STYLE-TEXT_CONTAINER_MAXI'), 'value' => 'g-max-width-1462'],
],
],
'button-type' => [
@ -3214,7 +3216,6 @@ return [
['name' => '200%', 'value' => 'scale-200'],
],
],
//todo: change phrases
'widget-type' => [
'name' => Loc::getMessage('LANDING_BLOCK_STYLE_WIDGET_TYPE'),
'type' => 'list',
@ -3404,6 +3405,6 @@ return [
'background-gradient' => ['background-color'],
'background-hover' => ['background-color-hover'],
// dont forget add new usage 'background' style in \Bitrix\Landing\Node\StyleImg::STYLES_WITH_IMAGE
'widget' => ['background', 'widget-type', 'margin-top', 'margin-bottom', 'padding-top', 'padding-bottom'],
'widget' => ['background', 'widget-type', 'margin-top', 'margin-bottom', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right'],
],
];

View File

@ -190,13 +190,13 @@ $result = [
<li class="landing-block-card-social list-inline-item g-ma-3"
data-card-preset="vk">
<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
href="https://vk.com">
href="https://vk.ru">
<i class="landing-block-card-social-icon fa fa-vk"></i>
</a>
</li>',
'values' => [
'.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com',
'href' => 'https://vk.ru',
],
'.landing-block-card-social-icon' => [
'type' => 'icon',

View File

@ -190,13 +190,13 @@ $result = [
<li class="landing-block-card-social list-inline-item g-ma-3"
data-card-preset="vk">
<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
href="https://vk.com">
href="https://vk.ru">
<i class="landing-block-card-social-icon fa fa-vk"></i>
</a>
</li>',
'values' => [
'.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com',
'href' => 'https://vk.ru',
],
'.landing-block-card-social-icon' => [
'type' => 'icon',

View File

@ -190,13 +190,13 @@ $result = [
<li class="landing-block-card-social list-inline-item g-ma-3"
data-card-preset="vk">
<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
href="https://vk.com">
href="https://vk.ru">
<i class="landing-block-card-social-icon fa fa-vk"></i>
</a>
</li>',
'values' => [
'.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com',
'href' => 'https://vk.ru',
],
'.landing-block-card-social-icon' => [
'type' => 'icon',

View File

@ -190,14 +190,14 @@ $result = [
<li class="landing-block-card-social list-inline-item g-valign-middle g-mx-3 g-mb-6"
data-card-preset="vk">
<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
href="https://vk.com">
href="https://vk.ru">
<i class="landing-block-card-social-icon fa fa-vk"></i>
</a>
</li>',
'disallow' => ['.landing-block-card-social-icon'],
'values' => [
'.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com',
'href' => 'https://vk.ru',
],
'.landing-block-card-social-icon' => [
'type' => 'icon',

View File

@ -1,7 +1,7 @@
<?php
$MESS["LANDING_BLOCK_8_6_AUTHOR"] = "Автор";
$MESS["LANDING_BLOCK_8_6_BLOCK_BOTTOM"] = "Блоктың төменгі бөлігі";
$MESS["LANDING_BLOCK_8_6_BORDER"] = "Жиектеме";
$MESS["LANDING_BLOCK_8_6_BORDER"] = "Жақтау";
$MESS["LANDING_BLOCK_8_6_BOTTOM_STRIP"] = "Төменгі жол";
$MESS["LANDING_BLOCK_8_6_CARD"] = "Карточка";
$MESS["LANDING_BLOCK_8_6_ELEMENT"] = "Элементтер жиынтығы";

View File

@ -0,0 +1,7 @@
<?php
$MESS["LANDING_BLOCK_8_7_BLOCK"] = "Block";
$MESS["LANDING_BLOCK_8_7_CARD"] = "Blockkacheln";
$MESS["LANDING_BLOCK_8_7_ICON"] = "Icon";
$MESS["LANDING_BLOCK_8_7_NAME"] = "Textbereiche mit einem Icon";
$MESS["LANDING_BLOCK_8_7_TEXT"] = "Text";
$MESS["LANDING_BLOCK_8_7_TITLE"] = "Uberschrift";

View File

@ -1,8 +1,7 @@
<?
<?php
$MESS["LANDING_BLOCK_8_7_BLOCK"] = "Block";
$MESS["LANDING_BLOCK_8_7_CARD"] = "Block elements";
$MESS["LANDING_BLOCK_8_7_CARD"] = "Block tiles";
$MESS["LANDING_BLOCK_8_7_ICON"] = "Icon";
$MESS["LANDING_BLOCK_8_7_NAME"] = "Text blocks with an icon";
$MESS["LANDING_BLOCK_8_7_TEXT"] = "Text";
$MESS["LANDING_BLOCK_8_7_TITLE"] = "Title";
?>

View File

@ -21,6 +21,10 @@ return [
],
],
'style' => [
'.landing-block-node-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_CONTAINER'),
'type' => ['container-max-width'],
],
'.landing-block-node-button' => [
'name' => Loc::getMessage('LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON'),
'type' => [

View File

@ -1,5 +1,5 @@
<section class="landing-block text-center g-pt-30 g-pb-30">
<div class="container">
<div class="landing-block-node-container m-auto g-max-width-container">
<a class="landing-block-node-button btn g-btn-type-solid g-btn-size-md g-btn-px-m g-btn-primary rounded-0 text-uppercase" href="#">Projects</a>
</div>
</section>

View File

@ -1,4 +1,4 @@
<?
<?php
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NAME"] = "Schaltfläche";
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "Schaltfläche";
?>

View File

@ -1,4 +1,4 @@
<?
<?php
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NAME"] = "Button in the middle of the page";
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "Button";
?>

View File

@ -1,3 +1,4 @@
<?php
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_CONTAINER"] = "Контейнер";
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NAME"] = "Батырма беттің ортасында";
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "Батырма";

View File

@ -1,3 +1,4 @@
<?php
$MESS['LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NAME'] = 'Кнопка в центре страницы';
$MESS['LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON'] = 'Кнопка';
$MESS['LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_CONTAINER'] = 'Контейнер';

View File

@ -192,14 +192,14 @@ $result = [
'name' => '<span class="fa fa-vk"></span> '.Loc::getMessage('LANDING_BLOCK__SOCIAL_VK'),
'html' => '<li class="landing-block-node-list-item col g-valign-middle g-flex-grow-0 list-inline-item g-mr-6 g-mb-6"
data-card-preset="vk">
<a class="landing-block-node-list-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-vk--hover g-bg-vk g-color-white text-center" href="https://vk.com/" target="_blank">
<a class="landing-block-node-list-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-vk--hover g-bg-vk g-color-white text-center" href="https://vk.ru/" target="_blank">
<i class="landing-block-node-list-icon fa fa-vk"></i>
</a>
</li>',
'disallow' => ['.landing-block-node-list-icon'],
'values' => [
'.landing-block-node-list-link' => [
'href' => 'https://vk.com/',
'href' => 'https://vk.ru/',
'target' => '_blank',
],
'.landing-block-node-list-icon' => [

View File

@ -189,14 +189,14 @@ $result = [
'name' => '<span class="fa fa-vk"></span> '.Loc::getMessage('LANDING_BLOCK__SOCIAL_VK'),
'html' => '<li class="landing-block-node-list-item col g-valign-middle g-flex-grow-0 list-inline-item g-mr-15 g-mr-0--last g-mb-0"
data-card-preset="vk">
<a class="landing-block-node-icon landing-block-node-list-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v1--hover g-bg-gray-light-v1 g-color-black text-center" href="https://vk.com/" target="_blank">
<a class="landing-block-node-icon landing-block-node-list-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v1--hover g-bg-gray-light-v1 g-color-black text-center" href="https://vk.ru/" target="_blank">
<i class="landing-block-node-list-icon fa fa-vk"></i>
</a>
</li>',
'disallow' => ['.landing-block-node-list-icon'],
'values' => [
'.landing-block-node-list-link' => [
'href' => 'https://vk.com/',
'href' => 'https://vk.ru/',
'target' => '_blank',
],
'.landing-block-node-list-icon' => [

View File

@ -188,14 +188,14 @@ $result = [
'name' => '<span class="fa fa-vk"></span> '.Loc::getMessage('LANDING_BLOCK__SOCIAL_VK'),
'html' => '<li class="landing-block-node-list-item col g-pl-0 g-pr-0 g-pt-0 g-pb-0 g-min-width-110 list-inline-item g-mr-0"
data-card-preset="vk">
<a class="landing-block-node-list-item-link d-block g-py-15 g-px-30 g-bg-vk--hover g-bg-vk g-color-white text-center" href="https://vk.com/" target="_blank">
<a class="landing-block-node-list-item-link d-block g-py-15 g-px-30 g-bg-vk--hover g-bg-vk g-color-white text-center" href="https://vk.ru/" target="_blank">
<i class="landing-block-node-list-item-icon fa fa-vk"></i>
</a>
</li>',
'disallow' => ['.landing-block-node-list-item-icon'],
'values' => [
'.landing-block-node-list-item-link' => [
'href' => 'https://vk.com/',
'href' => 'https://vk.ru/',
'target' => '_blank',
],
'.landing-block-node-list-item-icon' => [

View File

@ -190,13 +190,13 @@ $result = [
<li class="landing-block-card-social list-inline-item g-mr-10"
data-card-preset="vk">
<a class="landing-block-card-social-icon-link u-icon-v2 g-width-35 g-height-35 g-font-size-16 g-color-gray-light-v1 g-color-white--hover g-bg-primary--hover g-brd-gray-dark-v5 g-brd-primary--hover g-rounded-50x"
href="https://vk.com">
href="https://vk.ru">
<i class="landing-block-card-social-icon fa fa-vk"></i>
</a>
</li>',
'values' => [
'.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com',
'href' => 'https://vk.ru',
],
'.landing-block-card-social-icon' => [
'type' => 'icon',

View File

@ -190,13 +190,13 @@ $result = [
<li class="landing-block-card-social list-inline-item g-mr-10 g-my-5"
data-card-preset="vk">
<a class="landing-block-card-social-icon-link u-icon-v2 g-width-35 g-height-35 g-font-size-16 g-color-white g-color-white--hover g-bg-primary--hover g-brd-white g-brd-primary--hover g-rounded-50x"
href="https://vk.com">
href="https://vk.ru">
<i class="landing-block-card-social-icon fa fa-vk"></i>
</a>
</li>',
'values' => [
'.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com',
'href' => 'https://vk.ru',
],
'.landing-block-card-social-icon' => [
'type' => 'icon',

View File

@ -1,115 +0,0 @@
;(function () {
"use strict";
// set additional slider options after block init for BOTTOM slider
BX.addCustomEvent("BX.Landing.Block:init", function (event) {
var relativeSelector = event.makeRelativeSelector("#carouselTEAM001");
if ($(relativeSelector).length > 0)
{
setSliderOptions(relativeSelector);
// generateNavSlider(event.block.id);
}
});
// we can't add card in slider - need destroy slider, clone DOM-element, save content in DB and reinit slider later
BX.addCustomEvent("BX.Landing.Block:Card:beforeAdd", function(event) {
// var bottomSliderId = 'carouselTEAM001';
// var bottomSliderElementClass = 'landing-block-card-bottom-slider-element';
// for BOTTOM slider
var relativeSelector = event.makeRelativeSelector("#" + bottomSliderId);
// save current slider position
// event.block.slickCurrentSlide2 = $(relativeSelector).slick("slickCurrentSlide");
if($(relativeSelector).length > 0)
$(relativeSelector).slick('unslick');
// find card from top slider in bottom slider and clone they node
// var bottomSliderElements = BX.findChildrenByClassName(BX(bottomSliderId), bottomSliderElementClass);
// dbg: need other method to find index - we have no card object already
// var bottomSliderEventNode = bottomSliderElements[event.card.getIndex()];
// BX.insertAfter(BX.clone(bottomSliderEventNode), bottomSliderEventNode);
});
// reinit slider after add new element in DOM
BX.addCustomEvent("BX.Landing.Block:Card:add", function (event) {
var relativeSelector = event.makeRelativeSelector("#carouselTEAM001");
if ($(relativeSelector).length > 0)
{
setSliderOptions(relativeSelector);
}
});
// set additional slider options after removing card
BX.addCustomEvent("BX.Landing.Block:Card:remove", function (event) {
var relativeSelector = event.makeRelativeSelector("#carouselTEAM001");
if ($(relativeSelector).length > 0)
{
setSliderOptions(relativeSelector);
}
});
// additional slider options
var setSliderOptions = function (selector) {
if ($(selector).length > 0)
{
$(selector).slick('setOption', 'responsive', [{
breakpoint: 1200,
settings: {
slidesToShow: 5
}
}, {
breakpoint: 992,
settings: {
slidesToShow: 4
}
}, {
breakpoint: 768,
settings: {
slidesToShow: 3
}
}, {
breakpoint: 576,
settings: {
slidesToShow: 2
}
}, {
breakpoint: 446,
settings: {
slidesToShow: 2
}
}], true);
}
};
var navSliderClass = "carContTest";
var personCardClass = "landing-block-card-person";
var personCardPhotoClass = "landing-block-node-person-photo";
var personCardNameClass = "landing-block-node-person-name";
var generateNavSlider = function(parent)
{
var container = BX.findChild(BX(parent), navSliderClass);
var persons = BX.findChildrenByClassName(BX(parent), personCardClass);
persons.forEach(function(person) {
var name = BX.findChildrenByClassName(person, personCardNameClass, false)[0].innerHTML;
var photo = BX.findChildrenByClassName(person, personCardPhotoClass, false);
// container.appendChild(BX.create("div", {
// 'html': '<div class="js-slide g-opacity-1 g-cursor-pointer g-px-15">' +
// '<img class="img-fluid mb-3" src="' + photo + '">' +
// '<h3 class="h6 g-color-text">' + name + '</h3>' +
// '</div>',
// 'props' : {
// 'className': 'asd'
// }
// }));
});
}
})();

View File

@ -1,4 +1,7 @@
<section class="landing-block g-max-width-container g-pt-30 g-pr-75 g-pb-30">
<section
class="landing-block g-max-width-container g-pt-30 g-pr-75 g-pb-30 g-bg"
style="--bg: #ffffff;"
>
<div class="row">
<div class="landing-block-node-content-container col-md-7 col-lg-7 text-center text-md-left g-pt-40 g-pb-50 g-px-15 g-pl-60--md g-pr-50--md">
<h3 class="landing-block-node-title js-animation fadeInUp g-font-size-30 g-mb-35">

View File

@ -3,7 +3,7 @@ $MESS["LANDING_BLOCK_31_1_BUTTON_AREA"] = "Schaltflächenbereich";
$MESS["LANDING_BLOCK_31_8_ICON"] = "Icon";
$MESS["LANDING_BLOCK_31_8_NAME"] = "Aufzählung, Schaltfläche und Bild rechts";
$MESS["LANDING_BLOCK_31_8_NODES_BUTTON"] = "Schaltfläche";
$MESS["LANDING_BLOCK_31_8_NODES_CARD"] = "Blockelemente";
$MESS["LANDING_BLOCK_31_8_NODES_CARD"] = "Blockkacheln";
$MESS["LANDING_BLOCK_31_8_NODES_IMG"] = "Bild";
$MESS["LANDING_BLOCK_31_8_TEXT"] = "Text";
$MESS["LANDING_BLOCK_31_8_TITLE"] = "Überschrift";

View File

@ -3,7 +3,7 @@ $MESS["LANDING_BLOCK_31_1_BUTTON_AREA"] = "Button area";
$MESS["LANDING_BLOCK_31_8_ICON"] = "Icon";
$MESS["LANDING_BLOCK_31_8_NAME"] = "Bulleted list, button and image on the right";
$MESS["LANDING_BLOCK_31_8_NODES_BUTTON"] = "Button";
$MESS["LANDING_BLOCK_31_8_NODES_CARD"] = "Block elements";
$MESS["LANDING_BLOCK_31_8_NODES_CARD"] = "Block tiles";
$MESS["LANDING_BLOCK_31_8_NODES_IMG"] = "Image";
$MESS["LANDING_BLOCK_31_8_TEXT"] = "Text";
$MESS["LANDING_BLOCK_31_8_TITLE"] = "Title";

View File

@ -1,7 +1,7 @@
<?php
$MESS["LANDING_BLOCK_FORM_33.1_NODE_CONTACT_ICON"] = "Белгіше";
$MESS["LANDING_BLOCK_FORM_33.2_NODE_BGIMG"] = "Фон суреті";
$MESS["LANDING_BLOCK_FORM_33.2_NODE_CARD_CONTACT"] = "Байланыс";
$MESS["LANDING_BLOCK_FORM_33.2_NODE_CONTACT_ICON"] = "Белгіше";
$MESS["LANDING_BLOCK_FORM_33.2_NODE_CONTACT_LINK"] = "Сілтеме";
$MESS["LANDING_BLOCK_FORM_33.2_NODE_CONTACT_TEXT"] = "Мәтін";
$MESS["LANDING_BLOCK_FORM_33.2_NODE_FORM"] = "Нысан";

View File

@ -190,14 +190,14 @@ $result = [
<li class="landing-block-node-social-item list-inline-item g-valign-middle g-mx-3 g-mb-6"
data-card-preset="vk">
<a class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
href="https://vk.com">
href="https://vk.ru">
<i class="landing-block-node-social-icon fa fa-vk"></i>
</a>
</li>',
'disallow' => ['.landing-block-node-social-icon'],
'values' => [
'.landing-block-node-social-link' => [
'href' => 'https://vk.com',
'href' => 'https://vk.ru',
],
'.landing-block-node-social-icon' => [
'type' => 'icon',

View File

@ -1,6 +1,6 @@
<?php
$MESS["LANDING_BLOCK_40_5_BLOCK"] = "Блок";
$MESS["LANDING_BLOCK_40_5_BORDER"] = "Жиектеме";
$MESS["LANDING_BLOCK_40_5_BORDER"] = "Жақтау";
$MESS["LANDING_BLOCK_40_5_ELEMENT"] = "Элементтер жиынтығы";
$MESS["LANDING_BLOCK_40_5_IMG"] = "Сурет";
$MESS["LANDING_BLOCK_40_5_NAME"] = "Сипаттамасы бар парақталатын суреттер";

View File

@ -1,26 +0,0 @@
<?php
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
{
die();
}
use \Bitrix\Main\Localization\Loc;
return [
'block' => [
'name' => Loc::getMessage('LNDNGBLCK_66_1_NAME'),
// 'section' => array('forms'),
'dynamic' => false,
'subtype' => 'embedform',
],
// 'nodes' => [],
// 'style' => [
// 'block' => [
// 'type' => ['block-default', 'block-border'],
// ],
// 'nodes' => [],
// ],
'assets' => [
'ext' => ['landing_form_embed'],
],
];

View File

@ -1,14 +0,0 @@
<section class="landing-block g-pt-100 g-pb-100">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto">
<div class="landing-embed-b24form g-brd-white-opacity-0_6 u-form-alert-v4"
data-b24form-use-design="Y"
data-b24form-design='{"dark":false,"style":"classic","compact":false,"color":{"primary":"--primary","primaryText":"#fff","text":"#000","background":"#ffffff00","fieldBorder":"#fff","fieldBackground":"#f7f7f7","fieldFocusBackground":"#eee"},"border":{"top":false,"bottom":false,"left":false,"right":false}}'
>
</div>
</div>
</div>
</div>
</section>

View File

@ -1,2 +0,0 @@
<?php
$MESS['LNDNGBLCK_66_1_NAME'] = 'Форма на светлом фоне по центру - NEW';

View File

@ -1,26 +0,0 @@
<?php
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
{
die();
}
use \Bitrix\Main\Localization\Loc;
return [
'block' => [
'name' => Loc::getMessage('LNDNGBLCK_66_10_NAME'),
// 'section' => array('forms'),
'dynamic' => false,
'subtype' => 'embedform',
],
// 'nodes' => [],
// 'style' => [
// 'block' => [
// 'type' => ['block-default', 'block-border'],
// ],
// 'nodes' => [],
// ],
'assets' => [
'ext' => ['landing_form_embed'],
],
];

View File

@ -1,14 +0,0 @@
<section class="landing-block g-bg-primary g-pt-100 g-pb-100">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto">
<div class="landing-embed-b24form g-brd-white-opacity-0_6 u-form-alert-v4"
data-b24form-use-design="Y"
data-b24form-design='{"dark":true,"style":"classic","compact":false,"color":{"primary":"#fff","primaryText":"#333","text":"#fff","background":"#ffffff00","fieldBorder":"#ffffff00","fieldBackground":"#00000011","fieldFocusBackground":"#00000011"},"border":{"top":false,"bottom":false,"left":false,"right":false}}'
>
</div>
</div>
</div>
</div>
</section>

View File

@ -1,2 +0,0 @@
<?php
$MESS['LNDNGBLCK_66_10_NAME'] = 'Форма на цветном фоне по центру - NEW';

View File

@ -1,40 +0,0 @@
<?php
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
{
die();
}
use Bitrix\Main\Localization\Loc;
return [
'block' => [
'name' => Loc::getMessage('LNDNGBLCK_66_20_NAME'),
// 'section' => 'other',
'dynamic' => false,
'subtype' => 'embedform',
// 'type' => ['page', 'store', 'smn'],
],
'cards' => [],
'nodes' => [
'.landing-block-node-bgimg' => [
'name' => Loc::getMessage('LNDNGBLCK_66_20_BG'),
'type' => 'img',
'dimensions' => ['width' => 1920, 'height' => 1080],
'allowInlineEdit' => false,
],
],
'style' => [
'block' => [
'type' => ['block-default-background-overlay'],
],
'nodes' => [
'.landing-block-node-bgimg' => [
'name' => Loc::getMessage('LNDNGBLCK_66_20_BG'),
'type' => 'background-attachment',
],
],
],
'assets' => [
'ext' => ['landing_form_embed'],
],
];

View File

@ -1,18 +0,0 @@
<section class="landing-block landing-block-node-bgimg landing-semantic-color-overlay g-pos-rel g-pt-120 g-pb-120 g-bg-size-cover g-bg-img-hero g-bg-cover g-bg-black-opacity-0_7--after"
style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1920x1080/img4.jpg);">
<div class="container g-z-index-1 g-pos-rel">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 mx-auto">
<div class="landing-node-form-container g-brd-white-opacity-0_6 g-brd-none g-brd-around--sm g-brd-1 g-py-15 g-py-20--sm g-py-60--lg g-px-20 g-px-40--sm g-px-80--lg">
<div class="landing-embed-b24form g-brd-white-opacity-0_6 u-form-alert-v4"
data-b24form-use-design="Y"
data-b24form-design='{"dark":true,"style":"modern","compact":false,"color":{"primary":"--primary","primaryText":"#fff","text":"#fff","background":"#ffffff00","fieldBorder":"#fff","fieldBackground":"#ffffff00"},"border":{"top":false,"bottom":false,"left":false,"right":false}}'
>
</div>
</div>
</div>
</div>
</div>
</section>

View File

@ -1,3 +0,0 @@
<?php
$MESS['LNDNGBLCK_66_20_NAME'] = 'Форма на затемнённой фоновой картинке по центру - NEW';
$MESS['LNDNGBLCK_66_20_BG'] = 'Фоновая картинка';

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_1_NAME"] = "Folien mit Text, Schaltfläche und Hintergrundbild";
$MESS["LANDING_BLOCK_WIDGET_70_1_NAME"] = "Blöcke mit einem Text, einer Schaltfläche und einem Bild im Hintergrund";
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_BUTTON"] = "Folienschaltfläche";
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD_TITLE"] = "Folienüberschrift";

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_1_NAME"] = "Tiles with text, button and background image";
$MESS["LANDING_BLOCK_WIDGET_70_1_NAME"] = "Blocks with text, button and background image";
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_BUTTON"] = "Tile button";
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD_TITLE"] = "Tile title";

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_10_NAME"] = "Folien mit kleinem Bild und Überschrift";
$MESS["LANDING_BLOCK_WIDGET_70_10_NAME"] = "Blöcke mit einem kleinen Bild und einer Überschrift";
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD_TITLE"] = "Folienüberschrift";
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CONTAINER"] = "Container";

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_10_NAME"] = "Tiles with small image and title";
$MESS["LANDING_BLOCK_WIDGET_70_10_NAME"] = "Blocks with small image and title";
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD_TITLE"] = "Tile title";
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CONTAINER"] = "Container";

View File

@ -2,6 +2,6 @@
$MESS["LANDING_BLOCK_WIDGET_70_11_BUTTON"] = "Schaltfläche";
$MESS["LANDING_BLOCK_WIDGET_70_11_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_70_11_LINK"] = "Link";
$MESS["LANDING_BLOCK_WIDGET_70_11_NAME"] = "Überschrift mit Text und zwei Schaltflächen";
$MESS["LANDING_BLOCK_WIDGET_70_11_NAME"] = "Block mit einem Text und zwei Schaltflächen";
$MESS["LANDING_BLOCK_WIDGET_70_11_TEXT"] = "Text";
$MESS["LANDING_BLOCK_WIDGET_70_11_TITLE"] = "Überschrift";

View File

@ -2,6 +2,6 @@
$MESS["LANDING_BLOCK_WIDGET_70_11_BUTTON"] = "Button";
$MESS["LANDING_BLOCK_WIDGET_70_11_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_70_11_LINK"] = "Link";
$MESS["LANDING_BLOCK_WIDGET_70_11_NAME"] = "Title with text and two buttons";
$MESS["LANDING_BLOCK_WIDGET_70_11_NAME"] = "Block with text and two buttons";
$MESS["LANDING_BLOCK_WIDGET_70_11_TEXT"] = "Text";
$MESS["LANDING_BLOCK_WIDGET_70_11_TITLE"] = "Title";

View File

@ -46,6 +46,10 @@ $return = [
'type' => ['widget'],
],
'nodes' => [
'.landing-block-node-content' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CONTAINER'),
'type' => ['container-max-width'],
],
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_TITLE'),
'type' => ['typo'],
@ -56,16 +60,24 @@ $return = [
],
'.landing-block-node-card-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CONTAINER'),
'type' => ['background-color'],
'type' => ['container-max-width', 'background-color', 'border-radius'],
],
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CARD'),
'type' => [],
],
'.landing-block-node-card-link' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE'),
'type' => ['background-color', 'background-color-hover', 'color', 'color-hover', 'font-family'],
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CARD'),
'type' => ['background-color', 'background-color-hover', 'border-radius'],
],
'.landing-block-node-card-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_ICON'),
'type' => ['background-color', 'color'],
],
'.landing-block-node-card-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE'),
'type' => ['typo', 'color-hover'],
],
],
],
];

View File

@ -2,7 +2,7 @@
class="landing-block g-bg g-pl-30 g-pr-30 g-pt-30 g-pb-30 g-cursor-default"
style="--bg: #ffffff;"
>
<div class="landing-block-node-content g-mb-20">
<div class="landing-block-node-content g-mb-20 m-auto g-max-width-container">
<div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6 g-pl-25">
Title
</div>
@ -11,12 +11,13 @@
</div>
</div>
<div
class="landing-block-node-card-container d-flex justify-content-center g-bg g-rounded-100 g-px-25 g-py-25"
class="landing-block-node-card-container d-flex justify-content-center g-bg g-rounded-100 g-px-25 g-py-25 m-auto g-max-width-container"
style="--bg: #edf7ff; gap: 13px; flex-wrap: wrap;"
>
<div
style="max-width: 265px; width: 100%;"
class="landing-block-node-card g-cursor-pointer">
class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
style="width: 100%;"
>
<a
class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
@ -33,8 +34,9 @@
</a>
</div>
<div
style="max-width: 265px; width: 100%;"
class="landing-block-node-card g-cursor-pointer">
class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
style="width: 100%;"
>
<a
class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
@ -51,8 +53,9 @@
</a>
</div>
<div
style="max-width: 265px; width: 100%;"
class="landing-block-node-card g-cursor-pointer">
class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
style="width: 100%;"
>
<a
class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
@ -69,8 +72,9 @@
</a>
</div>
<div
style="max-width: 265px; width: 100%;"
class="landing-block-node-card g-cursor-pointer">
class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
style="width: 100%;"
>
<a
class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_2_NAME"] = "Folien mit Symbol und Text in abgerundetem Rahmen";
$MESS["LANDING_BLOCK_WIDGET_70_2_NAME"] = "Blöcke mit einem Icon und Text im abgerundeten Rahmen";
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_BUTTON"] = "Schaltfläche";
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE"] = "Folienüberschrift";

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_2_NAME"] = "Tiles with icon and text in rounded frame";
$MESS["LANDING_BLOCK_WIDGET_70_2_NAME"] = "Blocks with icon and text in rounded frame";
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_BUTTON"] = "Button";
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE"] = "Tile title";

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_3_NAME"] = "Folien mit Überschrift und Bild";
$MESS["LANDING_BLOCK_WIDGET_70_3_NAME"] = "Blöcke mit einer Überschrift und einem Bild";
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD_TITLE"] = "Folienüberschrift";
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CONTAINER"] = "Container";

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_3_NAME"] = "Tiles with title and image";
$MESS["LANDING_BLOCK_WIDGET_70_3_NAME"] = "Blocks with title and image";
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD_TITLE"] = "Tile title";
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CONTAINER"] = "Container";

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_4_NAME"] = "Folien mit Überschrift, Text und Farbleiste auf der linken Seite, alle in abgerundetem Rahmen";
$MESS["LANDING_BLOCK_WIDGET_70_4_NAME"] = "Blöcke mit einer Überschrift, einem Text und einer Farbleiste links, alles im abgerundeten Rahmen";
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINE"] = "Farbleiste";
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINK"] = "Link";

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_4_NAME"] = "Tiles with title, text and color bar on the left, all in rounded frame";
$MESS["LANDING_BLOCK_WIDGET_70_4_NAME"] = "Blocks with title, text and color bar on the left, all in rounded frame";
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINE"] = "Tile color bar";
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINK"] = "Link";

View File

@ -50,13 +50,17 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_TITLE'),
'type' => ['typo'],
],
'.landing-block-node-content-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_CARD_CONTAINER'),
'type' => ['container-max-width', 'padding-left', 'padding-right'],
],
'.landing-block-node-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_TEXT'),
'type' => ['typo'],
],
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_CARD'),
'type' => ['background-color'],
'type' => ['background-color', 'border-color', 'border-color-hover'],
],
'.landing-block-node-card-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE'),

View File

@ -2,7 +2,7 @@
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-30 g-bg g-cursor-default"
style="--bg: #ffffff;"
>
<div class="g-px-25">
<div class="landing-block-node-content-container g-pl-25 g-pr-25 m-auto g-max-width-container">
<div class="landing-block-node-content g-mb-20">
<div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6">
Title

View File

@ -1,6 +1,7 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Folien mit Bild und Überschrift unten";
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Blöcke mit einem Bild und einer Überschrift unten";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_IMG"] = "Bild";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Link";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Folienüberschrift";

View File

@ -1,6 +1,7 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Tiles with image and title at the bottom";
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Blocks with image and title at the bottom";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_IMG"] = "Image";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Link";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Tile title";

View File

@ -1,6 +1,7 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Төменгі жағында суреті мен тақырыпаты бар карточкалар";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD"] = "Карточка";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_CONTAINER"] = "Контейнер";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_IMG"] = "Сурет";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Сілтеме";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Карточка тақырыпаты";

View File

@ -6,3 +6,4 @@ $MESS['LANDING_BLOCK_WIDGET_70_6_NODE_TEXT'] = 'Текст';
$MESS['LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE'] = 'Заголовок карточки';
$MESS['LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK'] = 'Ссылка';
$MESS['LANDING_BLOCK_WIDGET_70_6_NODE_CARD_IMG'] = 'Картинка';
$MESS['LANDING_BLOCK_WIDGET_70_6_NODE_CARD_CONTAINER'] = 'Контейнер';

View File

@ -32,6 +32,10 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'),
'type' => 'text',
],
'.landing-block-node-list-item-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_ARROW'),
'type' => 'icon',
],
'.landing-block-node-list-item-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'),
'type' => 'text',
@ -86,9 +90,9 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'),
'type' => ['typo'],
],
'.landing-block-node-list-item-arrow' => [
'.landing-block-node-list-item-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_ARROW'),
'type' => ['background-color-after', 'background-color-before'],
'type' => ['color', 'font-size'],
],
'.landing-block-node-list-item-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_ITEM'),

View File

@ -19,24 +19,24 @@
</div>
<ul class="landing-block-node-list g-mb-20 g-px-0">
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
<div
class="landing-block-node-list-item-arrow g-mr-9 arrow arrow-1 g-pos-rel d-inline-block g-bg--after g-bg--before"
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
></div>
<i
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
style="--color: var(--primary);"
></i>
<div class="landing-block-node-list-item-text g-font-size-16">Text 1</div>
</li>
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
<div
class="landing-block-node-list-item-arrow g-mr-9 arrow arrow-1 g-pos-rel d-inline-block g-bg--after g-bg--before"
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
></div>
<i
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
style="--color: var(--primary);"
></i>
<div class="landing-block-node-list-item-text g-font-size-16">Text 2</div>
</li>
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
<div
class="landing-block-node-list-item-arrow g-mr-9 arrow arrow-1 g-pos-rel d-inline-block g-bg--after g-bg--before"
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
></div>
<i
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
style="--color: var(--primary);"
></i>
<div class="landing-block-node-list-item-text g-font-size-16">Text 3</div>
</li>
</ul>

View File

@ -27,6 +27,10 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_SUBTITLE'),
'type' => 'text',
],
'.landing-block-node-list-item-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_STYLE_ARROW'),
'type' => 'icon',
],
'.landing-block-node-list-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_CARD_TEXT'),
'type' => 'text',
@ -66,9 +70,9 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_CARD_TEXT'),
'type' => ['typo'],
],
'.landing-block-node-list-item-arrow' => [
'.landing-block-node-list-item-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_STYLE_ARROW'),
'type' => ['background-color-before', 'background-color-after'],
'type' => ['color', 'font-size'],
],
'.landing-block-node-button' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_STYLE_BUTTON'),

View File

@ -17,38 +17,38 @@
</div>
<ul class="landing-block-node-list g-mb-15 g-px-0">
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
<div
class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
></div>
<i
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
style="--color: var(--primary);"
></i>
<div class="landing-block-node-list-text g-font-size-16">Text line 1</div>
</li>
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
<div
class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
></div>
<i
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
style="--color: var(--primary);"
></i>
<div class="landing-block-node-list-text g-font-size-16">Text line 2</div>
</li>
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
<div
class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
></div>
<i
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
style="--color: var(--primary);"
></i>
<div class="landing-block-node-list-text g-font-size-16">Text line 3</div>
</li>
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
<div
class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
></div>
<i
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
style="--color: var(--primary);"
></i>
<div class="landing-block-node-list-text g-font-size-16">Text line 4</div>
</li>
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
<div
class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
></div>
<i
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
style="--color: var(--primary);"
></i>
<div class="landing-block-node-list-text g-font-size-16">Text line 5</div>
</li>
</ul>

View File

@ -31,6 +31,14 @@ $return = [
'type' => ['widget'],
],
'nodes' => [
'.landing-block-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER'),
'type' => ['container-max-width'],
],
'.landing-block-node-content' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER'),
'type' => ['padding-left', 'padding-right'],
],
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_TITLE'),
'type' => ['typo'],
@ -39,6 +47,10 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_TEXT'),
'type' => ['typo'],
],
'.landing-block-node-link-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER'),
'type' => ['padding-left', 'padding-right'],
],
'.landing-block-node-link' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON'),
'type' => ['background', 'color', 'background-hover', 'color-hover', 'font-family'],

View File

@ -2,7 +2,7 @@
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-40 g-bg-image g-cursor-default"
style="--bg-url: url('https://cdn.bitrix24.site/bitrix/images/landing/bg/bg_70_9.jpg'); --bg-overlay: hsla(0, 0%, 0%, 0); --bg-size: cover; --bg-attachment: scroll; --bg-url-2x: url('https://cdn.bitrix24.site/bitrix/images/landing/bg/bg_70_9.jpg');"
>
<div class="g-px-25">
<div class="landing-block-container g-px-25 m-auto">
<div class="landing-block-node-content g-mb-20">
<div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6">
Title
@ -11,6 +11,7 @@
Description of the block
</div>
</div>
<div class="landing-block-node-link-container" style="display: inline-flex">
<a
class="landing-block-node-link g-mb-9 g-pt-8 g-pb-8 g-px-20 g-rounded-10 text-center btn g-font-size-16 g-font-weight-500 g-color g-bg g-color--hover g-bg--hover"
style="--color: #0253C8; --bg: #E6F4FF; --color-hover: #ffffff; --bg-hover: var(--primary);"
@ -20,4 +21,5 @@
Button
</a>
</div>
</div>
</section>

View File

@ -1,6 +1,7 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_9_NAME"] = "Überschrift mit Text, Schaltfläche und Hintergrundbild";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON"] = "Schaltfläche";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_LINK"] = "Link";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Text";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Überschrift";

View File

@ -1,6 +1,7 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_9_NAME"] = "Title with text, button and background image";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON"] = "Button";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_LINK"] = "Link";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Text";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Title";

View File

@ -1,6 +1,7 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_70_9_NAME"] = "Фондық суретте батырмасы мен мәтіні бар тақырыпаты";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON"] = "батырма";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER"] = "Контейнер";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_LINK"] = "Сілтеме";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Мәтін";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Тақырыпаты";

View File

@ -3,4 +3,5 @@ $MESS['LANDING_BLOCK_WIDGET_70_9_NAME'] = 'Заголовок с текстом
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_TITLE'] = 'Заголовок';
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_TEXT'] = 'Текст';
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_LINK'] = 'Ссылка';
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON'] = 'кнопка';
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON'] = 'Кнопка';
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER'] = 'Контейнер';

View File

@ -11,7 +11,6 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['columns', 'widgets_columns'],
'system' => true,
],
'cards' => [
'.landing-block-node-card' => [
@ -28,14 +27,14 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'),
'type' => 'text',
],
'.landing-block-node-img' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_IMG'),
'type' => 'img',
],
'.landing-block-node-info-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'),
'type' => 'text',
],
'.landing-block-node-img' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_IMG'),
'type' => 'img',
],
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_CARD'),
'type' => 'link',
@ -74,9 +73,13 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'),
'type' => ['typo'],
],
'.landing-block-node-img-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER'),
'type' => ['background-color'],
],
'.landing-block-node-card-tab' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_BADGE'),
'type' => ['background-color'],
'type' => ['background-color', 'color'],
],
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_CARD'),

View File

@ -1,29 +1,34 @@
<section
class="landing-block g-bg g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default"
style="--bg: rgba(0, 0, 0, .5);"
class="landing-block g-bg-image g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default"
style="--bg-url: url('https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-1-bg.jpg'); --bg-url-2x: url('https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-1-bg.jpg'); --bg-overlay: hsla(0, 0%, 0%, 0.5); --bg-size: cover; --bg-attachment: scroll;"
>
<div class="container">
<div class="row no-gutters">
<div class="col">
<div
class="landing-block-node-title g-color g-font-weight-600 g-font-size-25 g-mb-20 text-center"
style="--color: #ffffff;"
class="landing-block-node-title g-color g-font-weight-600 g-mb-25"
style="--color: #ffffff; font-size: 49px;"
>
Block title
</div>
<div class="d-flex justify-content-between g-mb-35">
<div
class="landing-block-node-text g-color g-font-weight-300 g-font-size-20 g-mb-65 text-center"
class="landing-block-node-text g-color g-font-weight-300 g-font-size-20 g-mr-10 text-center"
style="--color: #ffffff;"
>
Block subtitle
</div>
<div class="d-flex g-mb-40">
<div class="d-flex">
<div
class="landing-block-node-img-container g-rounded-50 g-bg g-mr-10"
style="display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; --bg: hsla(0, 0%, 29%, 0.3);"
>
<img
class="landing-block-node-img my-auto g-mr-30"
style="width: 56px; height: 56px;"
src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-1.png"
class="landing-block-node-img my-auto g-rounded-50x"
style="width: 47px; height: 47px;"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/200x200/img7.jpg"
alt=""
>
</div>
<div
class="landing-block-node-info-text g-font-size-20 g-font-weight-500 g-color"
style="--color: #ffffff; max-width: 450px;"
@ -31,102 +36,103 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
<div style="display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); align-items: end;">
<a
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 text-center"
style="position: relative; border: 1px solid rgb(0, 117, 255); height: fit-content;"
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg g-bg--hover g-text-decoration-none--hover"
style="position: relative; border: 1px solid rgba(255, 255, 255, 0.4); height: fit-content; --bg: rgba(255, 255, 255, 0.1); --bg-hover: hsla(0, 0%, 100%, 0.2); transition: background .3s; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);"
>
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;">
<div style="position: absolute; top: -34px; left: 0; height: fit-content;">
<div
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-bg"
style="--color: #ffffff; --bg: #0275FF; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;"
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-bg g-font-size-12"
style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
>
Level 1
</div>
</div>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="--color: #ffffff;"
>
Title 1
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #ffffff;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</a>
<a
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 text-center"
style="position: relative; border: 1px solid rgb(47, 198, 246); height: fit-content;"
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg g-bg--hover g-text-decoration-none--hover"
style="position: relative; border: 1px solid rgba(255, 255, 255, 0.4); height: fit-content; --bg: rgba(255, 255, 255, 0.1); --bg-hover: hsla(0, 0%, 100%, 0.2); transition: background .3s; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);"
>
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;">
<div style="position: absolute; top: -34px; left: 0; height: fit-content;">
<div
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-bg"
style="--color: #ffffff; --bg: #30C6F6; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;"
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-bg g-font-size-12"
style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
>
Level 2
</div>
</div>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="--color: #ffffff;"
>
Title 2
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #ffffff;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</a>
<a
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 text-center"
style="position: relative; border: 1px solid rgb(255, 169, 0); height: fit-content;"
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg g-bg--hover g-text-decoration-none--hover"
style="position: relative; border: 1px solid rgba(255, 255, 255, 0.4); height: fit-content; --bg: rgba(255, 255, 255, 0.1); --bg-hover: hsla(0, 0%, 100%, 0.2); transition: background .3s; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);"
>
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;">
<div style="position: absolute; top: -34px; left: 0; height: fit-content;">
<div
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-bg"
style="--color: #ffffff; --bg: #FFA900; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;"
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-bg g-font-size-12"
style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
>
Level 3
</div>
</div>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600"
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600 g-font-size-17"
style="--color: #ffffff;"
>
Title 3
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #ffffff;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</a>
<a
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 text-center"
style="position: relative; border: 1px solid rgb(255, 87, 82); height: fit-content;"
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg g-bg--hover g-text-decoration-none--hover"
style="position: relative; border: 1px solid rgba(255, 255, 255, 0.4); height: fit-content; --bg: rgba(255, 255, 255, 0.1); --bg-hover: hsla(0, 0%, 100%, 0.2); transition: background .3s; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);"
>
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;">
<div style="position: absolute; top: -34px; left: 0; height: fit-content;">
<div
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-bg"
style="--color: #ffffff; --bg: #FF5752; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;"
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-bg g-font-size-12"
style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
>
Level 4
</div>
</div>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600"
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600 g-font-size-17"
style="--color: #ffffff;"
>
Title 4
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #ffffff;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@ -135,6 +141,4 @@
</div>
</div>
</div>
</div>
</section>

View File

@ -1,9 +1,10 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_71_1_NAME"] = "Textblock: eine Überschrift, ein Untertitel, 4 Textkacheln und ein Icon links, alles mit einem dunklen Hintergrund";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_BADGE"] = "Kachel-Tab";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_BADGE"] = "Kachel-Tab:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD"] = "Kachel";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = "Kacheltext";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = "Kachelüberschrift";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = "Bild";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Text";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Überschrift";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = "Kacheltext:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = "Kachelüberschrift:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = "Bild:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER"] = "Kontur";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Text:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Überschrift:";

View File

@ -1,9 +1,10 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_71_1_NAME"] = "Text block: a title, a subtitle, 4 text tiles and an icon on the left, all on a dark background";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_BADGE"] = "Tile tab";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_BADGE"] = "Tile tab:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = "Tile text";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = "Tile title";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = "Image";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Text";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Title";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = "Tile text:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = "Tile title:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = "Image:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER"] = "Stroke";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Text:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Title:";

View File

@ -5,5 +5,6 @@ $MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD"] = " Карточка";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = " Карточка мәтіні ";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = " Карточка тақырыпаты";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = " Сурет";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER"] = "Жақтау";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Мәтін";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Тақырыпаты";

View File

@ -3,6 +3,7 @@ $MESS['LANDING_BLOCK_WIDGET_71_1_NAME'] = 'Текстовый блок на те
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_TITLE'] = 'Заголовок';
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'] = 'Текст';
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_CARD'] = 'Карточка';
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER'] = 'Рамка';
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_IMG'] = 'Картинка';
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_BADGE'] = 'Бейдж';
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE'] = 'Заголовок карточки';

View File

@ -11,7 +11,6 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_2_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['columns', 'widgets_columns'],
'system' => true,
],
'cards' => [
'.landing-block-node-card' => [

View File

@ -10,188 +10,158 @@
>
Block title
</div>
<div class="landing-block-node-card-box d-grid-71-2">
<div style="gap: 20px; flex-wrap: wrap;" class="landing-block-node-card-box d-flex justify-content-between">
<!-- card 1-->
<div
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 210px; max-width: calc(33% - 10px); overflow: hidden;"
>
<div
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
style="--bg: #1E86FF; --color: #ffffff;"
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
>
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
</div>
<div>
<div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
style="top: -250px; left: -230px; width: 300px; height: 300px;"
>
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
<div class="landing-block-node-card-icon fa fa-envelope"></div>
</div>
</div>
</div>
<div
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="--color: #000000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
<!-- card 2-->
<div
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg g-pos-rel"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 210px; max-width: calc(33% - 10px); overflow: hidden;"
>
<div
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
style="--bg: #1E86FF; --color: #ffffff;"
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
>
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
</div>
<div>
<div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
style="top: -250px; left: -230px; width: 300px; height: 300px;"
>
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
<div class="landing-block-node-card-icon fa fa-check"></div>
</div>
</div>
</div>
<div
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="--color: #000000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
<!-- card 3-->
<div
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg g-pos-rel"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 210px; max-width: calc(33% - 10px); overflow: hidden;"
>
<div
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
style="--bg: #1E86FF; --color: #ffffff;"
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
>
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
</div>
<div>
<div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
style="top: -250px; left: -230px; width: 300px; height: 300px;"
>
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
<div class="landing-block-node-card-icon fa fa-phone"></div>
</div>
</div>
</div>
<div
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="--color: #000000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
<!-- card 4-->
<div
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg g-pos-rel"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; max-width: calc(33% - 10px); overflow: hidden;"
>
<div
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
style="--bg: #1E86FF; --color: #ffffff;"
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
>
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
</div>
<div>
<div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
style="top: -250px; left: -230px; width: 300px; height: 300px;"
>
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
<div class="landing-block-node-card-icon fa fa-envelope"></div>
</div>
</div>
</div>
<div
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="--color: #000000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
<!-- card 5-->
<div
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg g-pos-rel"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; max-width: calc(33% - 10px); overflow: hidden;"
>
<div
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
style="--bg: #1E86FF; --color: #ffffff;"
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
>
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
</div>
<div>
<div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
style="top: -250px; left: -230px; width: 300px; height: 300px;"
>
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
<div class="landing-block-node-card-icon fa fa-check"></div>
</div>
</div>
</div>
<div
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="--color: #000000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
<!-- card 6-->
<div
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg g-pos-rel"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; max-width: calc(33% - 10px); overflow: hidden;"
>
<div
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
style="--bg: #1E86FF; --color: #ffffff;"
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
>
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
</div>
<div>
<div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
style="top: -250px; left: -230px; width: 300px; height: 300px;"
>
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
<div class="landing-block-node-card-icon fa fa-phone"></div>
</div>
</div>
</div>
<div
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="--color: #000000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@ -200,4 +170,5 @@
</div>
</div>
</div>
</div>
</section>

View File

@ -11,12 +11,11 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['columns', 'widgets_columns'],
'system' => true,
],
'cards' => [
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_CARD'),
'label' => ['.landing-block-node-item-title'],
'label' => ['.landing-block-node-card-title'],
],
],
'nodes' => [
@ -60,7 +59,7 @@ $return = [
'nodes' => [
'.landing-block-node-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_ELEMENT'),
'type' => ['background-color'],
'type' => ['container-max-width', 'background-color', 'padding-top', 'padding-bottom'],
],
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_TITLE'),
@ -72,15 +71,19 @@ $return = [
],
'.landing-block-node-tab' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_BADGE'),
'type' => ['display-element', 'background-color', 'typo'],
'type' => ['display-element', 'background-color', 'border-color', 'typo'],
],
'.landing-block-node-card-box' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_ELEMENT'),
'type' => ['background-color'],
],
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_CARD'),
'type' => ['border-color', 'background-color', 'border-color-hover', 'background-hover'],
'type' => ['border-color', 'background-color', 'border-color-hover', 'background-hover', 'paddings'],
],
'.landing-block-node-card-badge' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_CARD_BADGE'),
'type' => ['background-color'],
'type' => ['display-element', 'background-color', 'color'],
],
'.landing-block-node-card-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_CARD_TITLE'),
@ -92,6 +95,9 @@ $return = [
],
],
],
'assets' => [
'ext' => ['landing_carousel'],
],
];
return $return;

View File

@ -1,39 +1,89 @@
<section
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel"
style="z-index: 3;"
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel g-bg"
style="--bg: #ffffff; z-index: 3;"
>
<div class="landing-block-node-container row g-pt-35 g-pb-40 g-rounded-20 g-pos-rel m-auto g-max-width-container">
<div
class="landing-block-node-container row g-pt-30 g-pb-35 g-rounded-20 g-pos-rel g-bg"
style="--bg: #E7F5FF;"
>
<div
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-font-size-18 g-pos-abs g-bg"
style="--color: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #0077ff; z-index: -1;"
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-pos-abs g-bg g-font-size-12 g-brd-1 g-brd-style-solid g-border-color"
style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
>
Level 1
</div>
<div class="col">
<div class="d-flex align-items-start justify-content-between g-mb-30">
<div
class="landing-block-node-title g-font-weight-600 g-font-size-25 g-mb-15 g-line-height-1 g-color g-mb-5"
class="landing-block-node-title g-font-weight-600 g-font-size-33 g-line-height-1 g-color g-mb-5"
style="--color: #000000;"
>
Block title
</div>
<div
class="landing-block-node-subtitle g-font-size-20 g-color g-mb-30 g-line-height-1"
class="landing-block-node-subtitle g-font-size-15 g-color g-line-height-1"
style="--color: #000000;"
>
Block subtitle
</div>
<div class="landing-block-node-card-box d-grid-71-3">
<a
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-60 g-pb-20 g-rounded-10 text-center g-border-color--hover g-bg g-pos-rel"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden; border: 1px solid transparent; transition: border .3s; --border-color--hover: #5085FB;"
</div>
<div
class="landing-block-node-card-box g-pl-30 g-pr-30 g-pt-30 g-pb-10 g-bg g-rounded-10"
style="--bg: #F1F4F9;"
>
<div class="">
<div
data-slider-autoplay="1"
data-slider-autoplay-speed="3000"
data-slider-slides-show="4"
data-slider-arrows="8"
data-slider-dots="0"
data-slider-animation="1"
>
<div
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-font-weight-600 g-color g-bg g-pos-abs"
style="--color: #ffffff; --bg: #2EC6F6; top: 15px; left: 0; min-width: 104px; height: 30px; border-radius: 0 10px 10px 0; box-sizing: border-box;"
class="landing-block-node-carousel js-carousel row"
data-autoplay="true"
data-pause-hover="true"
data-infinite="true"
data-slides-show="4"
data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-35 g-height-35 g-font-size-25 g-transition-0_2 g-transition--ease-in"
data-arrow-left-classes="fa fa-angle-left g-left-minus-35"
data-arrow-right-classes="fa fa-angle-right g-right-minus-35"
data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-pt-10"
data-responsive='[{
"breakpoint": 1200,
"settings": {
"slidesToShow": 4
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 4
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 576,
"settings": {
"slidesToShow": 2
}
}]'
data-init-classes-exclude='[{
"selector": ".landing-block-node-card",
"class": "col-6 col-sm-4 col-lg-2"
}, {
"selector": ".js-carousel",
"class": "row"
}]'
>
<a
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
>
<div
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
>
Badge
</div>
@ -44,19 +94,19 @@
Title
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</a>
<a
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-60 g-pb-20 g-rounded-10 text-center g-border-color--hover g-bg g-pos-rel"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden; border: 1px solid transparent; transition: border .3s; --border-color--hover: #5085FB;"
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
>
<div
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-font-weight-600 g-color g-bg g-pos-abs"
style="--color: #ffffff; --bg: #9DCE02; top: 15px; left: 0; min-width: 104px; height: 30px; border-radius: 0 10px 10px 0; box-sizing: border-box;"
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
>
Badge
</div>
@ -67,19 +117,19 @@
Title
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</a>
<a
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-60 g-pb-20 g-rounded-10 text-center g-border-color--hover g-bg g-pos-rel"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden; border: 1px solid transparent; transition: border .3s; --border-color--hover: #5085FB;"
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
>
<div
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-font-weight-600 g-color g-bg g-pos-abs"
style="--color: #ffffff; --bg: #FEA805; top: 15px; left: 0; min-width: 104px; height: 30px; border-radius: 0 10px 10px 0; box-sizing: border-box;"
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
>
Badge
</div>
@ -90,19 +140,19 @@
Title
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</a>
<a
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-60 g-pb-20 g-rounded-10 text-center g-border-color--hover g-bg g-pos-rel"
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden; border: 1px solid transparent; transition: border .3s; --border-color--hover: #5085FB;"
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
>
<div
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-font-weight-600 g-color g-bg g-pos-abs"
style="--color: #ffffff; --bg: #FF5753; top: 15px; left: 0; min-width: 104px; height: 30px; border-radius: 0 10px 10px 0; box-sizing: border-box;"
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
>
Badge
</div>
@ -113,12 +163,61 @@
Title
</div>
<div
class="landing-block-node-card-text g-color"
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</a>
<a
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
>
<div
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
>
Badge
</div>
<div
class="landing-block-node-card-title g-mb-5 g-color g-font-size-17 g-font-weight-600"
style="--color: #000000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</a>
<a
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
>
<div
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
>
Badge
</div>
<div
class="landing-block-node-card-title g-mb-5 g-color g-font-size-17 g-font-weight-600"
style="--color: #000000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color g-font-size-13"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -11,7 +11,6 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['columns', 'widgets_columns'],
'system' => true,
],
'cards' => [
'.landing-block-node-card' => [
@ -60,7 +59,7 @@ $return = [
'nodes' => [
'.landing-block-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CONTAINER'),
'type' => ['background-color'],
'type' => ['background-color', 'padding-top', 'padding-bottom'],
],
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_TITLE'),
@ -72,10 +71,10 @@ $return = [
],
'.landing-block-node-card-tab' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_BADGE'),
'type' => ['display-element', 'background-color', 'typo'],
'type' => ['display-element', 'background-color', 'border-color', 'typo'],
],
'.landing-block-node-card-head' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TOP'),
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD'),
'type' => ['background-color'],
],
'.landing-block-node-card-title' => [
@ -86,21 +85,21 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TEXT'),
'type' => ['typo'],
],
'.landing-block-node-card-main' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_BOTTOM'),
'type' => ['background-color'],
],
'.landing-block-node-card-subtitle' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TITLE'),
'type' => ['typo'],
],
'.landing-block-node-card-list-item' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_LIST_ITEM'),
'.landing-block-node-card-list' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TEXT'),
'type' => ['typo'],
],
'.landing-block-node-card-btn' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_BUTTON'),
'type' => ['button-type', 'color', 'color-hover', 'background-color', 'background-color-hover'],
'type' => ['color', 'color-hover', 'background-color', 'background-color-hover'],
],
'.landing-block-node-card-main' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CONTAINER'),
'type' => ['padding-top', 'padding-bottom'],
],
],
],

View File

@ -1,79 +1,78 @@
<section
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel"
style="z-index: 3;"
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel g-bg"
style="--bg: #EDF1F7; z-index: 3;"
>
<div class="landing-block-container row g-pt-40 g-pb-35 g-rounded-20 g-pos-rel">
<div
class="landing-block-container row g-pt-30 g-pb-35 g-rounded-20 g-pos-rel g-bg"
style="--bg: #f6fcfe;"
>
<div
class="landing-block-node-card-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-font-size-18 g-pos-abs g-bg"
style="--color: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #2fc6f6; z-index: -1;"
class="landing-block-node-card-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-pos-abs g-bg g-font-size-12 g-brd-1 g-brd-style-solid g-border-color"
style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
>
Level 2
</div>
<div class="col">
<div class="d-flex align-items-start justify-content-between g-mb-30">
<div
class="landing-block-node-title g-font-weight-600 g-font-size-25 g-mb-15 g-line-height-1 g-color g-mb-5"
class="landing-block-node-title g-font-weight-600 g-font-size-33 g-line-height-1 g-color g-mb-5"
style="--color: #000000;"
>
Block title
</div>
<div
class="landing-block-node-subtitle g-font-size-20 g-color g-mb-30 g-line-height-1"
class="landing-block-node-subtitle g-font-size-15 g-color g-line-height-1"
style="--color: #000000;"
>
Block subtitle
</div>
<div class="landing-block-node-card-box d-grid-71-4">
<!-- card 1 -->
<div class="landing-block-node-card text-center">
</div>
<div
class="landing-block-node-card-head g-mb-4 g-pl-20 g-pr-20 g-pt-10 g-pb-10 g-bg"
style="--bg: #2fc6f6; border-radius: 10px 10px 0 0;"
class="landing-block-node-card-box d-flex justify-content-between"
style="gap: 8px; flex-wrap: wrap;"
>
<!-- card 1 -->
<div
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card d-flex flex-column g-rounded-10 g-bg g-pl-25 g-pr-25 g-pt-25 g-pb-25"
style="--bg: #fff; box-shadow: 1px 1px 9.6px 0 rgba(189, 189, 189, 0.2); max-width: calc(33% - 8px);"
>
<div class="landing-block-node-card-head g-mb-18 g-flex-centered-item">
<div
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1 g-mb-5"
style="--color: #151515;"
>
Title 1
</div>
<div
class="landing-block-node-card-text g-color"
style="--color: #ffffff;"
class="landing-block-node-card-text g-color g-pb-18"
style="--color: rgba(21, 21, 21, .5);"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
<div
class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30 g-bg"
style="--bg: #2fc6f6; border-radius: 0 0 10px 10px;"
>
<div
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-13 g-font-weight-600 g-line-height-1"
style="--color: #151515;"
>
Title 2
</div>
<ul
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0"
style="--color: #ffffff;"
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0 g-font-size-13"
style="--color: #151515;"
>
<li class="g-mb-15">
<li class="g-mb-12">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li>
<li class="g-mb-15">
<li class="g-mb-12">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li>
<li class="g-mb-15">
<li class="g-mb-12">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li>
</ul>
</div>
<div class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30">
<div class="d-flex justify-content-center">
<a
class="landing-block-node-card-btn btn d-flex align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-outline g-button-color g-bg--hover g-color--hover"
style="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: #2fc6f6; height: 35px; transition: background .3s, color .3s;"
class="landing-block-node-card-btn btn d-flex justify-content-center align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-solid g-bg g-color g-bg--hover g-color--hover"
style="min-width: 75%; --bg: var(--primary); --color: #ffffff; --bg-hover: var(--primary); --color-hover: #ffffff; height: 35px; transition: background .3s, color .3s;"
>
Button text
</a>
@ -81,52 +80,49 @@
</div>
</div>
<!-- card 2 -->
<div class="landing-block-node-card text-center">
<div
class="landing-block-node-card-head g-mb-4 g-pl-20 g-pr-20 g-pt-10 g-pb-10 g-bg"
style="--bg: #2fc6f6; border-radius: 10px 10px 0 0;"
class="landing-block-node-card d-flex flex-column g-rounded-10 g-bg g-pl-25 g-pr-25 g-pt-25 g-pb-25"
style="--bg: #fff; box-shadow: 1px 1px 9.6px 0 rgba(189, 189, 189, 0.2); max-width: calc(33% - 8px);"
>
<div class="landing-block-node-card-head g-mb-18 g-flex-centered-item">
<div
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1 g-mb-5"
style="--color: #151515;"
>
Title 1
</div>
<div
class="landing-block-node-card-text g-color"
style="--color: #ffffff;"
class="landing-block-node-card-text g-color g-pb-18"
style="--color: rgba(21, 21, 21, .5);"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
<div
class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30 g-bg"
style="--bg: #2fc6f6; border-radius: 0 0 10px 10px;"
>
<div
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-13 g-font-weight-600 g-line-height-1"
style="--color: #151515;"
>
Title 2
</div>
<ul
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0"
style="--color: #ffffff;"
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0 g-font-size-13"
style="--color: #151515;"
>
<li class="g-mb-15">
<li class="g-mb-12">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li>
<li class="g-mb-15">
<li class="g-mb-12">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li>
<li class="g-mb-15">
<li class="g-mb-12">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li>
</ul>
</div>
<div class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30">
<div class="d-flex justify-content-center">
<a
class="landing-block-node-card-btn btn d-flex align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-outline g-button-color g-bg--hover g-color--hover"
style="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: #2fc6f6; height: 35px; transition: background .3s, color .3s;"
class="landing-block-node-card-btn btn d-flex justify-content-center align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-solid g-bg g-color g-bg--hover g-color--hover"
style="min-width: 75%; --bg: var(--primary); --color: #ffffff; --bg-hover: var(--primary); --color-hover: #ffffff; height: 35px; transition: background .3s, color .3s;"
>
Button text
</a>
@ -134,52 +130,49 @@
</div>
</div>
<!-- card 3 -->
<div class="landing-block-node-card text-center">
<div
class="landing-block-node-card-head g-mb-4 g-pl-20 g-pr-20 g-pt-10 g-pb-10 g-bg"
style="--bg: #2fc6f6; border-radius: 10px 10px 0 0;"
class="landing-block-node-card d-flex flex-column g-rounded-10 g-bg g-pl-25 g-pr-25 g-pt-25 g-pb-25"
style="--bg: #fff; box-shadow: 1px 1px 9.6px 0 rgba(189, 189, 189, 0.2); max-width: calc(33% - 8px);"
>
<div class="landing-block-node-card-head g-mb-18 g-flex-centered-item">
<div
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1 g-mb-5"
style="--color: #151515;"
>
Title 1
</div>
<div
class="landing-block-node-card-text g-color"
style="--color: #ffffff;"
class="landing-block-node-card-text g-color g-pb-18"
style="--color: rgba(21, 21, 21, .5);"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
<div
class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30 g-bg"
style="--bg: #2fc6f6; border-radius: 0 0 10px 10px;"
>
<div
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-13 g-font-weight-600 g-line-height-1"
style="--color: #151515;"
>
Title 2
</div>
<ul
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0"
style="--color: #ffffff;"
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0 g-font-size-13"
style="--color: #151515;"
>
<li class="g-mb-15">
<li class="g-mb-12">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li>
<li class="g-mb-15">
<li class="g-mb-12">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li>
<li class="g-mb-15">
<li class="g-mb-12">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li>
</ul>
</div>
<div class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30">
<div class="d-flex justify-content-center">
<a
class="landing-block-node-card-btn btn d-flex align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-outline g-button-color g-bg--hover g-color--hover"
style="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: #2fc6f6; height: 35px; transition: background .3s, color .3s;"
class="landing-block-node-card-btn btn d-flex justify-content-center align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-solid g-bg g-color g-bg--hover g-color--hover"
style="min-width: 75%; --bg: var(--primary); --color: #ffffff; --bg-hover: var(--primary); --color-hover: #ffffff; height: 35px; transition: background .3s, color .3s;"
>
Button text
</a>

View File

@ -11,7 +11,6 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['columns', 'widgets_columns'],
'system' => true,
],
'cards' => [
'.landing-block-node-card' => [
@ -56,7 +55,7 @@ $return = [
'nodes' => [
'.landing-block-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NODE_CONTAINER'),
'type' => ['background'],
'type' => ['background-color', 'padding-top', 'padding-bottom'],
],
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NODE_TITLE'),
@ -72,7 +71,11 @@ $return = [
],
'.landing-block-node-tab' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NODE_BADGE'),
'type' => ['display-element', 'background-color', 'typo'],
'type' => ['display-element', 'background-color', 'border-color', 'typo'],
],
'.landing-block-node-carousel-box' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NODE_CONTAINER'),
'type' => ['background-color'],
],
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NODE_CARD'),

View File

@ -2,41 +2,44 @@
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-bg g-pos-rel"
style="z-index: 3; --bg: #ffffff; --bg-size: cover; --bg-attachment: scroll;"
>
<div class="landing-block-container row g-pt-40 g-pb-35 g-rounded-20 g-pos-rel">
<div
class="landing-block-container row g-pt-30 g-pb-35 g-rounded-20 g-bg-image g-pos-rel"
style="--bg-url: url('https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-5-bg.jpg'); --bg-url-2x: url('https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-5-bg.jpg'); --bg-size: cover; --bg-attachment: scroll;"
>
<div
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-font-size-18 g-bg g-pos-abs"
style="--color: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #ffa900; z-index: -1;"
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-size-12 g-bg g-pos-abs g-brd-1 g-brd-style-solid g-border-color"
style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
>
Level 3
</div>
<div class="col">
<div class="d-flex align-items-start justify-content-between g-mb-30">
<div
class="landing-block-node-title g-font-weight-600 g-font-size-25 g-mb-15 g-line-height-1 g-color g-mb-5"
class="landing-block-node-title g-font-weight-600 g-font-size-33 g-line-height-1 g-color g-mb-5"
style="--color: #000000;"
>
Block title
</div>
<div
class="landing-block-node-subtitle g-font-size-20 g-color g-mb-30 g-line-height-1"
class="landing-block-node-subtitle g-font-size-15 g-color g-line-height-1"
style="--color: #000000;"
>
Block subtitle
</div>
</div>
<div
class="landing-block-node-text g-color g-mb-30 g-font-weight-600 g-font-size-25 g-line-height-1 text-center"
class="landing-block-node-carousel-box g-pl-30 g-pr-30 g-pb-30 g-pt-30 g-bg g-rounded-10"
style="--bg: #F1F4F9;"
>
<div
class="landing-block-node-text g-color g-mb-25 g-font-weight-600 g-font-size-15 g-line-height-1 text-center"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="g-pl-30 g-pr-30">
<div class="">
<div
data-slider-autoplay="1"
data-slider-autoplay-speed="3000"
data-slider-slides-show="6"
data-slider-arrows="4"
data-slider-slides-show="4"
data-slider-arrows="8"
data-slider-dots="0"
data-slider-animation="1"
>
@ -81,17 +84,17 @@
>
<!-- card 1 -->
<div
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
style="--bg: #bbde4d;"
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
style="--bg: #f0f0f0;"
>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@ -99,17 +102,17 @@
</div>
<!-- card 2 -->
<div
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
style="--bg: #ff9a97;"
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
style="--bg: #e8e8e8;"
>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@ -117,17 +120,17 @@
</div>
<!-- card 3 -->
<div
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
style="--bg: #7fdefc;"
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
style="--bg: #dbdbdb;"
>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@ -135,17 +138,17 @@
</div>
<!-- card 4 -->
<div
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
style="--bg: #ffc34d;"
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
style="--bg: #cccccc;"
>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@ -153,17 +156,17 @@
</div>
<!-- card 5 -->
<div
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
style="--bg: #bbde4d;"
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
style="--bg: #f0f0f0;"
>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@ -171,17 +174,17 @@
</div>
<!-- card 6 -->
<div
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
style="--bg: #ff9a97;"
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
style="--bg: #e8e8e8;"
>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@ -189,17 +192,17 @@
</div>
<!-- card 7 -->
<div
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
style="--bg: #7fdefc;"
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
style="--bg: #dbdbdb;"
>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@ -207,17 +210,17 @@
</div>
<!-- card 8 -->
<div
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
style="--bg: #ffc34d;"
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
style="--bg: #cccccc;"
>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
style="--color: #ffffff;"
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
style="--color: #000;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@ -226,14 +229,15 @@
</div>
</div>
</div>
<div class="d-flex justify-content-center g-pt-50">
<div class="d-flex justify-content-center g-pt-25">
<a
class="landing-block-node-card-btn btn d-flex align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-button-color g-bg--hover g-color--hover g-btn-type-solid g-color g-bg"
style="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: var(--primary); height: 35px; transition: background 0.3s, color 0.3s; --color: #ffffff; --bg: var(--primary);"
class="landing-block-node-card-btn btn d-flex justify-content-center align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-button-color g-bg--hover g-color g-color--hover g-btn-type-solid g-color"
style="min-width: 15%; --button-color: #0075FF; --bg-hover: rgb(45, 134, 255); --color: #ffffff; --color-hover: #ffffff; height: 35px; transition: background 0.3s, color 0.3s; --bg: #0075FF;"
>
Button text
</a>
</div>
</div>
</div>
</div>
</section>

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_71_5_NAME"] = "Textblock: eine Überschrift, ein Untertitel und 4 Textkacheln, alles mit einem dunklen Hintergrund";
$MESS["LANDING_BLOCK_WIDGET_71_5_NAME"] = "Textblock: eine Überschrift, ein Untertitel und 4 Textkacheln, alles mit einem hellen Hintergrund";
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_BADGE"] = "Kachel-Tab";
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD"] = "Kachel ";
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD_BUTTON"] = "Schaltfläche";

View File

@ -1,5 +1,5 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_71_5_NAME"] = "Text block: a title, a subtitle and 4 text tiles, all on a dark background";
$MESS["LANDING_BLOCK_WIDGET_71_5_NAME"] = "Text block: a title, a subtitle and 4 text tiles, all on a light background";
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_BADGE"] = "Tile tab";
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD_BUTTON"] = "Button";

View File

@ -11,7 +11,6 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['text_image', 'widgets_columns'],
'system' => true,
],
'cards' => [],
'nodes' => [
@ -39,7 +38,7 @@ $return = [
'nodes' => [
'.landing-block-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NODE_CONTAINER'),
'type' => ['background-color'],
'type' => ['background-color', 'padding-top', 'padding-bottom'],
],
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NODE_TITLE'),
@ -51,7 +50,7 @@ $return = [
],
'.landing-block-node-tab' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NODE_BADGE'),
'type' => ['display-element', 'background-color', 'typo'],
'type' => ['display-element', 'background-color', 'border-color', 'typo'],
],
],
],

View File

@ -1,35 +1,34 @@
<section
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel"
style="z-index: 3;"
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel g-bg"
style="--bg: #ffffff; z-index: 3;"
>
<div class="landing-block-container row g-pt-40 g-pb-35 g-rounded-20 g-pos-rel">
<div
class="landing-block-container row g-pt-30 g-pb-35 g-rounded-20 g-pos-rel g-bg"
style="--bg: #f6fcfe;"
>
<div
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-font-size-18 g-pos-abs g-bg"
style="--color: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #ff5752; z-index: -1;"
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-size-12 g-bg g-pos-abs g-brd-1 g-brd-style-solid g-border-color"
style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
>
Level 4
</div>
<div class="col">
<div class="d-flex align-items-start justify-content-between g-mb-30">
<div
class="landing-block-node-title g-font-weight-600 g-font-size-25 g-mb-15 g-line-height-1 g-color g-mb-5"
class="landing-block-node-title g-font-weight-600 g-font-size-33 g-line-height-1 g-color g-mb-5"
style="--color: #000000;"
>
Block title
</div>
<div
class="landing-block-node-text g-font-size-15 g-color g-line-height-1"
style="--color: #000000;"
class="landing-block-node-text g-font-size-20 g-color g-mb-30 g-line-height-1"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
<div>
<img
class="landing-block-node-image"
style="width: 100%; height: auto;"
src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-6-bg.jpg"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x466/img4.jpg"
alt=""
>
</div>

View File

@ -0,0 +1,59 @@
<?php
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
{
die();
}
use Bitrix\Main\Localization\Loc;
$return = [
'block' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['text_image', 'widgets_text_image'],
],
'cards' => [],
'nodes' => [
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_TITLE'),
'type' => 'text',
],
'.landing-block-node-button' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON'),
'type' => 'link',
],
'.landing-block-node-image' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_IMG'),
'type' => 'img',
],
],
'style' => [
'block' => [
'type' => ['widget'],
],
'nodes' => [
'.landing-block-node-content' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINER'),
'type' => ['container-max-width'],
],
'.landing-block-node-containers' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINERS'),
'type' => ['align-items'],
],
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_TITLE'),
'type' => ['typo', 'margin-top'],
],
'.landing-block-node-button' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON'),
'type' => ['color', 'color-hover', 'background-color', 'background-color-hover', 'font-family', 'margin-top', 'margin-bottom'],
],
'.landing-block-node-image' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_IMG'),
'type' => ['border-radius'],
],
],
],
];
return $return;

View File

@ -0,0 +1,31 @@
<section
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-bg g-pos-rel"
style="--bg: #ffffff; --bg-size: cover; --bg-attachment: scroll;"
>
<div class="landing-block-node-content m-auto g-max-width-container">
<div class="landing-block-node-containers row align-items-start">
<div class="col">
<div
class="landing-block-node-title g-font-weight-600 g-font-size-60 g-line-height-1 g-color g-mb-30"
style="--color: #333333;"
>
Block title
</div>
<a
class="landing-block-node-button align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-bg--hover g-color--hover g-color g-bg"
style="display: inline-flex; --bg: var(--primary); --color: #ffffff; --bg-hover: var(--primary); --color-hover: #ffffff; height: 35px; transition: background 0.3s, color 0.3s;"
>
Button text
</a>
</div>
<div class="col">
<img
class="landing-block-node-image"
style="display: block; max-width: 644px; height: auto; object-fit: cover;"
src="https://cdn.bitrix24.site/bitrix/images/landing/bg/bg_70_8.jpg"
alt=""
>
</div>
</div>
</div>
</section>

View File

@ -0,0 +1,7 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_72_1_NAME"] = "Block mit einer Schaltfläche und einem Bild rechts";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON"] = "Schaltfläche";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINERS"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_IMG"] = "Bild";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_TITLE"] = "Überschrift";

View File

@ -0,0 +1,7 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_72_1_NAME"] = "Block with a button and an image on the right";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON"] = "Button";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINERS"] = "Containers";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_IMG"] = "Image";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_TITLE"] = "Title";

View File

@ -0,0 +1,7 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_72_1_NAME"] = "Оң жақта батырмасы мен суреті бар тақырыпаты";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON"] = "Батырма";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINER"] = "Контейнер";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINERS"] = "Контейнерлер";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_IMG"] = "Сурет";
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_TITLE"] = "Тақырыпаты";

View File

@ -0,0 +1,7 @@
<?php
$MESS['LANDING_BLOCK_WIDGET_72_1_NAME'] = 'Заголовок с кнопкой и картинкой справа';
$MESS['LANDING_BLOCK_WIDGET_72_1_NODE_TITLE'] = 'Заголовок';
$MESS['LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON'] = 'Кнопка';
$MESS['LANDING_BLOCK_WIDGET_72_1_NODE_IMG'] = 'Картинка';
$MESS['LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINERS'] = 'Контейнеры';
$MESS['LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINER'] = 'Контейнер';

View File

@ -0,0 +1,26 @@
<?php
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
{
die();
}
use Bitrix\Main\Localization\Loc;
$return = [
'block' => [
'name' => 'test',
//'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'type' => 'null',
'section' => ['widgets_columns'],
],
'cards' => [],
'nodes' => [],
'style' => [
'block' => [
'type' => ['widget'],
],
'nodes' => [],
],
];
return $return;

View File

@ -0,0 +1,82 @@
<style>
.landing-collab-list-item {
list-style: none;
}
.block-72-2 .landing-collab-list-circle {
position: absolute;
top: 5px;
left: -35px;
display: inline-flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: #3A3185;
}
.block-72-2 .landing-collab-list-item:last-child {
margin-bottom: 32px!important;
}
</style>
<section
class="landing-block g-bg g-pt-90 g-pr-40 g-pb-100 g-pl-40 block-72-2"
style="--bg: #060138"
>
<div style="gap: 30px;" class="row no-gutters">
<div class="col">
<div class="d-flex justify-content-center align-items-center">
<img
style="display: block; margin-top: -51px; max-width: 100%; height: auto; object-fit: cover;"
src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/collaboration/72-4.png"
alt=""
>
</div>
</div>
<div class="col">
<div
class="landing-block-node-title g-font-weight-600 g-font-size-35 g-line-height-1 g-color g-mb-40"
style="--color: #fff;"
>
Block title
</div>
<div
style="background: rgba(52, 42, 126, .7); border: 1px solid rgba(255, 255, 255, .4);"
class="g-pt-40 g-pr-40 g-pb-40 g-pl-40 g-rounded-10">
<ul style="padding: 0; margin: 0;">
<li style="--color: #fff;"
class="g-mb-18 g-ml-40 g-font-size-20 g-color g-pos-rel landing-collab-list-item"
>
<div class="landing-collab-list-circle">
<div style="--ui-icon-set__icon-size: 20px; --ui-icon-set__icon-color: #fff;" class="ui-icon-set --check"></div>
</div>
List item
</li>
<li style="--color: #fff;"
class="g-mb-18 g-ml-40 g-font-size-20 g-color g-pos-rel landing-collab-list-item"
>
<div class="landing-collab-list-circle">
<div style="--ui-icon-set__icon-size: 20px; --ui-icon-set__icon-color: #fff;" class="ui-icon-set --check"></div>
</div>
List item
</li>
<li style="--color: #fff;"
class="g-mb-18 g-ml-40 g-font-size-20 g-color g-pos-rel landing-collab-list-item"
>
<div class="landing-collab-list-circle">
<div style="--ui-icon-set__icon-size: 20px; --ui-icon-set__icon-color: #fff;" class="ui-icon-set --check"></div>
</div>
List item
</li>
</ul>
<a class="landing-block-node-card-btn align-items-center justify-content-center g-pl-18 g-pr-18 g-rounded-10 g-font-size-16 g-font-weight-500 text-center g-cursor-pointer g-button-color g-bg--hover g-color--hover g-btn-type-solid g-color g-bg"
style="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: var(--primary); display: inline-flex; height: 38px; transition: background 0.3s, color 0.3s; --color: #ffffff; --bg: var(--primary);"
>
Button
</a>
</div>
</div>
</div>
</section>

View File

@ -0,0 +1,100 @@
<?php
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
{
die();
}
use Bitrix\Main\Localization\Loc;
$return = [
'block' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['widgets_columns'],
],
'cards' => [
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CARD'),
'label' => ['.landing-block-node-card-text'],
],
],
'nodes' => [
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_TITLE'),
'type' => 'text',
],
'.landing-block-node-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_TEXT'),
'type' => 'text',
],
'.landing-block-node-card-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON'),
'type' => 'icon',
],
'.landing-block-node-card-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT'),
'type' => 'text',
],
'.landing-block-node-button' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON'),
'type' => 'link',
],
'.landing-block-node-image' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE'),
'type' => 'img',
],
],
'style' => [
'block' => [
'type' => ['widget'],
],
'nodes' => [
'.landing-block-node-containers' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINERS'),
'type' => ['align-items', 'container-max-width'],
],
'.landing-block-node-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER'),
'type' => ['padding-left', 'padding-right'],
],
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_TITLE'),
'type' => ['typo'],
],
'.landing-block-node-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_TEXT'),
'type' => ['typo'],
],
'.landing-block-node-cards-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER'),
'type' => ['margin-top', 'margin-bottom'],
],
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER_CARD'),
'type' => ['align-items'],
],
'.landing-block-node-card-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON'),
'type' => ['background-color', 'color'],
],
'.landing-block-node-card-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT'),
'type' => ['typo'],
],
'.landing-block-node-button' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON'),
'type' => ['background', 'color', 'background-hover', 'color-hover', 'font-family'],
],
'.landing-block-node-image-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER'),
'type' => ['row-align'],
],
'.landing-block-node-image' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE'),
'type' => ['border-radius'],
],
],
],
];
return $return;

View File

@ -0,0 +1,73 @@
<section class="landing-block g-pt-60 g-pb-100 g-pl-40 g-pr-40 g-bg" style="--bg: #ffffff;">
<div class="landing-block-node-containers row m-auto align-items-start g-max-width-container">
<div class="landing-block-node-container col g-pl-15 g-pr-15">
<div
class="landing-block-node-title g-font-weight-600 g-font-size-35 g-line-height-1 g-color g-mb-30"
style="--color: #000000;"
>
Block title
</div>
<div
class="landing-block-node-text font-weight-600 g-font-size-20 g-line-height-1 g-color g-mb-40"
style="--color: #000000;"
>
Block text
</div>
<div class="landing-block-node-cards-container g-mb-30">
<div
class="landing-block-node-card align-items-center d-flex g-mb-18 g-font-size-20 g-color g-pos-rel landing-list-item"
style="--color: #333333;"
>
<i
class="landing-block-node-card-icon fa fa-check g-mr-12 g-font-size-18 g-pa-4 g-rounded-50 g-bg g-color"
style="--bg: var(--primary); --color: #ffffff;"
></i>
<div class="landing-block-node-card-text">
List item
</div>
</div>
<div
class="landing-block-node-card align-items-center d-flex g-mb-18 g-font-size-20 g-color g-pos-rel landing-list-item"
style="--color: #333333;"
>
<i
class="landing-block-node-card-icon fa fa-check g-mr-12 g-font-size-18 g-pa-4 g-rounded-50 g-bg g-color"
style="--bg: var(--primary); --color: #ffffff;"
></i>
<div class="landing-block-node-card-text">
List item
</div>
</div>
<div
class="landing-block-node-card align-items-center d-flex g-mb-18 g-font-size-20 g-color g-pos-rel landing-list-item"
style="--color: #333333;"
>
<i
class="landing-block-node-card-icon fa fa-check g-mr-12 g-font-size-18 g-pa-4 g-rounded-50 g-bg g-color"
style="--bg: var(--primary); --color: #ffffff;"
></i>
<div class="landing-block-node-card-text">
List item
</div>
</div>
</div>
<a
class="landing-block-node-button align-items-center justify-content-center g-pl-18 g-pr-18 g-rounded-10 g-font-size-16 g-font-weight-500 text-center g-cursor-pointer g-bg--hover g-color--hover g-color g-bg"
style="display: inline-flex; height: 38px; transition: background 0.3s, color 0.3s; --color: #ffffff; --bg: var(--primary); --bg-hover: var(--primary); --color-hover: #ffffff;"
>
Button
</a>
</div>
<div
class="landing-block-node-image-container col d-flex align-items-center justify-content-end"
style="width: 100%; height: 100%;"
>
<img
class="landing-block-node-image"
style="display: block; max-width: 100%; height: auto; object-fit: cover;"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/1000x562/img1.jpg"
alt=""
>
</div>
</div>
</section>

View File

@ -0,0 +1,12 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_72_3_NAME"] = "Block mit einem Untertitel, den Aufzählungspunkten und einem Bild rechts";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON"] = "Schaltfläche";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD"] = "Kartei";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON"] = "Kartei-Icon";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT"] = "Karteitext";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINERS"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER_CARD"] = "Kartei-Container";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE"] = "Bild";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TEXT"] = "Untertitel";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TITLE"] = "Überschrift";

View File

@ -0,0 +1,12 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_72_3_NAME"] = "Block with a subtitle, bullets and an image on the right";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON"] = "Button";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON"] = "Tile icon";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT"] = "Tile text";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINERS"] = "Containers";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER_CARD"] = "Tile container";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE"] = "Image";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TEXT"] = "Subtitle";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TITLE"] = "Title";

View File

@ -0,0 +1,12 @@
<?php
$MESS["LANDING_BLOCK_WIDGET_72_3_NAME"] = "Оң жақта мәтіні, тармақтары және суреті бар тақырыпаты";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON"] = "Батырма";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD"] = "Карточка";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON"] = "Карточка белгішесі";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT"] = "Карточка мәтіні";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER"] = "Контейнер";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINERS"] = "Контейнерлер";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER_CARD"] = "Карточка контейнері";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE"] = "Сурет";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TEXT"] = "Мәтін";
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TITLE"] = "Тақырыпаты";

View File

@ -0,0 +1,12 @@
<?php
$MESS['LANDING_BLOCK_WIDGET_72_3_NAME'] = 'Заголовок с текстом, пунктами и картинкой справа';
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_TITLE'] = 'Заголовок';
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_TEXT'] = 'Текст';
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CARD'] = 'Карточка';
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON'] = 'Иконка карточки';
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT'] = 'Текст карточки';
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE'] = 'Картинка';
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON'] = 'Кнопка';
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER'] = 'Контейнер';
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER_CARD'] = 'Контейнер карточки';
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINERS'] = 'Контейнеры';

View File

@ -0,0 +1,84 @@
<?php
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
{
die();
}
use Bitrix\Main\Localization\Loc;
$return = [
'block' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['widgets_columns'],
],
'cards' => [
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CARD'),
'label' => ['.landing-block-node-card-text'],
],
],
'nodes' => [
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_TITLE'),
'type' => 'text',
],
'.landing-block-node-image' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_IMAGE'),
'type' => 'img',
],
'.landing-block-node-card-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CARD_ICON'),
'type' => 'icon',
],
'.landing-block-node-card-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CARD_TEXT'),
'type' => 'text',
],
],
'style' => [
'block' => [
'type' => ['widget', 'padding-left', 'padding-right'],
],
'nodes' => [
'.landing-block-node-content' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CONTAINER'),
'type' => ['container-max-width'],
],
'.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_TITLE'),
'type' => ['typo'],
],
'.landing-block-node-image' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_IMAGE'),
'type' => ['border-radius'],
],
'.landing-block-node-containers' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CONTAINERS'),
'type' => ['align-items'],
],
'.landing-block-node-image-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CONTAINER'),
'type' => ['margin-top', 'margin-bottom'],
],
'.landing-block-node-cards-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CONTAINER'),
'type' => ['background-color', 'margin-top', 'margin-bottom', 'border-radius'],
],
'.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CONTAINER_CARD'),
'type' => ['align-items'],
],
'.landing-block-node-card-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CARD_ICON'),
'type' => ['background-color', 'color'],
],
'.landing-block-node-card-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CARD_TEXT'),
'type' => ['typo'],
],
],
],
];
return $return;

View File

@ -0,0 +1,73 @@
<section
class="landing-block g-bg g-pt-30 g-pb-30 g-pr-30 g-pl-30"
style="--bg: #F4F9FF;"
>
<div class="landing-block-node-content m-auto g-max-width-container">
<div class="row">
<div
class="landing-block-node-title col g-font-weight-600 g-font-size-35 g-line-height-1 g-color g-mb-30"
style="--color: #000000;"
>
Block title
</div>
</div>
<div class="landing-block-node-containers row align-items-center">
<div class="col">
<div
class="landing-block-node-image-container d-flex align-items-center justify-content-center"
style="width: 100%; height: 100%;"
>
<img
class="landing-block-node-image"
style="display: block; max-width: 100%; height: auto; object-fit: cover;"
src="https://cdn.bitrix24.site/bitrix/images/landing/business/1000x562/img1.jpg"
alt=""
>
</div>
</div>
<div class="col">
<div
class="landing-block-node-cards-container g-pt-40 g-pr-40 g-pb-20 g-pl-40 g-rounded-20"
style="background: #ffffff;"
>
<div
class="landing-block-node-card align-items-center d-flex g-mb-18 g-font-size-20 g-color g-pos-rel landing-list-item"
style="--color: #333333;"
>
<i
class="landing-block-node-card-icon fa fa-check g-mr-12 g-font-size-18 g-pa-4 g-rounded-50 g-bg g-color"
style="--bg: var(--primary); --color: #ffffff;"
></i>
<div class="landing-block-node-card-text">
List item
</div>
</div>
<div
class="landing-block-node-card align-items-center d-flex g-mb-18 g-font-size-20 g-color g-pos-rel landing-list-item"
style="--color: #333333;"
>
<i
class="landing-block-node-card-icon fa fa-check g-mr-12 g-font-size-18 g-pa-4 g-rounded-50 g-bg g-color"
style="--bg: var(--primary); --color: #ffffff;"
></i>
<div class="landing-block-node-card-text">
List item
</div>
</div>
<div
class="landing-block-node-card align-items-center d-flex g-mb-18 g-font-size-20 g-color g-pos-rel landing-list-item"
style="--color: #333333;"
>
<i
class="landing-block-node-card-icon fa fa-check g-mr-12 g-font-size-18 g-pa-4 g-rounded-50 g-bg g-color"
style="--bg: var(--primary); --color: #ffffff;"
></i>
<div class="landing-block-node-card-text">
List item
</div>
</div>
</div>
</div>
</div>
</div>
</section>

Some files were not shown because too many files have changed in this diff Show More