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
+1
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']
+3 -2
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'],
], ],
]; ];
@@ -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',
@@ -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',
@@ -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',
@@ -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',
@@ -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"] = "Элементтер жиынтығы";
@@ -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";
@@ -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";
?>
@@ -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' => [
@@ -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>
@@ -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";
?>
@@ -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";
?>
@@ -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"] = "Батырма";
@@ -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'] = 'Контейнер';
@@ -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' => [
@@ -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' => [
@@ -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' => [
@@ -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',
@@ -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',
@@ -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'
// }
// }));
});
}
})();
@@ -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">
@@ -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";
@@ -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";
@@ -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"] = "Нысан";
@@ -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',
@@ -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"] = "Сипаттамасы бар парақталатын суреттер";
@@ -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'],
],
];
@@ -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>
@@ -1,2 +0,0 @@
<?php
$MESS['LNDNGBLCK_66_1_NAME'] = 'Форма на светлом фоне по центру - NEW';
@@ -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'],
],
];
@@ -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>
@@ -1,2 +0,0 @@
<?php
$MESS['LNDNGBLCK_66_10_NAME'] = 'Форма на цветном фоне по центру - NEW';
@@ -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'],
],
];
@@ -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>
@@ -1,3 +0,0 @@
<?php
$MESS['LNDNGBLCK_66_20_NAME'] = 'Форма на затемнённой фоновой картинке по центру - NEW';
$MESS['LNDNGBLCK_66_20_BG'] = 'Фоновая картинка';
@@ -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";
@@ -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";
@@ -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";
@@ -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";
@@ -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";
@@ -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";
@@ -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'],
],
], ],
], ],
]; ];
+14 -10
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;"
@@ -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";
@@ -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";
@@ -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";
@@ -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";
@@ -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";
@@ -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";
@@ -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'),
+1 -1
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
@@ -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";
@@ -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";
@@ -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"] = "Карточка тақырыпаты";
@@ -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'] = 'Контейнер';
@@ -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'),
+12 -12
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>
@@ -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'),
+20 -20
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>
@@ -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'],
+11 -9
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>
@@ -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";
@@ -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";
@@ -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"] = "Тақырыпаты";
@@ -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'] = 'Контейнер';
@@ -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'),
+112 -108
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>
@@ -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:";
@@ -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:";
@@ -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"] = "Тақырыпаты";
@@ -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'] = 'Заголовок карточки';
@@ -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' => [
+98 -127
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>
@@ -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;
+206 -107
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>
+11 -12
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'],
], ],
], ],
], ],
+80 -87
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>
@@ -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'),
+173 -169
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>
@@ -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";
@@ -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";
@@ -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'],
], ],
], ],
], ],
+19 -20
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>
@@ -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;
+31
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>
@@ -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";
@@ -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";
@@ -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"] = "Тақырыпаты";
@@ -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'] = 'Контейнер';
@@ -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;
+82
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>
@@ -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;
+73
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>
@@ -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";
@@ -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";
@@ -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"] = "Тақырыпаты";
@@ -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'] = 'Контейнеры';
@@ -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;
+73
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