Update
This commit is contained in:
parent
8aeeb05b7d
commit
807dec3b6c
@ -14,6 +14,7 @@ Loc::loadMessages(
|
||||
|
||||
return [
|
||||
'last' => Loc::getMessage('LD_BLOCK_SECTION_LAST'),
|
||||
'favourite' => Loc::getMessage('LD_BLOCK_SECTION_FAVOURITE'),
|
||||
'recommended' =>[
|
||||
'name' => Loc::getMessage('LD_BLOCK_SECTION_RECOMMENDED'),
|
||||
'type' => ['knowledge']
|
||||
|
||||
@ -1909,6 +1909,7 @@ return [
|
||||
['name' => '25', 'value' => 'g-rounded-25'],
|
||||
['name' => '30', 'value' => 'g-rounded-30'],
|
||||
['name' => '50', 'value' => 'g-rounded-50'],
|
||||
['name' => '100', 'value' => 'g-rounded-100'],
|
||||
],
|
||||
],
|
||||
'border-width' => [
|
||||
@ -3073,6 +3074,7 @@ return [
|
||||
],
|
||||
['name' => Loc::getMessage('LANDING_BLOCK_STYLE-TEXT_CONTAINER_FULL'), 'value' => 'g-max-width-100x'],
|
||||
['name' => Loc::getMessage('LANDING_BLOCK_STYLE-TEXT_CONTAINER_MINI'), 'value' => 'g-max-width-800'],
|
||||
['name' => Loc::getMessage('LANDING_BLOCK_STYLE-TEXT_CONTAINER_MAXI'), 'value' => 'g-max-width-1462'],
|
||||
],
|
||||
],
|
||||
'button-type' => [
|
||||
@ -3214,7 +3216,6 @@ return [
|
||||
['name' => '200%', 'value' => 'scale-200'],
|
||||
],
|
||||
],
|
||||
//todo: change phrases
|
||||
'widget-type' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_STYLE_WIDGET_TYPE'),
|
||||
'type' => 'list',
|
||||
@ -3404,6 +3405,6 @@ return [
|
||||
'background-gradient' => ['background-color'],
|
||||
'background-hover' => ['background-color-hover'],
|
||||
// dont forget add new usage 'background' style in \Bitrix\Landing\Node\StyleImg::STYLES_WITH_IMAGE
|
||||
'widget' => ['background', 'widget-type', 'margin-top', 'margin-bottom', 'padding-top', 'padding-bottom'],
|
||||
'widget' => ['background', 'widget-type', 'margin-top', 'margin-bottom', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right'],
|
||||
],
|
||||
];
|
||||
@ -190,13 +190,13 @@ $result = [
|
||||
<li class="landing-block-card-social list-inline-item g-ma-3"
|
||||
data-card-preset="vk">
|
||||
<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
|
||||
href="https://vk.com">
|
||||
href="https://vk.ru">
|
||||
<i class="landing-block-card-social-icon fa fa-vk"></i>
|
||||
</a>
|
||||
</li>',
|
||||
'values' => [
|
||||
'.landing-block-card-social-icon-link' => [
|
||||
'href' => 'https://vk.com',
|
||||
'href' => 'https://vk.ru',
|
||||
],
|
||||
'.landing-block-card-social-icon' => [
|
||||
'type' => 'icon',
|
||||
|
||||
@ -190,13 +190,13 @@ $result = [
|
||||
<li class="landing-block-card-social list-inline-item g-ma-3"
|
||||
data-card-preset="vk">
|
||||
<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
|
||||
href="https://vk.com">
|
||||
href="https://vk.ru">
|
||||
<i class="landing-block-card-social-icon fa fa-vk"></i>
|
||||
</a>
|
||||
</li>',
|
||||
'values' => [
|
||||
'.landing-block-card-social-icon-link' => [
|
||||
'href' => 'https://vk.com',
|
||||
'href' => 'https://vk.ru',
|
||||
],
|
||||
'.landing-block-card-social-icon' => [
|
||||
'type' => 'icon',
|
||||
|
||||
@ -190,13 +190,13 @@ $result = [
|
||||
<li class="landing-block-card-social list-inline-item g-ma-3"
|
||||
data-card-preset="vk">
|
||||
<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
|
||||
href="https://vk.com">
|
||||
href="https://vk.ru">
|
||||
<i class="landing-block-card-social-icon fa fa-vk"></i>
|
||||
</a>
|
||||
</li>',
|
||||
'values' => [
|
||||
'.landing-block-card-social-icon-link' => [
|
||||
'href' => 'https://vk.com',
|
||||
'href' => 'https://vk.ru',
|
||||
],
|
||||
'.landing-block-card-social-icon' => [
|
||||
'type' => 'icon',
|
||||
|
||||
@ -190,14 +190,14 @@ $result = [
|
||||
<li class="landing-block-card-social list-inline-item g-valign-middle g-mx-3 g-mb-6"
|
||||
data-card-preset="vk">
|
||||
<a class="landing-block-card-social-icon-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
|
||||
href="https://vk.com">
|
||||
href="https://vk.ru">
|
||||
<i class="landing-block-card-social-icon fa fa-vk"></i>
|
||||
</a>
|
||||
</li>',
|
||||
'disallow' => ['.landing-block-card-social-icon'],
|
||||
'values' => [
|
||||
'.landing-block-card-social-icon-link' => [
|
||||
'href' => 'https://vk.com',
|
||||
'href' => 'https://vk.ru',
|
||||
],
|
||||
'.landing-block-card-social-icon' => [
|
||||
'type' => 'icon',
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_8_6_AUTHOR"] = "Автор";
|
||||
$MESS["LANDING_BLOCK_8_6_BLOCK_BOTTOM"] = "Блоктың төменгі бөлігі";
|
||||
$MESS["LANDING_BLOCK_8_6_BORDER"] = "Жиектеме";
|
||||
$MESS["LANDING_BLOCK_8_6_BORDER"] = "Жақтау";
|
||||
$MESS["LANDING_BLOCK_8_6_BOTTOM_STRIP"] = "Төменгі жол";
|
||||
$MESS["LANDING_BLOCK_8_6_CARD"] = "Карточка";
|
||||
$MESS["LANDING_BLOCK_8_6_ELEMENT"] = "Элементтер жиынтығы";
|
||||
|
||||
@ -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_CARD"] = "Block elements";
|
||||
$MESS["LANDING_BLOCK_8_7_CARD"] = "Block tiles";
|
||||
$MESS["LANDING_BLOCK_8_7_ICON"] = "Icon";
|
||||
$MESS["LANDING_BLOCK_8_7_NAME"] = "Text blocks with an icon";
|
||||
$MESS["LANDING_BLOCK_8_7_TEXT"] = "Text";
|
||||
$MESS["LANDING_BLOCK_8_7_TITLE"] = "Title";
|
||||
?>
|
||||
@ -21,6 +21,10 @@ return [
|
||||
],
|
||||
],
|
||||
'style' => [
|
||||
'.landing-block-node-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_CONTAINER'),
|
||||
'type' => ['container-max-width'],
|
||||
],
|
||||
'.landing-block-node-button' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON'),
|
||||
'type' => [
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<section class="landing-block text-center g-pt-30 g-pb-30">
|
||||
<div class="container">
|
||||
<div class="landing-block-node-container m-auto g-max-width-container">
|
||||
<a class="landing-block-node-button btn g-btn-type-solid g-btn-size-md g-btn-px-m g-btn-primary rounded-0 text-uppercase" href="#">Projects</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
<?
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NAME"] = "Schaltfläche";
|
||||
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "Schaltfläche";
|
||||
?>
|
||||
@ -1,4 +1,4 @@
|
||||
<?
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NAME"] = "Button in the middle of the page";
|
||||
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "Button";
|
||||
?>
|
||||
@ -1,3 +1,4 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_CONTAINER"] = "Контейнер";
|
||||
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NAME"] = "Батырма беттің ортасында";
|
||||
$MESS["LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON"] = "Батырма";
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
<?php
|
||||
$MESS['LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NAME'] = 'Кнопка в центре страницы';
|
||||
$MESS['LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_NODES_LANDINGBLOCKNODEBUTTON'] = 'Кнопка';
|
||||
$MESS['LANDING_BLOCK_6_ONE_COL_FIX_BUTTON_CONTAINER'] = 'Контейнер';
|
||||
|
||||
@ -192,14 +192,14 @@ $result = [
|
||||
'name' => '<span class="fa fa-vk"></span> '.Loc::getMessage('LANDING_BLOCK__SOCIAL_VK'),
|
||||
'html' => '<li class="landing-block-node-list-item col g-valign-middle g-flex-grow-0 list-inline-item g-mr-6 g-mb-6"
|
||||
data-card-preset="vk">
|
||||
<a class="landing-block-node-list-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-vk--hover g-bg-vk g-color-white text-center" href="https://vk.com/" target="_blank">
|
||||
<a class="landing-block-node-list-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-vk--hover g-bg-vk g-color-white text-center" href="https://vk.ru/" target="_blank">
|
||||
<i class="landing-block-node-list-icon fa fa-vk"></i>
|
||||
</a>
|
||||
</li>',
|
||||
'disallow' => ['.landing-block-node-list-icon'],
|
||||
'values' => [
|
||||
'.landing-block-node-list-link' => [
|
||||
'href' => 'https://vk.com/',
|
||||
'href' => 'https://vk.ru/',
|
||||
'target' => '_blank',
|
||||
],
|
||||
'.landing-block-node-list-icon' => [
|
||||
|
||||
@ -189,14 +189,14 @@ $result = [
|
||||
'name' => '<span class="fa fa-vk"></span> '.Loc::getMessage('LANDING_BLOCK__SOCIAL_VK'),
|
||||
'html' => '<li class="landing-block-node-list-item col g-valign-middle g-flex-grow-0 list-inline-item g-mr-15 g-mr-0--last g-mb-0"
|
||||
data-card-preset="vk">
|
||||
<a class="landing-block-node-icon landing-block-node-list-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v1--hover g-bg-gray-light-v1 g-color-black text-center" href="https://vk.com/" target="_blank">
|
||||
<a class="landing-block-node-icon landing-block-node-list-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v1--hover g-bg-gray-light-v1 g-color-black text-center" href="https://vk.ru/" target="_blank">
|
||||
<i class="landing-block-node-list-icon fa fa-vk"></i>
|
||||
</a>
|
||||
</li>',
|
||||
'disallow' => ['.landing-block-node-list-icon'],
|
||||
'values' => [
|
||||
'.landing-block-node-list-link' => [
|
||||
'href' => 'https://vk.com/',
|
||||
'href' => 'https://vk.ru/',
|
||||
'target' => '_blank',
|
||||
],
|
||||
'.landing-block-node-list-icon' => [
|
||||
|
||||
@ -188,14 +188,14 @@ $result = [
|
||||
'name' => '<span class="fa fa-vk"></span> '.Loc::getMessage('LANDING_BLOCK__SOCIAL_VK'),
|
||||
'html' => '<li class="landing-block-node-list-item col g-pl-0 g-pr-0 g-pt-0 g-pb-0 g-min-width-110 list-inline-item g-mr-0"
|
||||
data-card-preset="vk">
|
||||
<a class="landing-block-node-list-item-link d-block g-py-15 g-px-30 g-bg-vk--hover g-bg-vk g-color-white text-center" href="https://vk.com/" target="_blank">
|
||||
<a class="landing-block-node-list-item-link d-block g-py-15 g-px-30 g-bg-vk--hover g-bg-vk g-color-white text-center" href="https://vk.ru/" target="_blank">
|
||||
<i class="landing-block-node-list-item-icon fa fa-vk"></i>
|
||||
</a>
|
||||
</li>',
|
||||
'disallow' => ['.landing-block-node-list-item-icon'],
|
||||
'values' => [
|
||||
'.landing-block-node-list-item-link' => [
|
||||
'href' => 'https://vk.com/',
|
||||
'href' => 'https://vk.ru/',
|
||||
'target' => '_blank',
|
||||
],
|
||||
'.landing-block-node-list-item-icon' => [
|
||||
|
||||
@ -190,13 +190,13 @@ $result = [
|
||||
<li class="landing-block-card-social list-inline-item g-mr-10"
|
||||
data-card-preset="vk">
|
||||
<a class="landing-block-card-social-icon-link u-icon-v2 g-width-35 g-height-35 g-font-size-16 g-color-gray-light-v1 g-color-white--hover g-bg-primary--hover g-brd-gray-dark-v5 g-brd-primary--hover g-rounded-50x"
|
||||
href="https://vk.com">
|
||||
href="https://vk.ru">
|
||||
<i class="landing-block-card-social-icon fa fa-vk"></i>
|
||||
</a>
|
||||
</li>',
|
||||
'values' => [
|
||||
'.landing-block-card-social-icon-link' => [
|
||||
'href' => 'https://vk.com',
|
||||
'href' => 'https://vk.ru',
|
||||
],
|
||||
'.landing-block-card-social-icon' => [
|
||||
'type' => 'icon',
|
||||
|
||||
@ -190,13 +190,13 @@ $result = [
|
||||
<li class="landing-block-card-social list-inline-item g-mr-10 g-my-5"
|
||||
data-card-preset="vk">
|
||||
<a class="landing-block-card-social-icon-link u-icon-v2 g-width-35 g-height-35 g-font-size-16 g-color-white g-color-white--hover g-bg-primary--hover g-brd-white g-brd-primary--hover g-rounded-50x"
|
||||
href="https://vk.com">
|
||||
href="https://vk.ru">
|
||||
<i class="landing-block-card-social-icon fa fa-vk"></i>
|
||||
</a>
|
||||
</li>',
|
||||
'values' => [
|
||||
'.landing-block-card-social-icon-link' => [
|
||||
'href' => 'https://vk.com',
|
||||
'href' => 'https://vk.ru',
|
||||
],
|
||||
'.landing-block-card-social-icon' => [
|
||||
'type' => 'icon',
|
||||
|
||||
@ -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="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">
|
||||
|
||||
@ -3,7 +3,7 @@ $MESS["LANDING_BLOCK_31_1_BUTTON_AREA"] = "Schaltflächenbereich";
|
||||
$MESS["LANDING_BLOCK_31_8_ICON"] = "Icon";
|
||||
$MESS["LANDING_BLOCK_31_8_NAME"] = "Aufzählung, Schaltfläche und Bild rechts";
|
||||
$MESS["LANDING_BLOCK_31_8_NODES_BUTTON"] = "Schaltfläche";
|
||||
$MESS["LANDING_BLOCK_31_8_NODES_CARD"] = "Blockelemente";
|
||||
$MESS["LANDING_BLOCK_31_8_NODES_CARD"] = "Blockkacheln";
|
||||
$MESS["LANDING_BLOCK_31_8_NODES_IMG"] = "Bild";
|
||||
$MESS["LANDING_BLOCK_31_8_TEXT"] = "Text";
|
||||
$MESS["LANDING_BLOCK_31_8_TITLE"] = "Überschrift";
|
||||
|
||||
@ -3,7 +3,7 @@ $MESS["LANDING_BLOCK_31_1_BUTTON_AREA"] = "Button area";
|
||||
$MESS["LANDING_BLOCK_31_8_ICON"] = "Icon";
|
||||
$MESS["LANDING_BLOCK_31_8_NAME"] = "Bulleted list, button and image on the right";
|
||||
$MESS["LANDING_BLOCK_31_8_NODES_BUTTON"] = "Button";
|
||||
$MESS["LANDING_BLOCK_31_8_NODES_CARD"] = "Block elements";
|
||||
$MESS["LANDING_BLOCK_31_8_NODES_CARD"] = "Block tiles";
|
||||
$MESS["LANDING_BLOCK_31_8_NODES_IMG"] = "Image";
|
||||
$MESS["LANDING_BLOCK_31_8_TEXT"] = "Text";
|
||||
$MESS["LANDING_BLOCK_31_8_TITLE"] = "Title";
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_FORM_33.1_NODE_CONTACT_ICON"] = "Белгіше";
|
||||
$MESS["LANDING_BLOCK_FORM_33.2_NODE_BGIMG"] = "Фон суреті";
|
||||
$MESS["LANDING_BLOCK_FORM_33.2_NODE_CARD_CONTACT"] = "Байланыс";
|
||||
$MESS["LANDING_BLOCK_FORM_33.2_NODE_CONTACT_ICON"] = "Белгіше";
|
||||
$MESS["LANDING_BLOCK_FORM_33.2_NODE_CONTACT_LINK"] = "Сілтеме";
|
||||
$MESS["LANDING_BLOCK_FORM_33.2_NODE_CONTACT_TEXT"] = "Мәтін";
|
||||
$MESS["LANDING_BLOCK_FORM_33.2_NODE_FORM"] = "Нысан";
|
||||
|
||||
@ -190,14 +190,14 @@ $result = [
|
||||
<li class="landing-block-node-social-item list-inline-item g-valign-middle g-mx-3 g-mb-6"
|
||||
data-card-preset="vk">
|
||||
<a class="landing-block-node-social-link d-block u-icon-v3 u-icon-size--sm g-rounded-50x g-bg-gray-light-v4 g-color-gray-light-v1 g-bg-primary--hover g-color-white--hover g-font-size-14"
|
||||
href="https://vk.com">
|
||||
href="https://vk.ru">
|
||||
<i class="landing-block-node-social-icon fa fa-vk"></i>
|
||||
</a>
|
||||
</li>',
|
||||
'disallow' => ['.landing-block-node-social-icon'],
|
||||
'values' => [
|
||||
'.landing-block-node-social-link' => [
|
||||
'href' => 'https://vk.com',
|
||||
'href' => 'https://vk.ru',
|
||||
],
|
||||
'.landing-block-node-social-icon' => [
|
||||
'type' => 'icon',
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_40_5_BLOCK"] = "Блок";
|
||||
$MESS["LANDING_BLOCK_40_5_BORDER"] = "Жиектеме";
|
||||
$MESS["LANDING_BLOCK_40_5_BORDER"] = "Жақтау";
|
||||
$MESS["LANDING_BLOCK_40_5_ELEMENT"] = "Элементтер жиынтығы";
|
||||
$MESS["LANDING_BLOCK_40_5_IMG"] = "Сурет";
|
||||
$MESS["LANDING_BLOCK_40_5_NAME"] = "Сипаттамасы бар парақталатын суреттер";
|
||||
|
||||
@ -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
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_1_NAME"] = "Folien mit Text, Schaltfläche und Hintergrundbild";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_1_NAME"] = "Blöcke mit einem Text, einer Schaltfläche und einem Bild im Hintergrund";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_BUTTON"] = "Folienschaltfläche";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD"] = "Folie";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD_TITLE"] = "Folienüberschrift";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_1_NAME"] = "Tiles with text, button and background image";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_1_NAME"] = "Blocks with text, button and background image";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_BUTTON"] = "Tile button";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD"] = "Tile";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_1_NODE_CARD_TITLE"] = "Tile title";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_10_NAME"] = "Folien mit kleinem Bild und Überschrift";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_10_NAME"] = "Blöcke mit einem kleinen Bild und einer Überschrift";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD"] = "Folie";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD_TITLE"] = "Folienüberschrift";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CONTAINER"] = "Container";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_10_NAME"] = "Tiles with small image and title";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_10_NAME"] = "Blocks with small image and title";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD"] = "Tile";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CARD_TITLE"] = "Tile title";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_10_NODE_CONTAINER"] = "Container";
|
||||
|
||||
@ -2,6 +2,6 @@
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_BUTTON"] = "Schaltfläche";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_LINK"] = "Link";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_NAME"] = "Überschrift mit Text und zwei Schaltflächen";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_NAME"] = "Block mit einem Text und zwei Schaltflächen";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_TEXT"] = "Text";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_TITLE"] = "Überschrift";
|
||||
|
||||
@ -2,6 +2,6 @@
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_BUTTON"] = "Button";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_LINK"] = "Link";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_NAME"] = "Title with text and two buttons";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_NAME"] = "Block with text and two buttons";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_TEXT"] = "Text";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_11_TITLE"] = "Title";
|
||||
|
||||
@ -46,6 +46,10 @@ $return = [
|
||||
'type' => ['widget'],
|
||||
],
|
||||
'nodes' => [
|
||||
'.landing-block-node-content' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CONTAINER'),
|
||||
'type' => ['container-max-width'],
|
||||
],
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_TITLE'),
|
||||
'type' => ['typo'],
|
||||
@ -56,16 +60,24 @@ $return = [
|
||||
],
|
||||
'.landing-block-node-card-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CONTAINER'),
|
||||
'type' => ['background-color'],
|
||||
'type' => ['container-max-width', 'background-color', 'border-radius'],
|
||||
],
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CARD'),
|
||||
'type' => [],
|
||||
],
|
||||
'.landing-block-node-card-link' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE'),
|
||||
'type' => ['background-color', 'background-color-hover', 'color', 'color-hover', 'font-family'],
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CARD'),
|
||||
'type' => ['background-color', 'background-color-hover', 'border-radius'],
|
||||
],
|
||||
'.landing-block-node-card-icon' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_ICON'),
|
||||
'type' => ['background-color', 'color'],
|
||||
],
|
||||
'.landing-block-node-card-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE'),
|
||||
'type' => ['typo', 'color-hover'],
|
||||
],
|
||||
],
|
||||
],
|
||||
];
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
class="landing-block g-bg g-pl-30 g-pr-30 g-pt-30 g-pb-30 g-cursor-default"
|
||||
style="--bg: #ffffff;"
|
||||
>
|
||||
<div class="landing-block-node-content g-mb-20">
|
||||
<div class="landing-block-node-content g-mb-20 m-auto g-max-width-container">
|
||||
<div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6 g-pl-25">
|
||||
Title
|
||||
</div>
|
||||
@ -11,12 +11,13 @@
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-container d-flex justify-content-center g-bg g-rounded-100 g-px-25 g-py-25"
|
||||
class="landing-block-node-card-container d-flex justify-content-center g-bg g-rounded-100 g-px-25 g-py-25 m-auto g-max-width-container"
|
||||
style="--bg: #edf7ff; gap: 13px; flex-wrap: wrap;"
|
||||
>
|
||||
<div
|
||||
style="max-width: 265px; width: 100%;"
|
||||
class="landing-block-node-card g-cursor-pointer">
|
||||
class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<a
|
||||
class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
|
||||
style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
|
||||
@ -33,8 +34,9 @@
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
style="max-width: 265px; width: 100%;"
|
||||
class="landing-block-node-card g-cursor-pointer">
|
||||
class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<a
|
||||
class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
|
||||
style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
|
||||
@ -51,8 +53,9 @@
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
style="max-width: 265px; width: 100%;"
|
||||
class="landing-block-node-card g-cursor-pointer">
|
||||
class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<a
|
||||
class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
|
||||
style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
|
||||
@ -69,8 +72,9 @@
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
style="max-width: 265px; width: 100%;"
|
||||
class="landing-block-node-card g-cursor-pointer">
|
||||
class="landing-block-node-card g-cursor-pointer d-flex g-max-width-265"
|
||||
style="width: 100%;"
|
||||
>
|
||||
<a
|
||||
class="landing-block-node-card-link g-flex-centered justify-content-start g-bg g-bg--hover g-color g-color--hover g-rounded-50 g-px-12 g-py-12 u-shadow-v20 g-font-size-16 g-font-weight-500 text-decoration-none g-transition-0_3 bg-hover color-hover"
|
||||
style="--bg: #ffffff; --bg-hover: var(--primary); --color: #333333; --color-hover: #ffffff;"
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_2_NAME"] = "Folien mit Symbol und Text in abgerundetem Rahmen";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_2_NAME"] = "Blöcke mit einem Icon und Text im abgerundeten Rahmen";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_BUTTON"] = "Schaltfläche";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD"] = "Folie";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE"] = "Folienüberschrift";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_2_NAME"] = "Tiles with icon and text in rounded frame";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_2_NAME"] = "Blocks with icon and text in rounded frame";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_BUTTON"] = "Button";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD"] = "Tile";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_2_NODE_CARD_TITLE"] = "Tile title";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_3_NAME"] = "Folien mit Überschrift und Bild";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_3_NAME"] = "Blöcke mit einer Überschrift und einem Bild";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD"] = "Folie";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD_TITLE"] = "Folienüberschrift";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CONTAINER"] = "Container";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_3_NAME"] = "Tiles with title and image";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_3_NAME"] = "Blocks with title and image";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD"] = "Tile";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CARD_TITLE"] = "Tile title";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_3_NODE_CONTAINER"] = "Container";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_4_NAME"] = "Folien mit Überschrift, Text und Farbleiste auf der linken Seite, alle in abgerundetem Rahmen";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_4_NAME"] = "Blöcke mit einer Überschrift, einem Text und einer Farbleiste links, alles im abgerundeten Rahmen";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD"] = "Folie";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINE"] = "Farbleiste";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINK"] = "Link";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_4_NAME"] = "Tiles with title, text and color bar on the left, all in rounded frame";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_4_NAME"] = "Blocks with title, text and color bar on the left, all in rounded frame";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD"] = "Tile";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINE"] = "Tile color bar";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_4_NODE_CARD_LINK"] = "Link";
|
||||
|
||||
@ -50,13 +50,17 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_TITLE'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-content-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_CARD_CONTAINER'),
|
||||
'type' => ['container-max-width', 'padding-left', 'padding-right'],
|
||||
],
|
||||
'.landing-block-node-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_TEXT'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_CARD'),
|
||||
'type' => ['background-color'],
|
||||
'type' => ['background-color', 'border-color', 'border-color-hover'],
|
||||
],
|
||||
'.landing-block-node-card-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE'),
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-30 g-bg g-cursor-default"
|
||||
style="--bg: #ffffff;"
|
||||
>
|
||||
<div class="g-px-25">
|
||||
<div class="landing-block-node-content-container g-pl-25 g-pr-25 m-auto g-max-width-container">
|
||||
<div class="landing-block-node-content g-mb-20">
|
||||
<div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6">
|
||||
Title
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Folien mit Bild und Überschrift unten";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Blöcke mit einem Bild und einer Überschrift unten";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD"] = "Folie";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_IMG"] = "Bild";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Link";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Folienüberschrift";
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Tiles with image and title at the bottom";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Blocks with image and title at the bottom";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD"] = "Tile";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_IMG"] = "Image";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Link";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Tile title";
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NAME"] = "Төменгі жағында суреті мен тақырыпаты бар карточкалар";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD"] = "Карточка";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_CONTAINER"] = "Контейнер";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_IMG"] = "Сурет";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK"] = "Сілтеме";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE"] = "Карточка тақырыпаты";
|
||||
|
||||
@ -6,3 +6,4 @@ $MESS['LANDING_BLOCK_WIDGET_70_6_NODE_TEXT'] = 'Текст';
|
||||
$MESS['LANDING_BLOCK_WIDGET_70_6_NODE_CARD_TITLE'] = 'Заголовок карточки';
|
||||
$MESS['LANDING_BLOCK_WIDGET_70_6_NODE_CARD_LINK'] = 'Ссылка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_70_6_NODE_CARD_IMG'] = 'Картинка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_70_6_NODE_CARD_CONTAINER'] = 'Контейнер';
|
||||
|
||||
@ -32,6 +32,10 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'),
|
||||
'type' => 'text',
|
||||
],
|
||||
'.landing-block-node-list-item-icon' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_ARROW'),
|
||||
'type' => 'icon',
|
||||
],
|
||||
'.landing-block-node-list-item-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'),
|
||||
'type' => 'text',
|
||||
@ -86,9 +90,9 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_TEXT'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-list-item-arrow' => [
|
||||
'.landing-block-node-list-item-icon' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_ARROW'),
|
||||
'type' => ['background-color-after', 'background-color-before'],
|
||||
'type' => ['color', 'font-size'],
|
||||
],
|
||||
'.landing-block-node-list-item-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_7_NODE_ITEM'),
|
||||
|
||||
@ -19,24 +19,24 @@
|
||||
</div>
|
||||
<ul class="landing-block-node-list g-mb-20 g-px-0">
|
||||
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
|
||||
<div
|
||||
class="landing-block-node-list-item-arrow g-mr-9 arrow arrow-1 g-pos-rel d-inline-block g-bg--after g-bg--before"
|
||||
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
|
||||
></div>
|
||||
<i
|
||||
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
|
||||
style="--color: var(--primary);"
|
||||
></i>
|
||||
<div class="landing-block-node-list-item-text g-font-size-16">Text 1</div>
|
||||
</li>
|
||||
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
|
||||
<div
|
||||
class="landing-block-node-list-item-arrow g-mr-9 arrow arrow-1 g-pos-rel d-inline-block g-bg--after g-bg--before"
|
||||
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
|
||||
></div>
|
||||
<i
|
||||
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
|
||||
style="--color: var(--primary);"
|
||||
></i>
|
||||
<div class="landing-block-node-list-item-text g-font-size-16">Text 2</div>
|
||||
</li>
|
||||
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
|
||||
<div
|
||||
class="landing-block-node-list-item-arrow g-mr-9 arrow arrow-1 g-pos-rel d-inline-block g-bg--after g-bg--before"
|
||||
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
|
||||
></div>
|
||||
<i
|
||||
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
|
||||
style="--color: var(--primary);"
|
||||
></i>
|
||||
<div class="landing-block-node-list-item-text g-font-size-16">Text 3</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -27,6 +27,10 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_SUBTITLE'),
|
||||
'type' => 'text',
|
||||
],
|
||||
'.landing-block-node-list-item-icon' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_STYLE_ARROW'),
|
||||
'type' => 'icon',
|
||||
],
|
||||
'.landing-block-node-list-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_CARD_TEXT'),
|
||||
'type' => 'text',
|
||||
@ -66,9 +70,9 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_NODE_CARD_TEXT'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-list-item-arrow' => [
|
||||
'.landing-block-node-list-item-icon' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_STYLE_ARROW'),
|
||||
'type' => ['background-color-before', 'background-color-after'],
|
||||
'type' => ['color', 'font-size'],
|
||||
],
|
||||
'.landing-block-node-button' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_8_STYLE_BUTTON'),
|
||||
|
||||
@ -17,38 +17,38 @@
|
||||
</div>
|
||||
<ul class="landing-block-node-list g-mb-15 g-px-0">
|
||||
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
|
||||
<div
|
||||
class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
|
||||
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
|
||||
></div>
|
||||
<i
|
||||
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
|
||||
style="--color: var(--primary);"
|
||||
></i>
|
||||
<div class="landing-block-node-list-text g-font-size-16">Text line 1</div>
|
||||
</li>
|
||||
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
|
||||
<div
|
||||
class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
|
||||
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
|
||||
></div>
|
||||
<i
|
||||
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
|
||||
style="--color: var(--primary);"
|
||||
></i>
|
||||
<div class="landing-block-node-list-text g-font-size-16">Text line 2</div>
|
||||
</li>
|
||||
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
|
||||
<div
|
||||
class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
|
||||
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
|
||||
></div>
|
||||
<i
|
||||
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
|
||||
style="--color: var(--primary);"
|
||||
></i>
|
||||
<div class="landing-block-node-list-text g-font-size-16">Text line 3</div>
|
||||
</li>
|
||||
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
|
||||
<div
|
||||
class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
|
||||
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
|
||||
></div>
|
||||
<i
|
||||
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
|
||||
style="--color: var(--primary);"
|
||||
></i>
|
||||
<div class="landing-block-node-list-text g-font-size-16">Text line 4</div>
|
||||
</li>
|
||||
<li class="landing-block-node-list-item g-pb-8 d-flex align-items-center" style="list-style: none;">
|
||||
<div
|
||||
class="landing-block-node-list-item-arrow g-bg g-mr-9 arrow arrow-1 g-bg--after g-bg--before g-pos-rel d-inline-block g-bg--after g-bg--before"
|
||||
style="--bg--before: var(--primary); --bg--after: var(--primary); width: 16px; height: 9px;"
|
||||
></div>
|
||||
<i
|
||||
class="landing-block-node-list-item-icon far fa-angle-down g-mr-9 g-font-size-25 g-color"
|
||||
style="--color: var(--primary);"
|
||||
></i>
|
||||
<div class="landing-block-node-list-text g-font-size-16">Text line 5</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -31,6 +31,14 @@ $return = [
|
||||
'type' => ['widget'],
|
||||
],
|
||||
'nodes' => [
|
||||
'.landing-block-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER'),
|
||||
'type' => ['container-max-width'],
|
||||
],
|
||||
'.landing-block-node-content' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER'),
|
||||
'type' => ['padding-left', 'padding-right'],
|
||||
],
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_TITLE'),
|
||||
'type' => ['typo'],
|
||||
@ -39,6 +47,10 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_TEXT'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-link-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER'),
|
||||
'type' => ['padding-left', 'padding-right'],
|
||||
],
|
||||
'.landing-block-node-link' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON'),
|
||||
'type' => ['background', 'color', 'background-hover', 'color-hover', 'font-family'],
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-40 g-bg-image g-cursor-default"
|
||||
style="--bg-url: url('https://cdn.bitrix24.site/bitrix/images/landing/bg/bg_70_9.jpg'); --bg-overlay: hsla(0, 0%, 0%, 0); --bg-size: cover; --bg-attachment: scroll; --bg-url-2x: url('https://cdn.bitrix24.site/bitrix/images/landing/bg/bg_70_9.jpg');"
|
||||
>
|
||||
<div class="g-px-25">
|
||||
<div class="landing-block-container g-px-25 m-auto">
|
||||
<div class="landing-block-node-content g-mb-20">
|
||||
<div class="landing-block-node-title g-color-main g-font-size-25 g-font-weight-600 g-mb-6">
|
||||
Title
|
||||
@ -11,6 +11,7 @@
|
||||
Description of the block
|
||||
</div>
|
||||
</div>
|
||||
<div class="landing-block-node-link-container" style="display: inline-flex">
|
||||
<a
|
||||
class="landing-block-node-link g-mb-9 g-pt-8 g-pb-8 g-px-20 g-rounded-10 text-center btn g-font-size-16 g-font-weight-500 g-color g-bg g-color--hover g-bg--hover"
|
||||
style="--color: #0253C8; --bg: #E6F4FF; --color-hover: #ffffff; --bg-hover: var(--primary);"
|
||||
@ -20,4 +21,5 @@
|
||||
Button
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NAME"] = "Überschrift mit Text, Schaltfläche und Hintergrundbild";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON"] = "Schaltfläche";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_LINK"] = "Link";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Text";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Überschrift";
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NAME"] = "Title with text, button and background image";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON"] = "Button";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_LINK"] = "Link";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Text";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Title";
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NAME"] = "Фондық суретте батырмасы мен мәтіні бар тақырыпаты";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON"] = "батырма";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER"] = "Контейнер";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_LINK"] = "Сілтеме";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TEXT"] = "Мәтін";
|
||||
$MESS["LANDING_BLOCK_WIDGET_70_9_NODE_TITLE"] = "Тақырыпаты";
|
||||
|
||||
@ -3,4 +3,5 @@ $MESS['LANDING_BLOCK_WIDGET_70_9_NAME'] = 'Заголовок с текстом
|
||||
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_TITLE'] = 'Заголовок';
|
||||
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_TEXT'] = 'Текст';
|
||||
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_LINK'] = 'Ссылка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON'] = 'кнопка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_BUTTON'] = 'Кнопка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_70_9_NODE_CONTAINER'] = 'Контейнер';
|
||||
|
||||
@ -11,7 +11,6 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NAME'),
|
||||
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
|
||||
'section' => ['columns', 'widgets_columns'],
|
||||
'system' => true,
|
||||
],
|
||||
'cards' => [
|
||||
'.landing-block-node-card' => [
|
||||
@ -28,14 +27,14 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'),
|
||||
'type' => 'text',
|
||||
],
|
||||
'.landing-block-node-img' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_IMG'),
|
||||
'type' => 'img',
|
||||
],
|
||||
'.landing-block-node-info-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'),
|
||||
'type' => 'text',
|
||||
],
|
||||
'.landing-block-node-img' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_IMG'),
|
||||
'type' => 'img',
|
||||
],
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_CARD'),
|
||||
'type' => 'link',
|
||||
@ -74,9 +73,13 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-img-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER'),
|
||||
'type' => ['background-color'],
|
||||
],
|
||||
'.landing-block-node-card-tab' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_BADGE'),
|
||||
'type' => ['background-color'],
|
||||
'type' => ['background-color', 'color'],
|
||||
],
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_1_NODE_CARD'),
|
||||
|
||||
@ -1,29 +1,34 @@
|
||||
<section
|
||||
class="landing-block g-bg g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default"
|
||||
style="--bg: rgba(0, 0, 0, .5);"
|
||||
class="landing-block g-bg-image g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default"
|
||||
style="--bg-url: url('https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-1-bg.jpg'); --bg-url-2x: url('https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-1-bg.jpg'); --bg-overlay: hsla(0, 0%, 0%, 0.5); --bg-size: cover; --bg-attachment: scroll;"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="row no-gutters">
|
||||
<div class="col">
|
||||
<div
|
||||
class="landing-block-node-title g-color g-font-weight-600 g-font-size-25 g-mb-20 text-center"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-title g-color g-font-weight-600 g-mb-25"
|
||||
style="--color: #ffffff; font-size: 49px;"
|
||||
>
|
||||
Block title
|
||||
</div>
|
||||
<div class="d-flex justify-content-between g-mb-35">
|
||||
<div
|
||||
class="landing-block-node-text g-color g-font-weight-300 g-font-size-20 g-mb-65 text-center"
|
||||
class="landing-block-node-text g-color g-font-weight-300 g-font-size-20 g-mr-10 text-center"
|
||||
style="--color: #ffffff;"
|
||||
>
|
||||
Block subtitle
|
||||
</div>
|
||||
<div class="d-flex g-mb-40">
|
||||
<div class="d-flex">
|
||||
<div
|
||||
class="landing-block-node-img-container g-rounded-50 g-bg g-mr-10"
|
||||
style="display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; --bg: hsla(0, 0%, 29%, 0.3);"
|
||||
>
|
||||
<img
|
||||
class="landing-block-node-img my-auto g-mr-30"
|
||||
style="width: 56px; height: 56px;"
|
||||
src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-1.png"
|
||||
class="landing-block-node-img my-auto g-rounded-50x"
|
||||
style="width: 47px; height: 47px;"
|
||||
src="https://cdn.bitrix24.site/bitrix/images/landing/business/200x200/img7.jpg"
|
||||
alt=""
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-info-text g-font-size-20 g-font-weight-500 g-color"
|
||||
style="--color: #ffffff; max-width: 450px;"
|
||||
@ -31,102 +36,103 @@
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); align-items: end;">
|
||||
<a
|
||||
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 text-center"
|
||||
style="position: relative; border: 1px solid rgb(0, 117, 255); height: fit-content;"
|
||||
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg g-bg--hover g-text-decoration-none--hover"
|
||||
style="position: relative; border: 1px solid rgba(255, 255, 255, 0.4); height: fit-content; --bg: rgba(255, 255, 255, 0.1); --bg-hover: hsla(0, 0%, 100%, 0.2); transition: background .3s; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);"
|
||||
>
|
||||
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;">
|
||||
<div style="position: absolute; top: -34px; left: 0; height: fit-content;">
|
||||
<div
|
||||
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-bg"
|
||||
style="--color: #ffffff; --bg: #0275FF; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;"
|
||||
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-bg g-font-size-12"
|
||||
style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
|
||||
>
|
||||
Level 1
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
|
||||
style="--color: #ffffff;"
|
||||
>
|
||||
Title 1
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #ffffff;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 text-center"
|
||||
style="position: relative; border: 1px solid rgb(47, 198, 246); height: fit-content;"
|
||||
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg g-bg--hover g-text-decoration-none--hover"
|
||||
style="position: relative; border: 1px solid rgba(255, 255, 255, 0.4); height: fit-content; --bg: rgba(255, 255, 255, 0.1); --bg-hover: hsla(0, 0%, 100%, 0.2); transition: background .3s; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);"
|
||||
>
|
||||
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;">
|
||||
<div style="position: absolute; top: -34px; left: 0; height: fit-content;">
|
||||
<div
|
||||
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-bg"
|
||||
style="--color: #ffffff; --bg: #30C6F6; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;"
|
||||
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-bg g-font-size-12"
|
||||
style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
|
||||
>
|
||||
Level 2
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
|
||||
style="--color: #ffffff;"
|
||||
>
|
||||
Title 2
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #ffffff;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 text-center"
|
||||
style="position: relative; border: 1px solid rgb(255, 169, 0); height: fit-content;"
|
||||
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg g-bg--hover g-text-decoration-none--hover"
|
||||
style="position: relative; border: 1px solid rgba(255, 255, 255, 0.4); height: fit-content; --bg: rgba(255, 255, 255, 0.1); --bg-hover: hsla(0, 0%, 100%, 0.2); transition: background .3s; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);"
|
||||
>
|
||||
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;">
|
||||
<div style="position: absolute; top: -34px; left: 0; height: fit-content;">
|
||||
<div
|
||||
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-bg"
|
||||
style="--color: #ffffff; --bg: #FFA900; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;"
|
||||
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-bg g-font-size-12"
|
||||
style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
|
||||
>
|
||||
Level 3
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600 g-font-size-17"
|
||||
style="--color: #ffffff;"
|
||||
>
|
||||
Title 3
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #ffffff;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 text-center"
|
||||
style="position: relative; border: 1px solid rgb(255, 87, 82); height: fit-content;"
|
||||
class="landing-block-node-card g-mt-35 g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg g-bg--hover g-text-decoration-none--hover"
|
||||
style="position: relative; border: 1px solid rgba(255, 255, 255, 0.4); height: fit-content; --bg: rgba(255, 255, 255, 0.1); --bg-hover: hsla(0, 0%, 100%, 0.2); transition: background .3s; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);"
|
||||
>
|
||||
<div style="position: absolute; bottom: 100%; left: 25px; height: fit-content;">
|
||||
<div style="position: absolute; top: -34px; left: 0; height: fit-content;">
|
||||
<div
|
||||
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-bg"
|
||||
style="--color: #ffffff; --bg: #FF5752; border-radius: 10px 10px 0 0; height: fit-content; min-height: 35px;"
|
||||
class="landing-block-node-card-tab d-flex align-items-center g-pl-25 g-pr-25 g-color g-bg g-font-size-12"
|
||||
style="--color: #ffffff; --bg: var(--primary); border-radius: 22px; height: fit-content; min-height: 22px;"
|
||||
>
|
||||
Level 4
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-weight-600 g-font-size-17"
|
||||
style="--color: #ffffff;"
|
||||
>
|
||||
Title 4
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #ffffff;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
@ -135,6 +141,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NAME"] = "Textblock: eine Überschrift, ein Untertitel, 4 Textkacheln und ein Icon links, alles mit einem dunklen Hintergrund";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_BADGE"] = "Kachel-Tab";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_BADGE"] = "Kachel-Tab:";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD"] = "Kachel";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = "Kacheltext";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = "Kachelüberschrift";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = "Bild";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Text";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Überschrift";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = "Kacheltext:";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = "Kachelüberschrift:";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = "Bild:";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER"] = "Kontur";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Text:";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Überschrift:";
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NAME"] = "Text block: a title, a subtitle, 4 text tiles and an icon on the left, all on a dark background";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_BADGE"] = "Tile tab";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_BADGE"] = "Tile tab:";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD"] = "Tile";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = "Tile text";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = "Tile title";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = "Image";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Text";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Title";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = "Tile text:";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = "Tile title:";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = "Image:";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER"] = "Stroke";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Text:";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Title:";
|
||||
|
||||
@ -5,5 +5,6 @@ $MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD"] = " Карточка";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TEXT"] = " Карточка мәтіні ";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE"] = " Карточка тақырыпаты";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG"] = " Сурет";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER"] = "Жақтау";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TEXT"] = "Мәтін";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_1_NODE_TITLE"] = "Тақырыпаты";
|
||||
|
||||
@ -3,6 +3,7 @@ $MESS['LANDING_BLOCK_WIDGET_71_1_NAME'] = 'Текстовый блок на те
|
||||
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_TITLE'] = 'Заголовок';
|
||||
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_TEXT'] = 'Текст';
|
||||
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_CARD'] = 'Карточка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_IMG_CONTAINER'] = 'Рамка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_IMG'] = 'Картинка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_BADGE'] = 'Бейдж';
|
||||
$MESS['LANDING_BLOCK_WIDGET_71_1_NODE_CARD_TITLE'] = 'Заголовок карточки';
|
||||
|
||||
@ -11,7 +11,6 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_2_NAME'),
|
||||
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
|
||||
'section' => ['columns', 'widgets_columns'],
|
||||
'system' => true,
|
||||
],
|
||||
'cards' => [
|
||||
'.landing-block-node-card' => [
|
||||
|
||||
@ -10,188 +10,158 @@
|
||||
>
|
||||
Block title
|
||||
</div>
|
||||
<div class="landing-block-node-card-box d-grid-71-2">
|
||||
<div style="gap: 20px; flex-wrap: wrap;" class="landing-block-node-card-box d-flex justify-content-between">
|
||||
<!-- card 1-->
|
||||
<div
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 210px; max-width: calc(33% - 10px); overflow: hidden;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
|
||||
style="--bg: #1E86FF; --color: #ffffff;"
|
||||
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
|
||||
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
|
||||
>
|
||||
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
|
||||
style="top: -250px; left: -230px; width: 300px; height: 300px;"
|
||||
>
|
||||
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
|
||||
<div class="landing-block-node-card-icon fa fa-envelope"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
|
||||
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- card 2-->
|
||||
<div
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg g-pos-rel"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 210px; max-width: calc(33% - 10px); overflow: hidden;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
|
||||
style="--bg: #1E86FF; --color: #ffffff;"
|
||||
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
|
||||
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
|
||||
>
|
||||
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div
|
||||
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
|
||||
style="top: -250px; left: -230px; width: 300px; height: 300px;"
|
||||
>
|
||||
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
|
||||
<div class="landing-block-node-card-icon fa fa-check"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
|
||||
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- card 3-->
|
||||
<div
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg g-pos-rel"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 210px; max-width: calc(33% - 10px); overflow: hidden;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
|
||||
style="--bg: #1E86FF; --color: #ffffff;"
|
||||
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
|
||||
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
|
||||
>
|
||||
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
|
||||
style="top: -250px; left: -230px; width: 300px; height: 300px;"
|
||||
>
|
||||
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
|
||||
<div class="landing-block-node-card-icon fa fa-phone"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
|
||||
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- card 4-->
|
||||
<div
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg g-pos-rel"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; max-width: calc(33% - 10px); overflow: hidden;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
|
||||
style="--bg: #1E86FF; --color: #ffffff;"
|
||||
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
|
||||
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
|
||||
>
|
||||
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
|
||||
style="top: -250px; left: -230px; width: 300px; height: 300px;"
|
||||
>
|
||||
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
|
||||
<div class="landing-block-node-card-icon fa fa-envelope"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
|
||||
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- card 5-->
|
||||
<div
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg g-pos-rel"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; max-width: calc(33% - 10px); overflow: hidden;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
|
||||
style="--bg: #1E86FF; --color: #ffffff;"
|
||||
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
|
||||
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
|
||||
>
|
||||
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
|
||||
style="top: -250px; left: -230px; width: 300px; height: 300px;"
|
||||
>
|
||||
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
|
||||
<div class="landing-block-node-card-icon fa fa-check"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
|
||||
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- card 6-->
|
||||
<div
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-35 g-pb-35 g-rounded-10 text-center g-bg g-pos-rel"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden;"
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-20 g-pb-20 g-rounded-10 g-bg d-flex"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; max-width: calc(33% - 10px); overflow: hidden;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge g-bg g-color g-pos-rel"
|
||||
style="--bg: #1E86FF; --color: #ffffff;"
|
||||
class="landing-block-node-card-badge g-bg g-color g-rounded-50 g-mr-20"
|
||||
style="--bg: var(--primary); --color: #ffffff; display: inline-flex; justify-content: center; align-items: center; min-width: 50px; height: 50px;"
|
||||
>
|
||||
<div class="landing-block-node-card-icon fa fa-check" style="font-size: 28px;"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
class="d-flex align-items-center g-rounded-100 g-font-size-46 g-bg-inherit g-color-inherit g-pos-abs"
|
||||
style="top: -250px; left: -230px; width: 300px; height: 300px;"
|
||||
>
|
||||
<div class="g-pos-abs" style="right: 33px; bottom: 20px; opacity: .8;">
|
||||
<div class="landing-block-node-card-icon fa fa-phone"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-15 g-color g-font-size-20 g-font-weight-600"
|
||||
style="--color: #000000; margin: 0 auto; max-width: 230px; min-height: 45px;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
@ -200,4 +170,5 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -11,12 +11,11 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NAME'),
|
||||
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
|
||||
'section' => ['columns', 'widgets_columns'],
|
||||
'system' => true,
|
||||
],
|
||||
'cards' => [
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_CARD'),
|
||||
'label' => ['.landing-block-node-item-title'],
|
||||
'label' => ['.landing-block-node-card-title'],
|
||||
],
|
||||
],
|
||||
'nodes' => [
|
||||
@ -60,7 +59,7 @@ $return = [
|
||||
'nodes' => [
|
||||
'.landing-block-node-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_ELEMENT'),
|
||||
'type' => ['background-color'],
|
||||
'type' => ['container-max-width', 'background-color', 'padding-top', 'padding-bottom'],
|
||||
],
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_TITLE'),
|
||||
@ -72,15 +71,19 @@ $return = [
|
||||
],
|
||||
'.landing-block-node-tab' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_BADGE'),
|
||||
'type' => ['display-element', 'background-color', 'typo'],
|
||||
'type' => ['display-element', 'background-color', 'border-color', 'typo'],
|
||||
],
|
||||
'.landing-block-node-card-box' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_ELEMENT'),
|
||||
'type' => ['background-color'],
|
||||
],
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_CARD'),
|
||||
'type' => ['border-color', 'background-color', 'border-color-hover', 'background-hover'],
|
||||
'type' => ['border-color', 'background-color', 'border-color-hover', 'background-hover', 'paddings'],
|
||||
],
|
||||
'.landing-block-node-card-badge' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_CARD_BADGE'),
|
||||
'type' => ['background-color'],
|
||||
'type' => ['display-element', 'background-color', 'color'],
|
||||
],
|
||||
'.landing-block-node-card-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_3_NODE_CARD_TITLE'),
|
||||
@ -92,6 +95,9 @@ $return = [
|
||||
],
|
||||
],
|
||||
],
|
||||
'assets' => [
|
||||
'ext' => ['landing_carousel'],
|
||||
],
|
||||
];
|
||||
|
||||
return $return;
|
||||
@ -1,39 +1,89 @@
|
||||
<section
|
||||
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel"
|
||||
style="z-index: 3;"
|
||||
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel g-bg"
|
||||
style="--bg: #ffffff; z-index: 3;"
|
||||
>
|
||||
<div class="landing-block-node-container row g-pt-35 g-pb-40 g-rounded-20 g-pos-rel m-auto g-max-width-container">
|
||||
<div
|
||||
class="landing-block-node-container row g-pt-30 g-pb-35 g-rounded-20 g-pos-rel g-bg"
|
||||
style="--bg: #E7F5FF;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-font-size-18 g-pos-abs g-bg"
|
||||
style="--color: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #0077ff; z-index: -1;"
|
||||
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-pos-abs g-bg g-font-size-12 g-brd-1 g-brd-style-solid g-border-color"
|
||||
style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
|
||||
>
|
||||
Level 1
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="d-flex align-items-start justify-content-between g-mb-30">
|
||||
<div
|
||||
class="landing-block-node-title g-font-weight-600 g-font-size-25 g-mb-15 g-line-height-1 g-color g-mb-5"
|
||||
class="landing-block-node-title g-font-weight-600 g-font-size-33 g-line-height-1 g-color g-mb-5"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Block title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-subtitle g-font-size-20 g-color g-mb-30 g-line-height-1"
|
||||
class="landing-block-node-subtitle g-font-size-15 g-color g-line-height-1"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Block subtitle
|
||||
</div>
|
||||
<div class="landing-block-node-card-box d-grid-71-3">
|
||||
<a
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-60 g-pb-20 g-rounded-10 text-center g-border-color--hover g-bg g-pos-rel"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden; border: 1px solid transparent; transition: border .3s; --border-color--hover: #5085FB;"
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-box g-pl-30 g-pr-30 g-pt-30 g-pb-10 g-bg g-rounded-10"
|
||||
style="--bg: #F1F4F9;"
|
||||
>
|
||||
<div class="">
|
||||
<div
|
||||
data-slider-autoplay="1"
|
||||
data-slider-autoplay-speed="3000"
|
||||
data-slider-slides-show="4"
|
||||
data-slider-arrows="8"
|
||||
data-slider-dots="0"
|
||||
data-slider-animation="1"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-font-weight-600 g-color g-bg g-pos-abs"
|
||||
style="--color: #ffffff; --bg: #2EC6F6; top: 15px; left: 0; min-width: 104px; height: 30px; border-radius: 0 10px 10px 0; box-sizing: border-box;"
|
||||
class="landing-block-node-carousel js-carousel row"
|
||||
data-autoplay="true"
|
||||
data-pause-hover="true"
|
||||
data-infinite="true"
|
||||
data-slides-show="4"
|
||||
data-arrows-classes="u-arrow-v1 g-absolute-centered--y g-width-35 g-height-35 g-font-size-25 g-transition-0_2 g-transition--ease-in"
|
||||
data-arrow-left-classes="fa fa-angle-left g-left-minus-35"
|
||||
data-arrow-right-classes="fa fa-angle-right g-right-minus-35"
|
||||
data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-pt-10"
|
||||
data-responsive='[{
|
||||
"breakpoint": 1200,
|
||||
"settings": {
|
||||
"slidesToShow": 4
|
||||
}
|
||||
}, {
|
||||
"breakpoint": 992,
|
||||
"settings": {
|
||||
"slidesToShow": 4
|
||||
}
|
||||
}, {
|
||||
"breakpoint": 768,
|
||||
"settings": {
|
||||
"slidesToShow": 2
|
||||
}
|
||||
}, {
|
||||
"breakpoint": 576,
|
||||
"settings": {
|
||||
"slidesToShow": 2
|
||||
}
|
||||
}]'
|
||||
data-init-classes-exclude='[{
|
||||
"selector": ".landing-block-node-card",
|
||||
"class": "col-6 col-sm-4 col-lg-2"
|
||||
}, {
|
||||
"selector": ".js-carousel",
|
||||
"class": "row"
|
||||
}]'
|
||||
>
|
||||
<a
|
||||
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
|
||||
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
|
||||
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
|
||||
>
|
||||
Badge
|
||||
</div>
|
||||
@ -44,19 +94,19 @@
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-60 g-pb-20 g-rounded-10 text-center g-border-color--hover g-bg g-pos-rel"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden; border: 1px solid transparent; transition: border .3s; --border-color--hover: #5085FB;"
|
||||
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
|
||||
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-font-weight-600 g-color g-bg g-pos-abs"
|
||||
style="--color: #ffffff; --bg: #9DCE02; top: 15px; left: 0; min-width: 104px; height: 30px; border-radius: 0 10px 10px 0; box-sizing: border-box;"
|
||||
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
|
||||
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
|
||||
>
|
||||
Badge
|
||||
</div>
|
||||
@ -67,19 +117,19 @@
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-60 g-pb-20 g-rounded-10 text-center g-border-color--hover g-bg g-pos-rel"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden; border: 1px solid transparent; transition: border .3s; --border-color--hover: #5085FB;"
|
||||
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
|
||||
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-font-weight-600 g-color g-bg g-pos-abs"
|
||||
style="--color: #ffffff; --bg: #FEA805; top: 15px; left: 0; min-width: 104px; height: 30px; border-radius: 0 10px 10px 0; box-sizing: border-box;"
|
||||
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
|
||||
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
|
||||
>
|
||||
Badge
|
||||
</div>
|
||||
@ -90,19 +140,19 @@
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
class="landing-block-node-card g-pl-20 g-pr-20 g-pt-60 g-pb-20 g-rounded-10 text-center g-border-color--hover g-bg g-pos-rel"
|
||||
style="--bg: #ffffff; box-shadow: 0 7px 6px 3px rgba(0, 0, 0, .05); min-height: 205px; overflow: hidden; border: 1px solid transparent; transition: border .3s; --border-color--hover: #5085FB;"
|
||||
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
|
||||
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-font-weight-600 g-color g-bg g-pos-abs"
|
||||
style="--color: #ffffff; --bg: #FF5753; top: 15px; left: 0; min-width: 104px; height: 30px; border-radius: 0 10px 10px 0; box-sizing: border-box;"
|
||||
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
|
||||
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
|
||||
>
|
||||
Badge
|
||||
</div>
|
||||
@ -113,12 +163,61 @@
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
|
||||
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
|
||||
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
|
||||
>
|
||||
Badge
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-5 g-color g-font-size-17 g-font-weight-600"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
class="landing-block-node-card js-slide g-mx-10 g-mb-20 g-pl-20 g-pr-20 g-pt-40 g-pb-20 g-rounded-10 g-border-color--hover g-bg g-pos-rel u-shadow-custom-v3 g-text-decoration-none--hover"
|
||||
style="--bg: #ffffff; min-height: 205px; border: 1px solid transparent; transition: all .3s ease; --border-color: var(--primary-opacity-0); --border-color--hover: var(--primary-opacity-0);"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-badge d-flex justify-content-center align-items-center g-pl-10 g-pr-10 g-font-size-12 g-color g-bg g-pos-abs"
|
||||
style="--color: #000; --bg: var(--primary-opacity-0_3); top: -1px; left: -3px; min-width: 105px; height: 26px; border-radius: 12px 0 22px 0; box-sizing: border-box;"
|
||||
>
|
||||
Badge
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-5 g-color g-font-size-17 g-font-weight-600"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color g-font-size-13"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -11,7 +11,6 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NAME'),
|
||||
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
|
||||
'section' => ['columns', 'widgets_columns'],
|
||||
'system' => true,
|
||||
],
|
||||
'cards' => [
|
||||
'.landing-block-node-card' => [
|
||||
@ -60,7 +59,7 @@ $return = [
|
||||
'nodes' => [
|
||||
'.landing-block-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CONTAINER'),
|
||||
'type' => ['background-color'],
|
||||
'type' => ['background-color', 'padding-top', 'padding-bottom'],
|
||||
],
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_TITLE'),
|
||||
@ -72,10 +71,10 @@ $return = [
|
||||
],
|
||||
'.landing-block-node-card-tab' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_BADGE'),
|
||||
'type' => ['display-element', 'background-color', 'typo'],
|
||||
'type' => ['display-element', 'background-color', 'border-color', 'typo'],
|
||||
],
|
||||
'.landing-block-node-card-head' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TOP'),
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD'),
|
||||
'type' => ['background-color'],
|
||||
],
|
||||
'.landing-block-node-card-title' => [
|
||||
@ -86,21 +85,21 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TEXT'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-card-main' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_BOTTOM'),
|
||||
'type' => ['background-color'],
|
||||
],
|
||||
'.landing-block-node-card-subtitle' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TITLE'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-card-list-item' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_LIST_ITEM'),
|
||||
'.landing-block-node-card-list' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_TEXT'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-card-btn' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CARD_BUTTON'),
|
||||
'type' => ['button-type', 'color', 'color-hover', 'background-color', 'background-color-hover'],
|
||||
'type' => ['color', 'color-hover', 'background-color', 'background-color-hover'],
|
||||
],
|
||||
'.landing-block-node-card-main' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_4_NODE_CONTAINER'),
|
||||
'type' => ['padding-top', 'padding-bottom'],
|
||||
],
|
||||
],
|
||||
],
|
||||
|
||||
@ -1,79 +1,78 @@
|
||||
<section
|
||||
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel"
|
||||
style="z-index: 3;"
|
||||
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel g-bg"
|
||||
style="--bg: #EDF1F7; z-index: 3;"
|
||||
>
|
||||
<div class="landing-block-container row g-pt-40 g-pb-35 g-rounded-20 g-pos-rel">
|
||||
<div
|
||||
class="landing-block-container row g-pt-30 g-pb-35 g-rounded-20 g-pos-rel g-bg"
|
||||
style="--bg: #f6fcfe;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-font-size-18 g-pos-abs g-bg"
|
||||
style="--color: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #2fc6f6; z-index: -1;"
|
||||
class="landing-block-node-card-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-pos-abs g-bg g-font-size-12 g-brd-1 g-brd-style-solid g-border-color"
|
||||
style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
|
||||
>
|
||||
Level 2
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="d-flex align-items-start justify-content-between g-mb-30">
|
||||
<div
|
||||
class="landing-block-node-title g-font-weight-600 g-font-size-25 g-mb-15 g-line-height-1 g-color g-mb-5"
|
||||
class="landing-block-node-title g-font-weight-600 g-font-size-33 g-line-height-1 g-color g-mb-5"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Block title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-subtitle g-font-size-20 g-color g-mb-30 g-line-height-1"
|
||||
class="landing-block-node-subtitle g-font-size-15 g-color g-line-height-1"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Block subtitle
|
||||
</div>
|
||||
<div class="landing-block-node-card-box d-grid-71-4">
|
||||
<!-- card 1 -->
|
||||
<div class="landing-block-node-card text-center">
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-head g-mb-4 g-pl-20 g-pr-20 g-pt-10 g-pb-10 g-bg"
|
||||
style="--bg: #2fc6f6; border-radius: 10px 10px 0 0;"
|
||||
class="landing-block-node-card-box d-flex justify-content-between"
|
||||
style="gap: 8px; flex-wrap: wrap;"
|
||||
>
|
||||
<!-- card 1 -->
|
||||
<div
|
||||
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card d-flex flex-column g-rounded-10 g-bg g-pl-25 g-pr-25 g-pt-25 g-pb-25"
|
||||
style="--bg: #fff; box-shadow: 1px 1px 9.6px 0 rgba(189, 189, 189, 0.2); max-width: calc(33% - 8px);"
|
||||
>
|
||||
<div class="landing-block-node-card-head g-mb-18 g-flex-centered-item">
|
||||
<div
|
||||
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1 g-mb-5"
|
||||
style="--color: #151515;"
|
||||
>
|
||||
Title 1
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-text g-color g-pb-18"
|
||||
style="--color: rgba(21, 21, 21, .5);"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30 g-bg"
|
||||
style="--bg: #2fc6f6; border-radius: 0 0 10px 10px;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-13 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #151515;"
|
||||
>
|
||||
Title 2
|
||||
</div>
|
||||
<ul
|
||||
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0 g-font-size-13"
|
||||
style="--color: #151515;"
|
||||
>
|
||||
<li class="g-mb-15">
|
||||
<li class="g-mb-12">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</li>
|
||||
<li class="g-mb-15">
|
||||
<li class="g-mb-12">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</li>
|
||||
<li class="g-mb-15">
|
||||
<li class="g-mb-12">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30">
|
||||
<div class="d-flex justify-content-center">
|
||||
<a
|
||||
class="landing-block-node-card-btn btn d-flex align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-outline g-button-color g-bg--hover g-color--hover"
|
||||
style="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: #2fc6f6; height: 35px; transition: background .3s, color .3s;"
|
||||
class="landing-block-node-card-btn btn d-flex justify-content-center align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-solid g-bg g-color g-bg--hover g-color--hover"
|
||||
style="min-width: 75%; --bg: var(--primary); --color: #ffffff; --bg-hover: var(--primary); --color-hover: #ffffff; height: 35px; transition: background .3s, color .3s;"
|
||||
>
|
||||
Button text
|
||||
</a>
|
||||
@ -81,52 +80,49 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- card 2 -->
|
||||
<div class="landing-block-node-card text-center">
|
||||
<div
|
||||
class="landing-block-node-card-head g-mb-4 g-pl-20 g-pr-20 g-pt-10 g-pb-10 g-bg"
|
||||
style="--bg: #2fc6f6; border-radius: 10px 10px 0 0;"
|
||||
class="landing-block-node-card d-flex flex-column g-rounded-10 g-bg g-pl-25 g-pr-25 g-pt-25 g-pb-25"
|
||||
style="--bg: #fff; box-shadow: 1px 1px 9.6px 0 rgba(189, 189, 189, 0.2); max-width: calc(33% - 8px);"
|
||||
>
|
||||
<div class="landing-block-node-card-head g-mb-18 g-flex-centered-item">
|
||||
<div
|
||||
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1 g-mb-5"
|
||||
style="--color: #151515;"
|
||||
>
|
||||
Title 1
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-text g-color g-pb-18"
|
||||
style="--color: rgba(21, 21, 21, .5);"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30 g-bg"
|
||||
style="--bg: #2fc6f6; border-radius: 0 0 10px 10px;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-13 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #151515;"
|
||||
>
|
||||
Title 2
|
||||
</div>
|
||||
<ul
|
||||
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0 g-font-size-13"
|
||||
style="--color: #151515;"
|
||||
>
|
||||
<li class="g-mb-15">
|
||||
<li class="g-mb-12">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</li>
|
||||
<li class="g-mb-15">
|
||||
<li class="g-mb-12">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</li>
|
||||
<li class="g-mb-15">
|
||||
<li class="g-mb-12">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30">
|
||||
<div class="d-flex justify-content-center">
|
||||
<a
|
||||
class="landing-block-node-card-btn btn d-flex align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-outline g-button-color g-bg--hover g-color--hover"
|
||||
style="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: #2fc6f6; height: 35px; transition: background .3s, color .3s;"
|
||||
class="landing-block-node-card-btn btn d-flex justify-content-center align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-solid g-bg g-color g-bg--hover g-color--hover"
|
||||
style="min-width: 75%; --bg: var(--primary); --color: #ffffff; --bg-hover: var(--primary); --color-hover: #ffffff; height: 35px; transition: background .3s, color .3s;"
|
||||
>
|
||||
Button text
|
||||
</a>
|
||||
@ -134,52 +130,49 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- card 3 -->
|
||||
<div class="landing-block-node-card text-center">
|
||||
<div
|
||||
class="landing-block-node-card-head g-mb-4 g-pl-20 g-pr-20 g-pt-10 g-pb-10 g-bg"
|
||||
style="--bg: #2fc6f6; border-radius: 10px 10px 0 0;"
|
||||
class="landing-block-node-card d-flex flex-column g-rounded-10 g-bg g-pl-25 g-pr-25 g-pt-25 g-pb-25"
|
||||
style="--bg: #fff; box-shadow: 1px 1px 9.6px 0 rgba(189, 189, 189, 0.2); max-width: calc(33% - 8px);"
|
||||
>
|
||||
<div class="landing-block-node-card-head g-mb-18 g-flex-centered-item">
|
||||
<div
|
||||
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-title g-color g-font-size-20 g-font-weight-600 g-line-height-1 g-mb-5"
|
||||
style="--color: #151515;"
|
||||
>
|
||||
Title 1
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-color"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-text g-color g-pb-18"
|
||||
style="--color: rgba(21, 21, 21, .5);"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30 g-bg"
|
||||
style="--bg: #2fc6f6; border-radius: 0 0 10px 10px;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-subtitle g-mb-15 g-color g-font-size-13 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #151515;"
|
||||
>
|
||||
Title 2
|
||||
</div>
|
||||
<ul
|
||||
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-list g-pl-20 g-ml-0 text-left g-color g-pb-15 g-mb-0 g-font-size-13"
|
||||
style="--color: #151515;"
|
||||
>
|
||||
<li class="g-mb-15">
|
||||
<li class="g-mb-12">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</li>
|
||||
<li class="g-mb-15">
|
||||
<li class="g-mb-12">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</li>
|
||||
<li class="g-mb-15">
|
||||
<li class="g-mb-12">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="landing-block-node-card-main g-pl-20 g-pr-20 g-pt-15 g-pb-30">
|
||||
<div class="d-flex justify-content-center">
|
||||
<a
|
||||
class="landing-block-node-card-btn btn d-flex align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-outline g-button-color g-bg--hover g-color--hover"
|
||||
style="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: #2fc6f6; height: 35px; transition: background .3s, color .3s;"
|
||||
class="landing-block-node-card-btn btn d-flex justify-content-center align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-btn-type-solid g-bg g-color g-bg--hover g-color--hover"
|
||||
style="min-width: 75%; --bg: var(--primary); --color: #ffffff; --bg-hover: var(--primary); --color-hover: #ffffff; height: 35px; transition: background .3s, color .3s;"
|
||||
>
|
||||
Button text
|
||||
</a>
|
||||
|
||||
@ -11,7 +11,6 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NAME'),
|
||||
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
|
||||
'section' => ['columns', 'widgets_columns'],
|
||||
'system' => true,
|
||||
],
|
||||
'cards' => [
|
||||
'.landing-block-node-card' => [
|
||||
@ -56,7 +55,7 @@ $return = [
|
||||
'nodes' => [
|
||||
'.landing-block-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NODE_CONTAINER'),
|
||||
'type' => ['background'],
|
||||
'type' => ['background-color', 'padding-top', 'padding-bottom'],
|
||||
],
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NODE_TITLE'),
|
||||
@ -72,7 +71,11 @@ $return = [
|
||||
],
|
||||
'.landing-block-node-tab' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NODE_BADGE'),
|
||||
'type' => ['display-element', 'background-color', 'typo'],
|
||||
'type' => ['display-element', 'background-color', 'border-color', 'typo'],
|
||||
],
|
||||
'.landing-block-node-carousel-box' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NODE_CONTAINER'),
|
||||
'type' => ['background-color'],
|
||||
],
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_5_NODE_CARD'),
|
||||
|
||||
@ -2,41 +2,44 @@
|
||||
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-bg g-pos-rel"
|
||||
style="z-index: 3; --bg: #ffffff; --bg-size: cover; --bg-attachment: scroll;"
|
||||
>
|
||||
<div class="landing-block-container row g-pt-40 g-pb-35 g-rounded-20 g-pos-rel">
|
||||
<div
|
||||
class="landing-block-container row g-pt-30 g-pb-35 g-rounded-20 g-bg-image g-pos-rel"
|
||||
style="--bg-url: url('https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-5-bg.jpg'); --bg-url-2x: url('https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-5-bg.jpg'); --bg-size: cover; --bg-attachment: scroll;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-font-size-18 g-bg g-pos-abs"
|
||||
style="--color: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #ffa900; z-index: -1;"
|
||||
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-size-12 g-bg g-pos-abs g-brd-1 g-brd-style-solid g-border-color"
|
||||
style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
|
||||
>
|
||||
Level 3
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="d-flex align-items-start justify-content-between g-mb-30">
|
||||
<div
|
||||
class="landing-block-node-title g-font-weight-600 g-font-size-25 g-mb-15 g-line-height-1 g-color g-mb-5"
|
||||
class="landing-block-node-title g-font-weight-600 g-font-size-33 g-line-height-1 g-color g-mb-5"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Block title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-subtitle g-font-size-20 g-color g-mb-30 g-line-height-1"
|
||||
class="landing-block-node-subtitle g-font-size-15 g-color g-line-height-1"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Block subtitle
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-text g-color g-mb-30 g-font-weight-600 g-font-size-25 g-line-height-1 text-center"
|
||||
class="landing-block-node-carousel-box g-pl-30 g-pr-30 g-pb-30 g-pt-30 g-bg g-rounded-10"
|
||||
style="--bg: #F1F4F9;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-text g-color g-mb-25 g-font-weight-600 g-font-size-15 g-line-height-1 text-center"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
<div class="g-pl-30 g-pr-30">
|
||||
<div class="">
|
||||
<div
|
||||
data-slider-autoplay="1"
|
||||
data-slider-autoplay-speed="3000"
|
||||
data-slider-slides-show="6"
|
||||
data-slider-arrows="4"
|
||||
data-slider-slides-show="4"
|
||||
data-slider-arrows="8"
|
||||
data-slider-dots="0"
|
||||
data-slider-animation="1"
|
||||
>
|
||||
@ -81,17 +84,17 @@
|
||||
>
|
||||
<!-- card 1 -->
|
||||
<div
|
||||
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #bbde4d;"
|
||||
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #f0f0f0;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-mb-15 g-color"
|
||||
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
@ -99,17 +102,17 @@
|
||||
</div>
|
||||
<!-- card 2 -->
|
||||
<div
|
||||
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #ff9a97;"
|
||||
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #e8e8e8;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-mb-15 g-color"
|
||||
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
@ -117,17 +120,17 @@
|
||||
</div>
|
||||
<!-- card 3 -->
|
||||
<div
|
||||
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #7fdefc;"
|
||||
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #dbdbdb;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-mb-15 g-color"
|
||||
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
@ -135,17 +138,17 @@
|
||||
</div>
|
||||
<!-- card 4 -->
|
||||
<div
|
||||
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #ffc34d;"
|
||||
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #cccccc;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-mb-15 g-color"
|
||||
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
@ -153,17 +156,17 @@
|
||||
</div>
|
||||
<!-- card 5 -->
|
||||
<div
|
||||
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #bbde4d;"
|
||||
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #f0f0f0;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-mb-15 g-color"
|
||||
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
@ -171,17 +174,17 @@
|
||||
</div>
|
||||
<!-- card 6 -->
|
||||
<div
|
||||
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #ff9a97;"
|
||||
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #e8e8e8;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-mb-15 g-color"
|
||||
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
@ -189,17 +192,17 @@
|
||||
</div>
|
||||
<!-- card 7 -->
|
||||
<div
|
||||
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #7fdefc;"
|
||||
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #dbdbdb;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-mb-15 g-color"
|
||||
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
@ -207,17 +210,17 @@
|
||||
</div>
|
||||
<!-- card 8 -->
|
||||
<div
|
||||
class="landing-block-node-card js-slide g-pt-20 g-pl-12 g-pr-12 g-pb-20 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #ffc34d;"
|
||||
class="landing-block-node-card js-slide g-pt-25 g-pl-25 g-pr-25 g-pb-35 g-mx-10 g-rounded-10 g-bg"
|
||||
style="--bg: #cccccc;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-18 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #ffffff;"
|
||||
class="landing-block-node-card-title g-mb-10 g-color g-font-size-17 g-font-weight-600 g-line-height-1"
|
||||
style="--color: #000;"
|
||||
>
|
||||
Title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-card-text g-mb-15 g-color"
|
||||
class="landing-block-node-card-text g-mb-15 g-color g-font-size-15"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
@ -226,14 +229,15 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center g-pt-50">
|
||||
<div class="d-flex justify-content-center g-pt-25">
|
||||
<a
|
||||
class="landing-block-node-card-btn btn d-flex align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-button-color g-bg--hover g-color--hover g-btn-type-solid g-color g-bg"
|
||||
style="--button-color: #ffffff; --bg-hover: #ffffff; --color-hover: var(--primary); height: 35px; transition: background 0.3s, color 0.3s; --color: #ffffff; --bg: var(--primary);"
|
||||
class="landing-block-node-card-btn btn d-flex justify-content-center align-items-center g-pl-12 g-pr-12 g-rounded-10 g-font-size-16 text-center g-cursor-pointer g-button-color g-bg--hover g-color g-color--hover g-btn-type-solid g-color"
|
||||
style="min-width: 15%; --button-color: #0075FF; --bg-hover: rgb(45, 134, 255); --color: #ffffff; --color-hover: #ffffff; height: 35px; transition: background 0.3s, color 0.3s; --bg: #0075FF;"
|
||||
>
|
||||
Button text
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_5_NAME"] = "Textblock: eine Überschrift, ein Untertitel und 4 Textkacheln, alles mit einem dunklen Hintergrund";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_5_NAME"] = "Textblock: eine Überschrift, ein Untertitel und 4 Textkacheln, alles mit einem hellen Hintergrund";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_BADGE"] = "Kachel-Tab";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD"] = "Kachel ";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD_BUTTON"] = "Schaltfläche";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_5_NAME"] = "Text block: a title, a subtitle and 4 text tiles, all on a dark background";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_5_NAME"] = "Text block: a title, a subtitle and 4 text tiles, all on a light background";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_BADGE"] = "Tile tab";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD"] = "Tile";
|
||||
$MESS["LANDING_BLOCK_WIDGET_71_5_NODE_CARD_BUTTON"] = "Button";
|
||||
|
||||
@ -11,7 +11,6 @@ $return = [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NAME'),
|
||||
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
|
||||
'section' => ['text_image', 'widgets_columns'],
|
||||
'system' => true,
|
||||
],
|
||||
'cards' => [],
|
||||
'nodes' => [
|
||||
@ -39,7 +38,7 @@ $return = [
|
||||
'nodes' => [
|
||||
'.landing-block-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NODE_CONTAINER'),
|
||||
'type' => ['background-color'],
|
||||
'type' => ['background-color', 'padding-top', 'padding-bottom'],
|
||||
],
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NODE_TITLE'),
|
||||
@ -51,7 +50,7 @@ $return = [
|
||||
],
|
||||
'.landing-block-node-tab' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_71_6_NODE_BADGE'),
|
||||
'type' => ['display-element', 'background-color', 'typo'],
|
||||
'type' => ['display-element', 'background-color', 'border-color', 'typo'],
|
||||
],
|
||||
],
|
||||
],
|
||||
|
||||
@ -1,35 +1,34 @@
|
||||
<section
|
||||
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel"
|
||||
style="z-index: 3;"
|
||||
class="landing-block g-pl-30 g-pr-30 g-pt-30 g-pb-25 g-cursor-default g-pos-rel g-bg"
|
||||
style="--bg: #ffffff; z-index: 3;"
|
||||
>
|
||||
<div class="landing-block-container row g-pt-40 g-pb-35 g-rounded-20 g-pos-rel">
|
||||
<div
|
||||
class="landing-block-container row g-pt-30 g-pb-35 g-rounded-20 g-pos-rel g-bg"
|
||||
style="--bg: #f6fcfe;"
|
||||
>
|
||||
<div
|
||||
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-weight-300 g-font-size-18 g-pos-abs g-bg"
|
||||
style="--color: #ffffff; top: -30px; left: 0; min-height: 45px; height: fit-content; border-radius: 10px 10px 0 0; --bg: #ff5752; z-index: -1;"
|
||||
class="landing-block-node-tab d-flex justify-content-center g-pl-25 g-pr-25 g-color g-font-size-12 g-bg g-pos-abs g-brd-1 g-brd-style-solid g-border-color"
|
||||
style="--color: #000; top: -15px; left: 14px; border-radius: 22px; height: fit-content; min-height: 22px; --bg: transparent; --border-color: var(--primary);"
|
||||
>
|
||||
Level 4
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="d-flex align-items-start justify-content-between g-mb-30">
|
||||
<div
|
||||
class="landing-block-node-title g-font-weight-600 g-font-size-25 g-mb-15 g-line-height-1 g-color g-mb-5"
|
||||
class="landing-block-node-title g-font-weight-600 g-font-size-33 g-line-height-1 g-color g-mb-5"
|
||||
style="--color: #000000;"
|
||||
>
|
||||
Block title
|
||||
</div>
|
||||
<div
|
||||
class="landing-block-node-text g-font-size-15 g-color g-line-height-1"
|
||||
style="--color: #000000;"
|
||||
class="landing-block-node-text g-font-size-20 g-color g-mb-30 g-line-height-1"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
class="landing-block-node-image"
|
||||
style="width: 100%; height: auto;"
|
||||
src="https://cdn.bitrix24.site/bitrix/images/landing/vibe/auto/71-6-bg.jpg"
|
||||
src="https://cdn.bitrix24.site/bitrix/images/landing/business/800x466/img4.jpg"
|
||||
alt=""
|
||||
>
|
||||
</div>
|
||||
|
||||
59
core/bitrix/blocks/bitrix/72.1/.description.php
Normal file
59
core/bitrix/blocks/bitrix/72.1/.description.php
Normal file
@ -0,0 +1,59 @@
|
||||
<?php
|
||||
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
|
||||
{
|
||||
die();
|
||||
}
|
||||
|
||||
use Bitrix\Main\Localization\Loc;
|
||||
|
||||
$return = [
|
||||
'block' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NAME'),
|
||||
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
|
||||
'section' => ['text_image', 'widgets_text_image'],
|
||||
],
|
||||
'cards' => [],
|
||||
'nodes' => [
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_TITLE'),
|
||||
'type' => 'text',
|
||||
],
|
||||
'.landing-block-node-button' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON'),
|
||||
'type' => 'link',
|
||||
],
|
||||
'.landing-block-node-image' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_IMG'),
|
||||
'type' => 'img',
|
||||
],
|
||||
],
|
||||
'style' => [
|
||||
'block' => [
|
||||
'type' => ['widget'],
|
||||
],
|
||||
'nodes' => [
|
||||
'.landing-block-node-content' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINER'),
|
||||
'type' => ['container-max-width'],
|
||||
],
|
||||
'.landing-block-node-containers' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINERS'),
|
||||
'type' => ['align-items'],
|
||||
],
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_TITLE'),
|
||||
'type' => ['typo', 'margin-top'],
|
||||
],
|
||||
'.landing-block-node-button' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON'),
|
||||
'type' => ['color', 'color-hover', 'background-color', 'background-color-hover', 'font-family', 'margin-top', 'margin-bottom'],
|
||||
],
|
||||
'.landing-block-node-image' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_1_NODE_IMG'),
|
||||
'type' => ['border-radius'],
|
||||
],
|
||||
],
|
||||
],
|
||||
];
|
||||
|
||||
return $return;
|
||||
31
core/bitrix/blocks/bitrix/72.1/block.php
Normal file
31
core/bitrix/blocks/bitrix/72.1/block.php
Normal 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>
|
||||
7
core/bitrix/blocks/bitrix/72.1/lang/de/.description.php
Normal file
7
core/bitrix/blocks/bitrix/72.1/lang/de/.description.php
Normal file
@ -0,0 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NAME"] = "Block mit einer Schaltfläche und einem Bild rechts";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON"] = "Schaltfläche";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINERS"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_IMG"] = "Bild";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_TITLE"] = "Überschrift";
|
||||
7
core/bitrix/blocks/bitrix/72.1/lang/en/.description.php
Normal file
7
core/bitrix/blocks/bitrix/72.1/lang/en/.description.php
Normal file
@ -0,0 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NAME"] = "Block with a button and an image on the right";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON"] = "Button";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINERS"] = "Containers";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_IMG"] = "Image";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_TITLE"] = "Title";
|
||||
7
core/bitrix/blocks/bitrix/72.1/lang/kz/.description.php
Normal file
7
core/bitrix/blocks/bitrix/72.1/lang/kz/.description.php
Normal file
@ -0,0 +1,7 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NAME"] = "Оң жақта батырмасы мен суреті бар тақырыпаты";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON"] = "Батырма";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINER"] = "Контейнер";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINERS"] = "Контейнерлер";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_IMG"] = "Сурет";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_1_NODE_TITLE"] = "Тақырыпаты";
|
||||
7
core/bitrix/blocks/bitrix/72.1/lang/ru/.description.php
Normal file
7
core/bitrix/blocks/bitrix/72.1/lang/ru/.description.php
Normal file
@ -0,0 +1,7 @@
|
||||
<?php
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_1_NAME'] = 'Заголовок с кнопкой и картинкой справа';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_1_NODE_TITLE'] = 'Заголовок';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_1_NODE_BUTTON'] = 'Кнопка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_1_NODE_IMG'] = 'Картинка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINERS'] = 'Контейнеры';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_1_NODE_CONTAINER'] = 'Контейнер';
|
||||
26
core/bitrix/blocks/bitrix/72.2/.description.php
Normal file
26
core/bitrix/blocks/bitrix/72.2/.description.php
Normal file
@ -0,0 +1,26 @@
|
||||
<?php
|
||||
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
|
||||
{
|
||||
die();
|
||||
}
|
||||
|
||||
use Bitrix\Main\Localization\Loc;
|
||||
|
||||
$return = [
|
||||
'block' => [
|
||||
'name' => 'test',
|
||||
//'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
|
||||
'type' => 'null',
|
||||
'section' => ['widgets_columns'],
|
||||
],
|
||||
'cards' => [],
|
||||
'nodes' => [],
|
||||
'style' => [
|
||||
'block' => [
|
||||
'type' => ['widget'],
|
||||
],
|
||||
'nodes' => [],
|
||||
],
|
||||
];
|
||||
|
||||
return $return;
|
||||
82
core/bitrix/blocks/bitrix/72.2/block.php
Normal file
82
core/bitrix/blocks/bitrix/72.2/block.php
Normal 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>
|
||||
100
core/bitrix/blocks/bitrix/72.3/.description.php
Normal file
100
core/bitrix/blocks/bitrix/72.3/.description.php
Normal file
@ -0,0 +1,100 @@
|
||||
<?php
|
||||
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
|
||||
{
|
||||
die();
|
||||
}
|
||||
|
||||
use Bitrix\Main\Localization\Loc;
|
||||
|
||||
$return = [
|
||||
'block' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NAME'),
|
||||
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
|
||||
'section' => ['widgets_columns'],
|
||||
],
|
||||
'cards' => [
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CARD'),
|
||||
'label' => ['.landing-block-node-card-text'],
|
||||
],
|
||||
],
|
||||
'nodes' => [
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_TITLE'),
|
||||
'type' => 'text',
|
||||
],
|
||||
'.landing-block-node-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_TEXT'),
|
||||
'type' => 'text',
|
||||
],
|
||||
'.landing-block-node-card-icon' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON'),
|
||||
'type' => 'icon',
|
||||
],
|
||||
'.landing-block-node-card-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT'),
|
||||
'type' => 'text',
|
||||
],
|
||||
'.landing-block-node-button' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON'),
|
||||
'type' => 'link',
|
||||
],
|
||||
'.landing-block-node-image' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE'),
|
||||
'type' => 'img',
|
||||
],
|
||||
],
|
||||
'style' => [
|
||||
'block' => [
|
||||
'type' => ['widget'],
|
||||
],
|
||||
'nodes' => [
|
||||
'.landing-block-node-containers' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINERS'),
|
||||
'type' => ['align-items', 'container-max-width'],
|
||||
],
|
||||
'.landing-block-node-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER'),
|
||||
'type' => ['padding-left', 'padding-right'],
|
||||
],
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_TITLE'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_TEXT'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-cards-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER'),
|
||||
'type' => ['margin-top', 'margin-bottom'],
|
||||
],
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER_CARD'),
|
||||
'type' => ['align-items'],
|
||||
],
|
||||
'.landing-block-node-card-icon' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON'),
|
||||
'type' => ['background-color', 'color'],
|
||||
],
|
||||
'.landing-block-node-card-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-button' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON'),
|
||||
'type' => ['background', 'color', 'background-hover', 'color-hover', 'font-family'],
|
||||
],
|
||||
'.landing-block-node-image-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER'),
|
||||
'type' => ['row-align'],
|
||||
],
|
||||
'.landing-block-node-image' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE'),
|
||||
'type' => ['border-radius'],
|
||||
],
|
||||
],
|
||||
],
|
||||
];
|
||||
|
||||
return $return;
|
||||
73
core/bitrix/blocks/bitrix/72.3/block.php
Normal file
73
core/bitrix/blocks/bitrix/72.3/block.php
Normal 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>
|
||||
12
core/bitrix/blocks/bitrix/72.3/lang/de/.description.php
Normal file
12
core/bitrix/blocks/bitrix/72.3/lang/de/.description.php
Normal file
@ -0,0 +1,12 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NAME"] = "Block mit einem Untertitel, den Aufzählungspunkten und einem Bild rechts";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON"] = "Schaltfläche";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD"] = "Kartei";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON"] = "Kartei-Icon";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT"] = "Karteitext";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINERS"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER_CARD"] = "Kartei-Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE"] = "Bild";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TEXT"] = "Untertitel";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TITLE"] = "Überschrift";
|
||||
12
core/bitrix/blocks/bitrix/72.3/lang/en/.description.php
Normal file
12
core/bitrix/blocks/bitrix/72.3/lang/en/.description.php
Normal file
@ -0,0 +1,12 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NAME"] = "Block with a subtitle, bullets and an image on the right";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON"] = "Button";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD"] = "Tile";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON"] = "Tile icon";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT"] = "Tile text";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER"] = "Container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINERS"] = "Containers";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER_CARD"] = "Tile container";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE"] = "Image";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TEXT"] = "Subtitle";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TITLE"] = "Title";
|
||||
12
core/bitrix/blocks/bitrix/72.3/lang/kz/.description.php
Normal file
12
core/bitrix/blocks/bitrix/72.3/lang/kz/.description.php
Normal file
@ -0,0 +1,12 @@
|
||||
<?php
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NAME"] = "Оң жақта мәтіні, тармақтары және суреті бар тақырыпаты";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON"] = "Батырма";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD"] = "Карточка";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON"] = "Карточка белгішесі";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT"] = "Карточка мәтіні";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER"] = "Контейнер";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINERS"] = "Контейнерлер";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER_CARD"] = "Карточка контейнері";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE"] = "Сурет";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TEXT"] = "Мәтін";
|
||||
$MESS["LANDING_BLOCK_WIDGET_72_3_NODE_TITLE"] = "Тақырыпаты";
|
||||
12
core/bitrix/blocks/bitrix/72.3/lang/ru/.description.php
Normal file
12
core/bitrix/blocks/bitrix/72.3/lang/ru/.description.php
Normal file
@ -0,0 +1,12 @@
|
||||
<?php
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NAME'] = 'Заголовок с текстом, пунктами и картинкой справа';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_TITLE'] = 'Заголовок';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_TEXT'] = 'Текст';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CARD'] = 'Карточка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CARD_ICON'] = 'Иконка карточки';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CARD_TEXT'] = 'Текст карточки';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_IMAGE'] = 'Картинка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_BUTTON'] = 'Кнопка';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER'] = 'Контейнер';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINER_CARD'] = 'Контейнер карточки';
|
||||
$MESS['LANDING_BLOCK_WIDGET_72_3_NODE_CONTAINERS'] = 'Контейнеры';
|
||||
84
core/bitrix/blocks/bitrix/72.4/.description.php
Normal file
84
core/bitrix/blocks/bitrix/72.4/.description.php
Normal file
@ -0,0 +1,84 @@
|
||||
<?php
|
||||
if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true)
|
||||
{
|
||||
die();
|
||||
}
|
||||
|
||||
use Bitrix\Main\Localization\Loc;
|
||||
|
||||
$return = [
|
||||
'block' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NAME'),
|
||||
'type' => ['page', 'store', 'smn', 'knowledge', 'group', 'mainpage'],
|
||||
'section' => ['widgets_columns'],
|
||||
],
|
||||
'cards' => [
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CARD'),
|
||||
'label' => ['.landing-block-node-card-text'],
|
||||
],
|
||||
],
|
||||
'nodes' => [
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_TITLE'),
|
||||
'type' => 'text',
|
||||
],
|
||||
'.landing-block-node-image' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_IMAGE'),
|
||||
'type' => 'img',
|
||||
],
|
||||
'.landing-block-node-card-icon' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CARD_ICON'),
|
||||
'type' => 'icon',
|
||||
],
|
||||
'.landing-block-node-card-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CARD_TEXT'),
|
||||
'type' => 'text',
|
||||
],
|
||||
],
|
||||
'style' => [
|
||||
'block' => [
|
||||
'type' => ['widget', 'padding-left', 'padding-right'],
|
||||
],
|
||||
'nodes' => [
|
||||
'.landing-block-node-content' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CONTAINER'),
|
||||
'type' => ['container-max-width'],
|
||||
],
|
||||
'.landing-block-node-title' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_TITLE'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
'.landing-block-node-image' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_IMAGE'),
|
||||
'type' => ['border-radius'],
|
||||
],
|
||||
'.landing-block-node-containers' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CONTAINERS'),
|
||||
'type' => ['align-items'],
|
||||
],
|
||||
'.landing-block-node-image-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CONTAINER'),
|
||||
'type' => ['margin-top', 'margin-bottom'],
|
||||
],
|
||||
'.landing-block-node-cards-container' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CONTAINER'),
|
||||
'type' => ['background-color', 'margin-top', 'margin-bottom', 'border-radius'],
|
||||
],
|
||||
'.landing-block-node-card' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CONTAINER_CARD'),
|
||||
'type' => ['align-items'],
|
||||
],
|
||||
'.landing-block-node-card-icon' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CARD_ICON'),
|
||||
'type' => ['background-color', 'color'],
|
||||
],
|
||||
'.landing-block-node-card-text' => [
|
||||
'name' => Loc::getMessage('LANDING_BLOCK_WIDGET_72_4_NODE_CARD_TEXT'),
|
||||
'type' => ['typo'],
|
||||
],
|
||||
],
|
||||
],
|
||||
];
|
||||
|
||||
return $return;
|
||||
73
core/bitrix/blocks/bitrix/72.4/block.php
Normal file
73
core/bitrix/blocks/bitrix/72.4/block.php
Normal 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
Loading…
Reference in New Issue
Block a user