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 [ return [
'last' => Loc::getMessage('LD_BLOCK_SECTION_LAST'), 'last' => Loc::getMessage('LD_BLOCK_SECTION_LAST'),
'favourite' => Loc::getMessage('LD_BLOCK_SECTION_FAVOURITE'),
'recommended' =>[ 'recommended' =>[
'name' => Loc::getMessage('LD_BLOCK_SECTION_RECOMMENDED'), 'name' => Loc::getMessage('LD_BLOCK_SECTION_RECOMMENDED'),
'type' => ['knowledge'] 'type' => ['knowledge']

View File

@ -1909,6 +1909,7 @@ return [
['name' => '25', 'value' => 'g-rounded-25'], ['name' => '25', 'value' => 'g-rounded-25'],
['name' => '30', 'value' => 'g-rounded-30'], ['name' => '30', 'value' => 'g-rounded-30'],
['name' => '50', 'value' => 'g-rounded-50'], ['name' => '50', 'value' => 'g-rounded-50'],
['name' => '100', 'value' => 'g-rounded-100'],
], ],
], ],
'border-width' => [ '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_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_MINI'), 'value' => 'g-max-width-800'],
['name' => Loc::getMessage('LANDING_BLOCK_STYLE-TEXT_CONTAINER_MAXI'), 'value' => 'g-max-width-1462'],
], ],
], ],
'button-type' => [ 'button-type' => [
@ -3214,7 +3216,6 @@ return [
['name' => '200%', 'value' => 'scale-200'], ['name' => '200%', 'value' => 'scale-200'],
], ],
], ],
//todo: change phrases
'widget-type' => [ 'widget-type' => [
'name' => Loc::getMessage('LANDING_BLOCK_STYLE_WIDGET_TYPE'), 'name' => Loc::getMessage('LANDING_BLOCK_STYLE_WIDGET_TYPE'),
'type' => 'list', 'type' => 'list',
@ -3404,6 +3405,6 @@ return [
'background-gradient' => ['background-color'], 'background-gradient' => ['background-color'],
'background-hover' => ['background-color-hover'], 'background-hover' => ['background-color-hover'],
// dont forget add new usage 'background' style in \Bitrix\Landing\Node\StyleImg::STYLES_WITH_IMAGE // 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" <li class="landing-block-card-social list-inline-item g-ma-3"
data-card-preset="vk"> 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" <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> <i class="landing-block-card-social-icon fa fa-vk"></i>
</a> </a>
</li>', </li>',
'values' => [ 'values' => [
'.landing-block-card-social-icon-link' => [ '.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com', 'href' => 'https://vk.ru',
], ],
'.landing-block-card-social-icon' => [ '.landing-block-card-social-icon' => [
'type' => 'icon', 'type' => 'icon',

View File

@ -190,13 +190,13 @@ $result = [
<li class="landing-block-card-social list-inline-item g-ma-3" <li class="landing-block-card-social list-inline-item g-ma-3"
data-card-preset="vk"> 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" <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> <i class="landing-block-card-social-icon fa fa-vk"></i>
</a> </a>
</li>', </li>',
'values' => [ 'values' => [
'.landing-block-card-social-icon-link' => [ '.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com', 'href' => 'https://vk.ru',
], ],
'.landing-block-card-social-icon' => [ '.landing-block-card-social-icon' => [
'type' => 'icon', 'type' => 'icon',

View File

@ -190,13 +190,13 @@ $result = [
<li class="landing-block-card-social list-inline-item g-ma-3" <li class="landing-block-card-social list-inline-item g-ma-3"
data-card-preset="vk"> 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" <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> <i class="landing-block-card-social-icon fa fa-vk"></i>
</a> </a>
</li>', </li>',
'values' => [ 'values' => [
'.landing-block-card-social-icon-link' => [ '.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com', 'href' => 'https://vk.ru',
], ],
'.landing-block-card-social-icon' => [ '.landing-block-card-social-icon' => [
'type' => '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" <li class="landing-block-card-social list-inline-item g-valign-middle g-mx-3 g-mb-6"
data-card-preset="vk"> 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" <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> <i class="landing-block-card-social-icon fa fa-vk"></i>
</a> </a>
</li>', </li>',
'disallow' => ['.landing-block-card-social-icon'], 'disallow' => ['.landing-block-card-social-icon'],
'values' => [ 'values' => [
'.landing-block-card-social-icon-link' => [ '.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com', 'href' => 'https://vk.ru',
], ],
'.landing-block-card-social-icon' => [ '.landing-block-card-social-icon' => [
'type' => 'icon', 'type' => 'icon',

View File

@ -1,7 +1,7 @@
<?php <?php
$MESS["LANDING_BLOCK_8_6_AUTHOR"] = "Автор"; $MESS["LANDING_BLOCK_8_6_AUTHOR"] = "Автор";
$MESS["LANDING_BLOCK_8_6_BLOCK_BOTTOM"] = "Блоктың төменгі бөлігі"; $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_BOTTOM_STRIP"] = "Төменгі жол";
$MESS["LANDING_BLOCK_8_6_CARD"] = "Карточка"; $MESS["LANDING_BLOCK_8_6_CARD"] = "Карточка";
$MESS["LANDING_BLOCK_8_6_ELEMENT"] = "Элементтер жиынтығы"; $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_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_ICON"] = "Icon";
$MESS["LANDING_BLOCK_8_7_NAME"] = "Text blocks with an icon"; $MESS["LANDING_BLOCK_8_7_NAME"] = "Text blocks with an icon";
$MESS["LANDING_BLOCK_8_7_TEXT"] = "Text"; $MESS["LANDING_BLOCK_8_7_TEXT"] = "Text";
$MESS["LANDING_BLOCK_8_7_TITLE"] = "Title"; $MESS["LANDING_BLOCK_8_7_TITLE"] = "Title";
?>

View File

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

View File

@ -1,5 +1,5 @@
<section class="landing-block text-center g-pt-30 g-pb-30"> <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> <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> </div>
</section> </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_NAME"] = "Schaltfläche";
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "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_NAME"] = "Button in the middle of the page";
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "Button"; $MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "Button";
?>

View File

@ -1,3 +1,4 @@
<?php <?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_NAME"] = "Батырма беттің ортасында";
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "Батырма"; $MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "Батырма";

View File

@ -1,3 +1,4 @@
<?php <?php
$MESS['LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NAME'] = 'Кнопка в центре страницы'; $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_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'), '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" '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"> 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> <i class="landing-block-node-list-icon fa fa-vk"></i>
</a> </a>
</li>', </li>',
'disallow' => ['.landing-block-node-list-icon'], 'disallow' => ['.landing-block-node-list-icon'],
'values' => [ 'values' => [
'.landing-block-node-list-link' => [ '.landing-block-node-list-link' => [
'href' => 'https://vk.com/', 'href' => 'https://vk.ru/',
'target' => '_blank', 'target' => '_blank',
], ],
'.landing-block-node-list-icon' => [ '.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'), '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" '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"> 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> <i class="landing-block-node-list-icon fa fa-vk"></i>
</a> </a>
</li>', </li>',
'disallow' => ['.landing-block-node-list-icon'], 'disallow' => ['.landing-block-node-list-icon'],
'values' => [ 'values' => [
'.landing-block-node-list-link' => [ '.landing-block-node-list-link' => [
'href' => 'https://vk.com/', 'href' => 'https://vk.ru/',
'target' => '_blank', 'target' => '_blank',
], ],
'.landing-block-node-list-icon' => [ '.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'), '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" '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"> 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> <i class="landing-block-node-list-item-icon fa fa-vk"></i>
</a> </a>
</li>', </li>',
'disallow' => ['.landing-block-node-list-item-icon'], 'disallow' => ['.landing-block-node-list-item-icon'],
'values' => [ 'values' => [
'.landing-block-node-list-item-link' => [ '.landing-block-node-list-item-link' => [
'href' => 'https://vk.com/', 'href' => 'https://vk.ru/',
'target' => '_blank', 'target' => '_blank',
], ],
'.landing-block-node-list-item-icon' => [ '.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" <li class="landing-block-card-social list-inline-item g-mr-10"
data-card-preset="vk"> 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" <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> <i class="landing-block-card-social-icon fa fa-vk"></i>
</a> </a>
</li>', </li>',
'values' => [ 'values' => [
'.landing-block-card-social-icon-link' => [ '.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com', 'href' => 'https://vk.ru',
], ],
'.landing-block-card-social-icon' => [ '.landing-block-card-social-icon' => [
'type' => '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" <li class="landing-block-card-social list-inline-item g-mr-10 g-my-5"
data-card-preset="vk"> 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" <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> <i class="landing-block-card-social-icon fa fa-vk"></i>
</a> </a>
</li>', </li>',
'values' => [ 'values' => [
'.landing-block-card-social-icon-link' => [ '.landing-block-card-social-icon-link' => [
'href' => 'https://vk.com', 'href' => 'https://vk.ru',
], ],
'.landing-block-card-social-icon' => [ '.landing-block-card-social-icon' => [
'type' => '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="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"> <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"> <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_ICON"] = "Icon";
$MESS["LANDING_BLOCK_31_8_NAME"] = "Aufzählung, Schaltfläche und Bild rechts"; $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_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_NODES_IMG"] = "Bild";
$MESS["LANDING_BLOCK_31_8_TEXT"] = "Text"; $MESS["LANDING_BLOCK_31_8_TEXT"] = "Text";
$MESS["LANDING_BLOCK_31_8_TITLE"] = "Überschrift"; $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_ICON"] = "Icon";
$MESS["LANDING_BLOCK_31_8_NAME"] = "Bulleted list, button and image on the right"; $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_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_NODES_IMG"] = "Image";
$MESS["LANDING_BLOCK_31_8_TEXT"] = "Text"; $MESS["LANDING_BLOCK_31_8_TEXT"] = "Text";
$MESS["LANDING_BLOCK_31_8_TITLE"] = "Title"; $MESS["LANDING_BLOCK_31_8_TITLE"] = "Title";

View File

@ -1,7 +1,7 @@
<?php <?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_BGIMG"] = "Фон суреті";
$MESS["LANDING_BLOCK_FORM_33.2_NODE_CARD_CONTACT"] = "Байланыс"; $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_LINK"] = "Сілтеме";
$MESS["LANDING_BLOCK_FORM_33.2_NODE_CONTACT_TEXT"] = "Мәтін"; $MESS["LANDING_BLOCK_FORM_33.2_NODE_CONTACT_TEXT"] = "Мәтін";
$MESS["LANDING_BLOCK_FORM_33.2_NODE_FORM"] = "Нысан"; $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" <li class="landing-block-node-social-item list-inline-item g-valign-middle g-mx-3 g-mb-6"
data-card-preset="vk"> 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" <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> <i class="landing-block-node-social-icon fa fa-vk"></i>
</a> </a>
</li>', </li>',
'disallow' => ['.landing-block-node-social-icon'], 'disallow' => ['.landing-block-node-social-icon'],
'values' => [ 'values' => [
'.landing-block-node-social-link' => [ '.landing-block-node-social-link' => [
'href' => 'https://vk.com', 'href' => 'https://vk.ru',
], ],
'.landing-block-node-social-icon' => [ '.landing-block-node-social-icon' => [
'type' => 'icon', 'type' => 'icon',

View File

@ -1,6 +1,6 @@
<?php <?php
$MESS["LANDING_BLOCK_40_5_BLOCK"] = "Блок"; $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_ELEMENT"] = "Элементтер жиынтығы";
$MESS["LANDING_BLOCK_40_5_IMG"] = "Сурет"; $MESS["LANDING_BLOCK_40_5_IMG"] = "Сурет";
$MESS["LANDING_BLOCK_40_5_NAME"] = "Сипаттамасы бар парақталатын суреттер"; $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 <?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_BUTTON"] = "Folienschaltfläche";
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD"] = "Folie"; $MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD_TITLE"] = "Folienüberschrift"; $MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD_TITLE"] = "Folienüberschrift";

View File

@ -1,5 +1,5 @@
<?php <?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_BUTTON"] = "Tile button";
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD"] = "Tile"; $MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD_TITLE"] = "Tile title"; $MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD_TITLE"] = "Tile title";

View File

@ -1,5 +1,5 @@
<?php <?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"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD_TITLE"] = "Folienüberschrift"; $MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD_TITLE"] = "Folienüberschrift";
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CONTAINER"] = "Container"; $MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CONTAINER"] = "Container";

View File

@ -1,5 +1,5 @@
<?php <?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"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD_TITLE"] = "Tile title"; $MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD_TITLE"] = "Tile title";
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CONTAINER"] = "Container"; $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_BUTTON"] = "Schaltfläche";
$MESS["LANDING_BLOCK_WIDGET_70_11_CONTAINER"] = "Container"; $MESS["LANDING_BLOCK_WIDGET_70_11_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_70_11_LINK"] = "Link"; $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_TEXT"] = "Text";
$MESS["LANDING_BLOCK_WIDGET_70_11_TITLE"] = "Überschrift"; $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_BUTTON"] = "Button";
$MESS["LANDING_BLOCK_WIDGET_70_11_CONTAINER"] = "Container"; $MESS["LANDING_BLOCK_WIDGET_70_11_CONTAINER"] = "Container";
$MESS["LANDING_BLOCK_WIDGET_70_11_LINK"] = "Link"; $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_TEXT"] = "Text";
$MESS["LANDING_BLOCK_WIDGET_70_11_TITLE"] = "Title"; $MESS["LANDING_BLOCK_WIDGET_70_11_TITLE"] = "Title";

View File

@ -46,6 +46,10 @@ $return = [
'type' => ['widget'], 'type' => ['widget'],
], ],
'nodes' => [ 'nodes' => [
'.landing-block-node-content' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CONTAINER'),
'type' => ['container-max-width'],
],
'.landing-block-node-title' => [ '.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_TITLE'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_TITLE'),
'type' => ['typo'], 'type' => ['typo'],
@ -56,16 +60,24 @@ $return = [
], ],
'.landing-block-node-card-container' => [ '.landing-block-node-card-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_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' => [ '.landing-block-node-card-link' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CARD'),
'type' => ['background-color', 'background-color-hover', 'color', 'color-hover', 'font-family'], 'type' => ['background-color', 'background-color-hover', 'border-radius'],
], ],
'.landing-block-node-card-icon' => [ '.landing-block-node-card-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_ICON'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_ICON'),
'type' => ['background-color', 'color'], '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" class="landing-block g-bg g-pl-30 g-pr-30 g-pt-30 g-pb-30 g-cursor-default"
style="--bg: #ffffff;" 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"> <div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6 g-pl-25">
Title Title
</div> </div>
@ -11,12 +11,13 @@
</div> </div>
</div> </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;" style="--bg: #edf7ff; gap: 13px; flex-wrap: wrap;"
> >
<div <div
style="max-width: 265px; width: 100%;" class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
class="landing-block-node-card g-cursor-pointer"> style="width: 100%;"
>
<a <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" 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;" style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
@ -33,8 +34,9 @@
</a> </a>
</div> </div>
<div <div
style="max-width: 265px; width: 100%;" class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
class="landing-block-node-card g-cursor-pointer"> style="width: 100%;"
>
<a <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" 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;" style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
@ -51,8 +53,9 @@
</a> </a>
</div> </div>
<div <div
style="max-width: 265px; width: 100%;" class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
class="landing-block-node-card g-cursor-pointer"> style="width: 100%;"
>
<a <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" 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;" style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
@ -69,8 +72,9 @@
</a> </a>
</div> </div>
<div <div
style="max-width: 265px; width: 100%;" class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
class="landing-block-node-card g-cursor-pointer"> style="width: 100%;"
>
<a <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" 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;" style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"

View File

@ -1,5 +1,5 @@
<?php <?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_BUTTON"] = "Schaltfläche";
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD"] = "Folie"; $MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE"] = "Folienüberschrift"; $MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE"] = "Folienüberschrift";

View File

@ -1,5 +1,5 @@
<?php <?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_BUTTON"] = "Button";
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD"] = "Tile"; $MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE"] = "Tile title"; $MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE"] = "Tile title";

View File

@ -1,5 +1,5 @@
<?php <?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"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD_TITLE"] = "Folienüberschrift"; $MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD_TITLE"] = "Folienüberschrift";
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CONTAINER"] = "Container"; $MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CONTAINER"] = "Container";

View File

@ -1,5 +1,5 @@
<?php <?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"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD_TITLE"] = "Tile title"; $MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD_TITLE"] = "Tile title";
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CONTAINER"] = "Container"; $MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CONTAINER"] = "Container";

View File

@ -1,5 +1,5 @@
<?php <?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"] = "Folie";
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINE"] = "Farbleiste"; $MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINE"] = "Farbleiste";
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINK"] = "Link"; $MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINK"] = "Link";

View File

@ -1,5 +1,5 @@
<?php <?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"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINE"] = "Tile color bar"; $MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINE"] = "Tile color bar";
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINK"] = "Link"; $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'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_TITLE'),
'type' => ['typo'], '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' => [ '.landing-block-node-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_TEXT'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_TEXT'),
'type' => ['typo'], 'type' => ['typo'],
], ],
'.landing-block-node-card' => [ '.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_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' => [ '.landing-block-node-card-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_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" class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-30 g-bg g-cursor-default"
style="--bg: #ffffff;" 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-content g-mb-20">
<div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6"> <div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6">
Title Title

View File

@ -1,6 +1,7 @@
<?php <?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"] = "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_IMG"] = "Bild";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Link"; $MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Link";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Folienüberschrift"; $MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Folienüberschrift";

View File

@ -1,6 +1,7 @@
<?php <?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"] = "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_IMG"] = "Image";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Link"; $MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Link";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Tile title"; $MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Tile title";

View File

@ -1,6 +1,7 @@
<?php <?php
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Төменгі жағында суреті мен тақырыпаты бар карточкалар"; $MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Төменгі жағында суреті мен тақырыпаты бар карточкалар";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD"] = "Карточка"; $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_IMG"] = "Сурет";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Сілтеме"; $MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Сілтеме";
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Карточка тақырыпаты"; $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_TITLE'] = 'Заголовок карточки';
$MESS['LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK'] = 'Ссылка'; $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_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'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'),
'type' => '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' => [ '.landing-block-node-list-item-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'),
'type' => 'text', 'type' => 'text',
@ -86,9 +90,9 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'),
'type' => ['typo'], 'type' => ['typo'],
], ],
'.landing-block-node-list-item-arrow' => [ '.landing-block-node-list-item-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_ARROW'), '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' => [ '.landing-block-node-list-item-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_ITEM'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_ITEM'),

View File

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

View File

@ -27,6 +27,10 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_SUBTITLE'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_SUBTITLE'),
'type' => 'text', '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' => [ '.landing-block-node-list-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_CARD_TEXT'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_CARD_TEXT'),
'type' => 'text', 'type' => 'text',
@ -66,9 +70,9 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_CARD_TEXT'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_CARD_TEXT'),
'type' => ['typo'], 'type' => ['typo'],
], ],
'.landing-block-node-list-item-arrow' => [ '.landing-block-node-list-item-icon' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_STYLE_ARROW'), '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' => [ '.landing-block-node-button' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_STYLE_BUTTON'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_STYLE_BUTTON'),

View File

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

View File

@ -31,6 +31,14 @@ $return = [
'type' => ['widget'], 'type' => ['widget'],
], ],
'nodes' => [ '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' => [ '.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_TITLE'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_TITLE'),
'type' => ['typo'], 'type' => ['typo'],
@ -39,6 +47,10 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_TEXT'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_TEXT'),
'type' => ['typo'], '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' => [ '.landing-block-node-link' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON'),
'type' => ['background', 'color', 'background-hover', 'color-hover', 'font-family'], '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" 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');" 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-content g-mb-20">
<div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6"> <div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6">
Title Title
@ -11,13 +11,15 @@
Description of the block Description of the block
</div> </div>
</div> </div>
<a <div class="landing-block-node-link-container" style="display: inline-flex">
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" <a
style="--color: #0253C8; --bg: #E6F4FF; --color-hover: #ffffff; --bg-hover: var(--primary);" 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"
href="#" style="--color: #0253C8; --bg: #E6F4FF; --color-hover: #ffffff; --bg-hover: var(--primary);"
target="_blank" href="#"
> target="_blank"
Button >
</a> Button
</a>
</div>
</div> </div>
</section> </section>

View File

@ -1,6 +1,7 @@
<?php <?php
$MESS["LANDING_BLOCK_WIDGET_70_9_NAME"] = "Überschrift mit Text, Schaltfläche und Hintergrundbild"; $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_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_LINK"] = "Link";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Text"; $MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Text";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Überschrift"; $MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Überschrift";

View File

@ -1,6 +1,7 @@
<?php <?php
$MESS["LANDING_BLOCK_WIDGET_70_9_NAME"] = "Title with text, button and background image"; $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_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_LINK"] = "Link";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Text"; $MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Text";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Title"; $MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Title";

View File

@ -1,6 +1,7 @@
<?php <?php
$MESS["LANDING_BLOCK_WIDGET_70_9_NAME"] = "Фондық суретте батырмасы мен мәтіні бар тақырыпаты"; $MESS["LANDING_BLOCK_WIDGET_70_9_NAME"] = "Фондық суретте батырмасы мен мәтіні бар тақырыпаты";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON"] = "батырма"; $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_LINK"] = "Сілтеме";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Мәтін"; $MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Мәтін";
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Тақырыпаты"; $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_TITLE'] = 'Заголовок';
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_TEXT'] = 'Текст'; $MESS['LANDING_BLOCK_WIDGET_70_9_NODE_TEXT'] = 'Текст';
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_LINK'] = 'Ссылка'; $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'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'], 'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['columns', 'widgets_columns'], 'section' => ['columns', 'widgets_columns'],
'system' => true,
], ],
'cards' => [ 'cards' => [
'.landing-block-node-card' => [ '.landing-block-node-card' => [
@ -28,14 +27,14 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'),
'type' => 'text', 'type' => 'text',
], ],
'.landing-block-node-img' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_IMG'),
'type' => 'img',
],
'.landing-block-node-info-text' => [ '.landing-block-node-info-text' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'),
'type' => 'text', 'type' => 'text',
], ],
'.landing-block-node-img' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_IMG'),
'type' => 'img',
],
'.landing-block-node-card' => [ '.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_CARD'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_CARD'),
'type' => 'link', 'type' => 'link',
@ -74,9 +73,13 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'),
'type' => ['typo'], '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' => [ '.landing-block-node-card-tab' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_BADGE'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_BADGE'),
'type' => ['background-color'], 'type' => ['background-color', 'color'],
], ],
'.landing-block-node-card' => [ '.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_CARD'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_CARD'),

View File

@ -1,29 +1,34 @@
<section <section
class="landing-block g-bg g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default" class="landing-block g-bg-image g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default"
style="--bg: rgba(0, 0, 0, .5);" 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="row no-gutters"> <div class="col">
<div class="col"> <div
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 <div
class="landing-block-node-title g-color g-font-weight-600 g-font-size-25 g-mb-20 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 title
</div>
<div
class="landing-block-node-text g-color g-font-weight-300 g-font-size-20 g-mb-65 text-center"
style="--color: #ffffff;" style="--color: #ffffff;"
> >
Block subtitle Block subtitle
</div> </div>
<div class="d-flex g-mb-40"> <div class="d-flex">
<img <div
class="landing-block-node-img my-auto g-mr-30" class="landing-block-node-img-container g-rounded-50 g-bg g-mr-10"
style="width: 56px; height: 56px;" style="display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; --bg: hsla(0, 0%, 29%, 0.3);"
src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-1.png"
alt=""
> >
<img
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 <div
class="landing-block-node-info-text g-font-size-20 g-font-weight-500 g-color" class="landing-block-node-info-text g-font-size-20 g-font-weight-500 g-color"
style="--color: #ffffff; max-width: 450px;" style="--color: #ffffff; max-width: 450px;"
@ -31,110 +36,109 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div> </div>
</div> </div>
<div style="display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); align-items: end;"> </div>
<a <div style="display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); align-items: end;">
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" <a
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; 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-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-size-17 g-font-weight-600"
style="--color: #ffffff;"
> >
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;"> Title 1
<div </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" <div
style="--color: #ffffff; --bg: #0275FF; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;" class="landing-block-node-card-text g-color g-font-size-13"
> style="--color: #ffffff;"
Level 1
</div>
</div>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600"
style="--color: #ffffff;"
>
Title 1
</div>
<div
class="landing-block-node-card-text g-color"
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;"
> >
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<div </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" </a>
style="--color: #ffffff; --bg: #30C6F6; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;" <a
> 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"
Level 2 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> >
</div> <div style="position: absolute; top: -34px; left: 0; height: fit-content;">
<div <div
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600" 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;" style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
> >
Title 2 Level 2
</div> </div>
<div </div>
class="landing-block-node-card-text g-color" <div
style="--color: #ffffff;" class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
> 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;"
> >
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;"> Title 2
<div </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" <div
style="--color: #ffffff; --bg: #FFA900; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;" class="landing-block-node-card-text g-color g-font-size-13"
> style="--color: #ffffff;"
Level 3
</div>
</div>
<div
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600"
style="--color: #ffffff;"
>
Title 3
</div>
<div
class="landing-block-node-card-text g-color"
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;"
> >
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<div </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" </a>
style="--color: #ffffff; --bg: #FF5752; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;" <a
> 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"
Level 4 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> >
</div> <div style="position: absolute; top: -34px; left: 0; height: fit-content;">
<div <div
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600" 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;" style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
> >
Title 4 Level 3
</div> </div>
</div>
<div
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 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 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; top: -34px; left: 0; height: fit-content;">
<div <div
class="landing-block-node-card-text g-color" 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;" style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
> >
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Level 4
</div> </div>
</a> </div>
</div> <div
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 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>
</div> </div>
</div> </div>
</div> </div>
</section> </section>

View File

@ -1,9 +1,10 @@
<?php <?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_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"] = "Kachel";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = "Kacheltext"; $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_CARD_TITLE"] = "Kachelüberschrift:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = "Bild"; $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_IMG_CONTAINER"] = "Kontur";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Überschrift"; $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 <?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_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"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = "Tile text"; $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_CARD_TITLE"] = "Tile title:";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = "Image"; $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_IMG_CONTAINER"] = "Stroke";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Title"; $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_TEXT"] = " Карточка мәтіні ";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = " Карточка тақырыпаты"; $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"] = " Сурет";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER"] = "Жақтау";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Мәтін"; $MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Мәтін";
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Тақырыпаты"; $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_TITLE'] = 'Заголовок';
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'] = 'Текст'; $MESS['LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'] = 'Текст';
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_CARD'] = 'Карточка'; $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_IMG'] = 'Картинка';
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_BADGE'] = 'Бейдж'; $MESS['LANDING_BLOCK_WIDGET_71_1_NODE_BADGE'] = 'Бейдж';
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE'] = 'Заголовок карточки'; $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'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_2_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'], 'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['columns', 'widgets_columns'], 'section' => ['columns', 'widgets_columns'],
'system' => true,
], ],
'cards' => [ 'cards' => [
'.landing-block-node-card' => [ '.landing-block-node-card' => [

View File

@ -10,191 +10,162 @@
> >
Block title Block title
</div> </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--> <!-- card 1-->
<div <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" 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; overflow: hidden;" 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 <div
class="landing-block-node-card-badge g-bg g-color g-pos-rel" class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: #1E86FF; --color: #ffffff;" 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 <div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs" class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="top: -250px; left: -230px; width: 300px; height: 300px;" style="--color: #000000;"
> >
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;"> Title
<div class="landing-block-node-card-icon fa fa-envelope"></div> </div>
</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> </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;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
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> </div>
<!-- card 2--> <!-- card 2-->
<div <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" 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; overflow: hidden;" 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 <div
class="landing-block-node-card-badge g-bg g-color g-pos-rel" class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: #1E86FF; --color: #ffffff;" 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 <div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs" class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="top: -250px; left: -230px; width: 300px; height: 300px;" style="--color: #000000;"
> >
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;"> Title
<div class="landing-block-node-card-icon fa fa-check"></div> </div>
</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> </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;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
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> </div>
<!-- card 3--> <!-- card 3-->
<div <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" 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; overflow: hidden;" 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 <div
class="landing-block-node-card-badge g-bg g-color g-pos-rel" class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: #1E86FF; --color: #ffffff;" 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 <div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs" class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="top: -250px; left: -230px; width: 300px; height: 300px;" style="--color: #000000;"
> >
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;"> Title
<div class="landing-block-node-card-icon fa fa-phone"></div> </div>
</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> </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;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
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> </div>
<!-- card 4--> <!-- card 4-->
<div <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" 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; overflow: hidden;" 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 <div
class="landing-block-node-card-badge g-bg g-color g-pos-rel" class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: #1E86FF; --color: #ffffff;" 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 <div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs" class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="top: -250px; left: -230px; width: 300px; height: 300px;" style="--color: #000000;"
> >
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;"> Title
<div class="landing-block-node-card-icon fa fa-envelope"></div> </div>
</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> </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;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
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> </div>
<!-- card 5--> <!-- card 5-->
<div <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" 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; overflow: hidden;" 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 <div
class="landing-block-node-card-badge g-bg g-color g-pos-rel" class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: #1E86FF; --color: #ffffff;" 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 <div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs" class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="top: -250px; left: -230px; width: 300px; height: 300px;" style="--color: #000000;"
> >
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;"> Title
<div class="landing-block-node-card-icon fa fa-check"></div> </div>
</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> </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;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
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> </div>
<!-- card 6--> <!-- card 6-->
<div <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" 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; overflow: hidden;" 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 <div
class="landing-block-node-card-badge g-bg g-color g-pos-rel" class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
style="--bg: #1E86FF; --color: #ffffff;" 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 <div
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs" class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
style="top: -250px; left: -230px; width: 300px; height: 300px;" style="--color: #000000;"
> >
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;"> Title
<div class="landing-block-node-card-icon fa fa-phone"></div> </div>
</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> </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;"
>
Title
</div>
<div
class="landing-block-node-card-text g-color"
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> </div>
</div> </div>

View File

@ -11,12 +11,11 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NAME'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'], 'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['columns', 'widgets_columns'], 'section' => ['columns', 'widgets_columns'],
'system' => true,
], ],
'cards' => [ 'cards' => [
'.landing-block-node-card' => [ '.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_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' => [ 'nodes' => [
@ -60,7 +59,7 @@ $return = [
'nodes' => [ 'nodes' => [
'.landing-block-node-container' => [ '.landing-block-node-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_ELEMENT'), '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' => [ '.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_TITLE'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_TITLE'),
@ -72,15 +71,19 @@ $return = [
], ],
'.landing-block-node-tab' => [ '.landing-block-node-tab' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_BADGE'), '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' => [ '.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_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' => [ '.landing-block-node-card-badge' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_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' => [ '.landing-block-node-card-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_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; return $return;

View File

@ -1,124 +1,223 @@
<section <section
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel" class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel g-bg"
style="z-index: 3;" style="--bg: #ffffff; z-index: 3;"
> >
<div <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">
class="landing-block-node-container row g-pt-30 g-pb-35 g-rounded-20 g-pos-rel g-bg"
style="--bg: #E7F5FF;"
>
<div <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" 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: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #0077ff; z-index: -1;" style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
> >
Level 1 Level 1
</div> </div>
<div class="col"> <div class="col">
<div <div class="d-flex align-items-start justify-content-between g-mb-30">
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" <div
style="--color: #000000;" 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 >
Block title
</div>
<div
class="landing-block-node-subtitle g-font-size-15 g-color g-line-height-1"
style="--color: #000000;"
>
Block subtitle
</div>
</div> </div>
<div <div
class="landing-block-node-subtitle g-font-size-20 g-color g-mb-30 g-line-height-1" class="landing-block-node-card-box g-pl-30 g-pr-30 g-pt-30 g-pb-10 g-bg g-rounded-10"
style="--color: #000000;" style="--bg: #F1F4F9;"
> >
Block subtitle <div class="">
</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-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" data-slider-autoplay="1"
style="--color: #ffffff; --bg: #2EC6F6; top: 15px; left: 0; min-width: 104px; height: 30px; border-radius: 0 10px 10px 0; box-sizing: border-box;" data-slider-autoplay-speed="3000"
data-slider-slides-show="4"
data-slider-arrows="8"
data-slider-dots="0"
data-slider-animation="1"
> >
Badge <div
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>
<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>
<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>
<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>
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"
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;"
>
<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;"
>
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"
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;"
>
<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;"
>
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"
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;"
>
<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;"
>
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"
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'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'], 'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['columns', 'widgets_columns'], 'section' => ['columns', 'widgets_columns'],
'system' => true,
], ],
'cards' => [ 'cards' => [
'.landing-block-node-card' => [ '.landing-block-node-card' => [
@ -60,7 +59,7 @@ $return = [
'nodes' => [ 'nodes' => [
'.landing-block-container' => [ '.landing-block-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_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' => [ '.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_TITLE'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_TITLE'),
@ -72,10 +71,10 @@ $return = [
], ],
'.landing-block-node-card-tab' => [ '.landing-block-node-card-tab' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_BADGE'), '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' => [ '.landing-block-node-card' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TOP'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD'),
'type' => ['background-color'], 'type' => ['background-color'],
], ],
'.landing-block-node-card-title' => [ '.landing-block-node-card-title' => [
@ -86,21 +85,21 @@ $return = [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TEXT'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TEXT'),
'type' => ['typo'], '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' => [ '.landing-block-node-card-subtitle' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TITLE'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TITLE'),
'type' => ['typo'], 'type' => ['typo'],
], ],
'.landing-block-node-card-list-item' => [ '.landing-block-node-card-list' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_LIST_ITEM'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TEXT'),
'type' => ['typo'], 'type' => ['typo'],
], ],
'.landing-block-node-card-btn' => [ '.landing-block-node-card-btn' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_BUTTON'), '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 <section
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel" class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel g-bg"
style="z-index: 3;" style="--bg: #EDF1F7; z-index: 3;"
> >
<div <div class="landing-block-container row g-pt-40 g-pb-35 g-rounded-20 g-pos-rel">
class="landing-block-container row g-pt-30 g-pb-35 g-rounded-20 g-pos-rel g-bg"
style="--bg: #f6fcfe;"
>
<div <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" 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: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #2fc6f6; z-index: -1;" style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
> >
Level 2 Level 2
</div> </div>
<div class="col"> <div class="col">
<div <div class="d-flex align-items-start justify-content-between g-mb-30">
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" <div
style="--color: #000000;" 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 >
Block title
</div>
<div
class="landing-block-node-subtitle g-font-size-15 g-color g-line-height-1"
style="--color: #000000;"
>
Block subtitle
</div>
</div> </div>
<div <div
class="landing-block-node-subtitle g-font-size-20 g-color g-mb-30 g-line-height-1" class="landing-block-node-card-box d-flex justify-content-between"
style="--color: #000000;" style="gap: 8px; flex-wrap: wrap;"
> >
Block subtitle
</div>
<div class="landing-block-node-card-box d-grid-71-4">
<!-- card 1 --> <!-- card 1 -->
<div class="landing-block-node-card text-center"> <div
<div 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"
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: #fff; box-shadow: 1px 1px 9.6px 0 rgba(189, 189, 189, 0.2); max-width: calc(33% - 8px);"
style="--bg: #2fc6f6; border-radius: 10px 10px 0 0;" >
> <div class="landing-block-node-card-head g-mb-18 g-flex-centered-item">
<div <div
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1" 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: #ffffff;" style="--color: #151515;"
> >
Title 1 Title 1
</div> </div>
<div <div
class="landing-block-node-card-text g-color" class="landing-block-node-card-text g-color g-pb-18"
style="--color: #ffffff;" 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div> </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 <div
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-17 g-font-weight-600 g-line-height-1" 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: #ffffff;" style="--color: #151515;"
> >
Title 2 Title 2
</div> </div>
<ul <ul
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0" 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: #ffffff;" 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li> </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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li> </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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li> </li>
</ul> </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"> <div class="d-flex justify-content-center">
<a <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" 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="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: #2fc6f6; height: 35px; transition: background .3s, color .3s;" 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 Button text
</a> </a>
@ -81,52 +80,49 @@
</div> </div>
</div> </div>
<!-- card 2 --> <!-- card 2 -->
<div class="landing-block-node-card text-center"> <div
<div 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"
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: #fff; box-shadow: 1px 1px 9.6px 0 rgba(189, 189, 189, 0.2); max-width: calc(33% - 8px);"
style="--bg: #2fc6f6; border-radius: 10px 10px 0 0;" >
> <div class="landing-block-node-card-head g-mb-18 g-flex-centered-item">
<div <div
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1" 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: #ffffff;" style="--color: #151515;"
> >
Title 1 Title 1
</div> </div>
<div <div
class="landing-block-node-card-text g-color" class="landing-block-node-card-text g-color g-pb-18"
style="--color: #ffffff;" 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div> </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 <div
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-17 g-font-weight-600 g-line-height-1" 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: #ffffff;" style="--color: #151515;"
> >
Title 2 Title 2
</div> </div>
<ul <ul
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0" 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: #ffffff;" 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li> </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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li> </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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li> </li>
</ul> </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"> <div class="d-flex justify-content-center">
<a <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" 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="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: #2fc6f6; height: 35px; transition: background .3s, color .3s;" 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 Button text
</a> </a>
@ -134,52 +130,49 @@
</div> </div>
</div> </div>
<!-- card 3 --> <!-- card 3 -->
<div class="landing-block-node-card text-center"> <div
<div 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"
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: #fff; box-shadow: 1px 1px 9.6px 0 rgba(189, 189, 189, 0.2); max-width: calc(33% - 8px);"
style="--bg: #2fc6f6; border-radius: 10px 10px 0 0;" >
> <div class="landing-block-node-card-head g-mb-18 g-flex-centered-item">
<div <div
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1" 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: #ffffff;" style="--color: #151515;"
> >
Title 1 Title 1
</div> </div>
<div <div
class="landing-block-node-card-text g-color" class="landing-block-node-card-text g-color g-pb-18"
style="--color: #ffffff;" 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div> </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 <div
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-17 g-font-weight-600 g-line-height-1" 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: #ffffff;" style="--color: #151515;"
> >
Title 2 Title 2
</div> </div>
<ul <ul
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0" 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: #ffffff;" 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li> </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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li> </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. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</li> </li>
</ul> </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"> <div class="d-flex justify-content-center">
<a <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" 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="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: #2fc6f6; height: 35px; transition: background .3s, color .3s;" 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 Button text
</a> </a>

View File

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

View File

@ -2,55 +2,58 @@
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-bg g-pos-rel" 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;" style="z-index: 3; --bg: #ffffff; --bg-size: cover; --bg-attachment: scroll;"
> >
<div <div class="landing-block-container row g-pt-40 g-pb-35 g-rounded-20 g-pos-rel">
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 <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" 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: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #ffa900; z-index: -1;" style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
> >
Level 3 Level 3
</div> </div>
<div class="col"> <div class="col">
<div <div class="d-flex align-items-start justify-content-between g-mb-30">
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"
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"
style="--color: #000000;"
>
Block subtitle
</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"
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 <div
data-slider-autoplay="1" class="landing-block-node-title g-font-weight-600 g-font-size-33 g-line-height-1 g-color g-mb-5"
data-slider-autoplay-speed="3000" style="--color: #000000;"
data-slider-slides-show="6"
data-slider-arrows="4"
data-slider-dots="0"
data-slider-animation="1"
> >
Block title
</div>
<div
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-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="">
<div <div
class="landing-block-node-carousel js-carousel row" data-slider-autoplay="1"
data-autoplay="true" data-slider-autoplay-speed="3000"
data-pause-hover="true" data-slider-slides-show="4"
data-infinite="true" data-slider-arrows="8"
data-slides-show="6" data-slider-dots="0"
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-slider-animation="1"
data-arrow-left-classes="fa fa-angle-left g-left-minus-35" >
data-arrow-right-classes="fa fa-angle-right g-right-minus-35" <div
data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-pt-10" class="landing-block-node-carousel js-carousel row"
data-responsive='[{ data-autoplay="true"
data-pause-hover="true"
data-infinite="true"
data-slides-show="6"
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, "breakpoint": 1200,
"settings": { "settings": {
"slidesToShow": 5 "slidesToShow": 5
@ -71,168 +74,169 @@
"slidesToShow": 2 "slidesToShow": 2
} }
}]' }]'
data-init-classes-exclude='[{ data-init-classes-exclude='[{
"selector": ".landing-block-node-card", "selector": ".landing-block-node-card",
"class": "col-6 col-sm-4 col-lg-2" "class": "col-6 col-sm-4 col-lg-2"
}, { }, {
"selector": ".js-carousel", "selector": ".js-carousel",
"class": "row" "class": "row"
}]' }]'
>
<!-- 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;"
> >
<!-- card 1 -->
<div <div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1" 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="--color: #ffffff;" style="--bg: #f0f0f0;"
> >
Title <div
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 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.
</div>
</div> </div>
<!-- card 2 -->
<div <div
class="landing-block-node-card-text g-mb-15 g-color" 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="--color: #000000;" style="--bg: #e8e8e8;"
> >
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <div
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 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.
</div>
</div> </div>
</div> <!-- card 3 -->
<!-- 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;"
>
<div <div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1" 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="--color: #ffffff;" style="--bg: #dbdbdb;"
> >
Title <div
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 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.
</div>
</div> </div>
<!-- card 4 -->
<div <div
class="landing-block-node-card-text g-mb-15 g-color" 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="--color: #000000;" style="--bg: #cccccc;"
> >
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <div
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 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.
</div>
</div> </div>
</div> <!-- card 5 -->
<!-- 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;"
>
<div <div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1" 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="--color: #ffffff;" style="--bg: #f0f0f0;"
> >
Title <div
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 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.
</div>
</div> </div>
<!-- card 6 -->
<div <div
class="landing-block-node-card-text g-mb-15 g-color" 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="--color: #000000;" style="--bg: #e8e8e8;"
> >
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <div
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 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.
</div>
</div> </div>
</div> <!-- card 7 -->
<!-- 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;"
>
<div <div
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1" 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="--color: #ffffff;" style="--bg: #dbdbdb;"
> >
Title <div
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 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.
</div>
</div> </div>
<!-- card 8 -->
<div <div
class="landing-block-node-card-text g-mb-15 g-color" 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="--color: #000000;" style="--bg: #cccccc;"
> >
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <div
</div> class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
</div> style="--color: #000;"
<!-- card 5 --> >
<div Title
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" </div>
style="--bg: #bbde4d;" <div
> class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
<div style="--color: #000000;"
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;" Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
> </div>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</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;"
>
<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;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</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;"
>
<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;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
style="--color: #000000;"
>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</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;"
>
<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;"
>
Title
</div>
<div
class="landing-block-node-card-text g-mb-15 g-color"
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> </div>
</div> </div>
</div> </div>
</div> <div class="d-flex justify-content-center g-pt-25">
<div class="d-flex justify-content-center g-pt-50"> <a
<a 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"
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="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;"
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);" >
> Button text
Button text </a>
</a> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,5 +1,5 @@
<?php <?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_BADGE"] = "Kachel-Tab";
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD"] = "Kachel "; $MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD"] = "Kachel ";
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD_BUTTON"] = "Schaltfläche"; $MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD_BUTTON"] = "Schaltfläche";

View File

@ -1,5 +1,5 @@
<?php <?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_BADGE"] = "Tile tab";
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD"] = "Tile"; $MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD"] = "Tile";
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD_BUTTON"] = "Button"; $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'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NAME'),
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'], 'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
'section' => ['text_image', 'widgets_columns'], 'section' => ['text_image', 'widgets_columns'],
'system' => true,
], ],
'cards' => [], 'cards' => [],
'nodes' => [ 'nodes' => [
@ -39,7 +38,7 @@ $return = [
'nodes' => [ 'nodes' => [
'.landing-block-container' => [ '.landing-block-container' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NODE_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' => [ '.landing-block-node-title' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NODE_TITLE'), 'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NODE_TITLE'),
@ -51,7 +50,7 @@ $return = [
], ],
'.landing-block-node-tab' => [ '.landing-block-node-tab' => [
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NODE_BADGE'), '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 <section
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel" class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel g-bg"
style="z-index: 3;" style="--bg: #ffffff; z-index: 3;"
> >
<div <div class="landing-block-container row g-pt-40 g-pb-35 g-rounded-20 g-pos-rel">
class="landing-block-container row g-pt-30 g-pb-35 g-rounded-20 g-pos-rel g-bg"
style="--bg: #f6fcfe;"
>
<div <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" 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: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #ff5752; z-index: -1;" style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
> >
Level 4 Level 4
</div> </div>
<div class="col"> <div class="col">
<div <div class="d-flex align-items-start justify-content-between g-mb-30">
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" <div
style="--color: #000000;" 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> Block title
<div </div>
style="--color: #000000;" <div
class="landing-block-node-text g-font-size-20 g-color g-mb-30 g-line-height-1" class="landing-block-node-text g-font-size-15 g-color g-line-height-1"
> style="--color: #000000;"
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. >
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div> </div>
<div> <div>
<img <img
class="landing-block-node-image" class="landing-block-node-image"
style="width: 100%; height: auto;" 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="" alt=""
> >
</div> </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