ez-pro/core/bitrix/blocks/bitrix/72.3/block.php
2025-11-13 19:52:28 +03:00

74 lines
2.7 KiB
PHP

<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>