src/html/ui.html - master - creativezen/saakian

src/html/ui.html
849 строк77 KB
Anton Goul'art
first release
22 окт 2024, 17:50
22 окт 2024, 17:50d1673e1
<!DOCTYPE html>
<html lang="ru">
@@include('blocks/head.html')

<body>
    @@include('blocks/header.html')

    <main id="video">
        <section id="hero" class="section hero">
            <div class="container">
                <div class="hero__content">
                    <h1 class="title-hero">твоя <span class="orange italic">И</span>гра</h1>
                    <button class="button">хочу узнать себя</button>
                </div>
            </div>
        </section>

        <!-- Элементы управления  -->
        <section class="section">
            <div class="container">
                <div class="section__header">
                    <h2 class="title">Элементы</h2>
                </div>
                <div class="section__body">
                    <button class="button">Кнопка</button>
                    <button class="button medium">Кнопка</button>
                    <button class="button small">Кнопка</button>
                    <button class="button zero">Кнопка</button>
                    <button class="button zero medium">Кнопка</button>
                    <button class="button zero small">Кнопка</button>
                    <button class="button-play">
                        <svg viewBox="0 0 24 31" fill="none">
                            <path d="M23.0774 13.7342C24.3075 14.519 24.3075 16.481 23.0774 17.2658L2.76767 30.2238C1.5376 31.0086 -6.20863e-08 30.0276 0 28.458L1.02511e-06 2.54204C1.08719e-06 0.972419 1.5376 -0.00859381 2.76767 0.776215L23.0774 13.7342Z" />
                        </svg>
                    </button>
                    <button class="button-telegram">
                        <svg viewBox="0 0 201 170" fill="none">
                            <path d="M197.596 4.65571C195.152 1.6541 191.492 0 187.292 0C185.006 0 182.588 0.484427 180.1 1.43795L10.8035 66.3649C1.81916 69.8095 0.60914 74.9788 0.686959 77.7551C0.764779 80.5298 2.26471 85.6224 11.4291 88.5504C11.484 88.5688 11.539 88.5841 11.5939 88.601L35.3364 95.4259L150.967 36.076C153.848 34.5951 157.379 35.7449 158.851 38.6407C160.008 40.9156 159.544 43.5892 157.896 45.3491L157.9 45.3537L93.6094 113.984L91.7753 121.452L146.548 165.763C146.575 165.784 146.603 165.807 146.632 165.829C150.132 168.557 153.956 169.998 157.69 170C164.987 170 170.796 164.575 172.488 156.18L200.227 18.5722C201.339 13.0504 200.405 8.10648 197.596 4.65571Z" />
                            <path d="M82.6034 109.664C82.8369 108.712 83.3068 107.804 84.0225 107.04L126.208 62.0047L47.9265 102.185L65.7013 153.256C66.7145 156.166 68.2221 158.643 70.0867 160.582L82.6003 109.662L82.6034 109.664Z" />
                            <path d="M80.9956 165.31C85.2208 165.275 89.3727 163.484 93.0103 160.119L106.015 148.088L88.6753 134.061L80.9956 165.31Z" />
                        </svg>
                    </button>
                </div>
                <div class="section__body">
                    <div class="plate-group">
                        <div class="plate corner-right">Почему мне можно доверять?</div>
                        <div class="plate corner-right">20% теории</div>
                        <div class="plate border-violet corner-left">80% практики</div>
                        <div class="plate corner-left">???</div>
                        <div class="plate corner-left white">???</div>
                        <div class="plate orange corner-right">или возникли трудности с оплатой?</div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Карточки  -->
        <section id="feedbacks" class="section stream">
            <div class="container">
                <div class="section__header">
                    <h2 class="title">Карточки</h2>
                </div>
                <div class="section__body">
                    <div class="flex-row">
                        <div class="card">
                            <div class="card__name">
                                <div class="card__avatar">
                                    <img src="img/img-feedback-avatar-01_2x.jpg" alt="Имя фамилия">
                                </div>
                                <h6>Имя фамилия</h6>
                            </div>
                            <div class="card__body">
                                <p>«На Игре произошел какой-то мэджик! Я соединилась со своей внутренней силой, с любовью, обнаружила свою многогранность. Увидела паттерны и затыки, которые не дают мне двигаться к своим целям.  Я наконец отследила, что я делаю не так!»</p>
                            </div>
                            <div class="card__footer">
                                <button class="button small zero js-button-video" data-title="Имя фамилия" data-content="FyzTT3ZSz_M" data-forweb-path="modal-video">Смотреть видео</button>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card__name">
                                <div class="card__avatar">
                                    <img src="img/img-feedback-avatar-02_2x.jpg" alt="Рузанна саакян">
                                </div>
                                <h6>Рузанна саакян</h6>
                            </div>
                            <div class="card__body">
                                <p>«Благодаря Игре я поняла, что не любила и предавала себя, жила прошлыми обидами, которые не давали смотреть в будущее и забирали энергию. Вместо фокуса на цели гналась за быстрыми деньгами, поэтому и не получала желаемого результата. Четко увидела свои ошибки и вдохновилась на глубокие изменения!»</p>
                                <div data-text="Рузанна саакян">
                                    <p>Давно выяснено, что при оценке дизайна и композиции читаемый
                                        текст мешает сосредоточиться. Lorem Ipsum используют потому, что
                                        тот обеспечивает более или менее стандартное заполнение шаблона,
                                        а также реальное распределение букв и пробелов в абзацах,
                                        которое не получается при простой дубликации "Здесь ваш текст..
                                        Здесь ваш текст.. Здесь ваш текст.." Многие программы
                                        электронной вёрстки и редакторы HTML используют Lorem Ipsum в
                                        качестве текста по умолчанию, так что поиск по ключевым словам
                                        "lorem ipsum" сразу показывает, как много веб-страниц всё ещё
                                        дожидаются своего настоящего рождения. За прошедшие годы текст
                                        Lorem Ipsum получил много версий. Некоторые версии появились по
                                        ошибке, некоторые - намеренно (например, юмористические
                                        варианты).</p>
                                    <ul>
                                        <li>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                                            Hic soluta veritatis, libero incidunt veniam exercitationem
                                            quia dolor eligendi voluptates, ratione eos, excepturi
                                            tempora ipsum? Dolor nihil ullam in neque officiis.</li>
                                        <li>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                                            Hic soluta veritatis, libero incidunt veniam exercitationem
                                            quia dolor eligendi voluptates, ratione eos, excepturi
                                            tempora ipsum? Dolor nihil ullam in neque officiis.</li>
                                        <li>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                                            Hic soluta veritatis, libero incidunt veniam exercitationem
                                            quia dolor eligendi voluptates, ratione eos, excepturi
                                            tempora ipsum? Dolor nihil ullam in neque officiis.</li>
                                        <li>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                                            Hic soluta veritatis, libero incidunt veniam exercitationem
                                            quia dolor eligendi voluptates, ratione eos, excepturi
                                            tempora ipsum? Dolor nihil ullam in neque officiis.</li>
                                    </ul>
                                    <p>Давно выяснено, что при оценке дизайна и композиции читаемый
                                        текст мешает сосредоточиться. Lorem Ipsum используют потому, что
                                        тот обеспечивает более или менее стандартное заполнение шаблона,
                                        а также реальное распределение букв и пробелов в абзацах,
                                        которое не получается при простой дубликации "Здесь ваш текст..
                                        Здесь ваш текст.. Здесь ваш текст.." Многие программы
                                        электронной вёрстки и редакторы HTML используют Lorem Ipsum в
                                        качестве текста по умолчанию, так что поиск по ключевым словам
                                        "lorem ipsum" сразу показывает, как много веб-страниц всё ещё
                                        дожидаются своего настоящего рождения.</p>
                                    <blockquote>Давно выяснено, что при оценке дизайна и композиции
                                        читаемый текст мешает сосредоточиться. Lorem Ipsum используют
                                        потому, что тот обеспечивает более или менее стандартное
                                        заполнение шаблона, а также реальное распределение букв и
                                        пробелов в абзацах, которое не получается при простой дубликации
                                        "Здесь ваш текст.. Здесь ваш текст.. Здесь ваш текст.." Многие
                                        программы электронной вёрстки и редакторы HTML используют Lorem
                                        Ipsum в качестве текста по умолчанию, так что поиск по ключевым
                                        словам "lorem ipsum" сразу показывает, как много веб-страниц всё
                                        ещё дожидаются своего настоящего рождения. За прошедшие годы
                                        текст Lorem Ipsum получил много версий.</blockquote>
                                    <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error
                                        sit animi ab tenetur possimus harum. </h4>
                                    <b>Давно выяснено, что при оценке дизайна и композиции читаемый
                                        текст мешает сосредоточиться. Lorem Ipsum используют потому, что
                                        тот обеспечивает более или менее стандартное заполнение шаблона,
                                        а также реальное распределение букв и пробелов в абзацах,
                                        которое не получается при простой дубликации "Здесь ваш текст..
                                        Здесь ваш текст.. Здесь ваш текст.." Многие программы
                                        электронной вёрстки и редакторы HTML используют Lorem Ipsum в
                                        качестве текста по умолчанию, так что поиск по ключевым словам
                                        "lorem ipsum" сразу показывает, как много веб-страниц всё ещё
                                        дожидаются своего настоящего рождения. За прошедшие годы текст
                                        Lorem Ipsum получил много версий. Некоторые версии появились по
                                        ошибке, некоторые - намеренно (например, юмористические
                                        варианты).</b>
                                </div>
                            </div>
                            <div class="card__footer">
                                <button class="button small zero js-button-feedback" data-type="text" data-title="Рузанна саакян" data-forweb-path="modal-text">Читать кейс</button>
                            </div>
                        </div>
                        <div class="card">
                            <div class="card__header">
                                <h5>Кто ты на празднике жизни?</h5>
                            </div>
                            <div class="card__body">
                                <p>«На Игре произошел какой-то мэджик! Я соединилась со своей внутренней силой, с любовью, обнаружила свою многогранность. Увидела паттерны и затыки, которые не дают мне двигаться к своим целям.  Я наконец отследила, что я делаю не так!»</p>
                                <p>«На Игре произошел какой-то мэджик! Я соединилась со своей внутренней силой, с любовью, обнаружила свою многогранность. Увидела паттерны и затыки, которые не дают мне двигаться к своим целям.  Я наконец отследила, что я делаю не так!»</p>
                            </div>
                            <div class="card__footer">
                                <button class="button small zero">Смотреть видео</button>
                            </div>
                        </div>
                        <div class="card border-gradient">
                            <div class="card__content">
                                <div class="card__body marker"
                                <p>Автор тренингов, которые помогают построить эффективную систему жизни : «Твоя игра», «Твой Путь», «Твоя Кнопка» и флагманского продукта «Твой выбор»</p>
                            </div>
                            </div>
                            <div class="card__backdrop"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Тарифы  -->
        <section class="section">
            <div class="container">
                <div class="section__header centered">
                    <h2 class="title">Выбери свой Тариф</h2>
                    <p class="tagline white">Наставник и тренер по личностному росту, коуч международного уровня</p>
                </div>
                <div class="section__body">
                    <div class="grid-group">
                        <div class="grid-child" data-grid="4">
                            <div class="card-tarif orange">
                                <div class="card-tarif__body">
                                    <h3 class="card-tarif__title">Стандарт</h3>
                                    <ul class="card-tarif__list">
                                        <li class="white">участие в однодневном психологическом практикуме офлайн в Москве</li>
                                        <li class="white">Чат с участниками</li>
                                    </ul>
                                </div>
                                <div class="card-tarif__footer">
                                    <h3 class="card-tarif__price">2 000 <small>₽</small></h3>
                                    <button class="button white block" data-forweb-path="modal-action">Оплатить</button>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card-tarif violet">
                                <div class="card-tarif__body">
                                    <h3 class="card-tarif__title">Премиум</h3>
                                    <ul class="card-tarif__list">
                                        <li>участие в однодневном психологическом практикуме офлайн в Москве</li>
                                        <li>Чат с участниками</li>
                                        <li class="white">Возможность привести друга</li>
                                    </ul>
                                </div>
                                <div class="card-tarif__footer">
                                    <h3 class="card-tarif__price">3 000 <small>₽</small></h3>
                                    <button class="button white block" data-forweb-path="modal-action">Оплатить</button>
                                </div>
                            </div>
                        </div>
                        <div class="grid-child" data-grid="4">
                            <div class="card-tarif black">
                                <div class="card-tarif__body">
                                    <h3 class="card-tarif__title">Vip</h3>
                                    <ul class="card-tarif__list">
                                        <li>участие в однодневном психологическом практикуме офлайн в Москве</li>
                                        <li>Чат с участниками</li>
                                        <li>Возможность привести друга</li>
                                        <li class="white">1 индивидуальный разбор 1-1,5 часа с Вагой Саакян</li>
                                    </ul>
                                </div>
                                <div class="card-tarif__footer">
                                    <h3 class="card-tarif__price">3 000 <small>₽</small></h3>
                                    <button class="button block" data-forweb-path="modal-action">Оплатить</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section__footer">
                </div>
            </div>
        </section>

        <!-- Шахматный блок -->
        <section class="section stream">
            <div class="container">
                <div class="section__header centered">
                    <h2 class="title">Результаты программы</h2>
                    <p class="tagline">В результате «Твоей Игры» ты:</p>
                </div>
                <div class="section__body">
                    <div class="block-chesse">
                        <div class="block-chesse__content">
                            <div class="block-chesse__img">
                                <picture>
                                    <source srcset="img/img-result-01_2x.webp 2x" type="image/webp">
                                    <source srcset="img/img-result-01_2x.jpg 2x" type="image/jpg">
                                    <img loading="lazy" src="img/img-result-01_2x.jpg" alt="">
                                </picture>
                            </div>
                            <div class="block-chesse__text">
                                <div class="card numeric right" data-num="01">
                                    <div class="card__header">
                                        <p class="tagline white">Познакомишься с собой настоящим</p>
                                    </div>
                                    <div class="card__body">
                                        <p>Снимешь социальные маски, поймешь, кто ты и на что способен, определишь свои ценности и цели, которые вдохновят тебя действовать, а не сливать энергию впустую</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="block-chesse__content">
                            <div class="block-chesse__img">
                                <picture>
                                    <source srcset="img/img-result-02_2x.webp 2x" type="image/webp">
                                    <source srcset="img/img-result-02_2x.jpg 2x" type="image/jpg">
                                    <img loading="lazy" src="img/img-result-02_2x.jpg" alt="">
                                </picture>
                            </div>
                            <div class="block-chesse__text">
                                <div class="card numeric left" data-num="02">
                                    <div class="card__header">
                                        <p class="tagline white">Улучшишь отношения с близкимии окружением</p>
                                    </div>
                                    <div class="card__body">
                                        <p>Осознаешь негативные сценарии в общении, поймешь почему попадаешь в конфликтные ситуации. Перестанешь ждать чего-то от окружения и научишься сам проявляться к окружению, чтобы выстраивать отношения и коммуникацию</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="block-chesse__content">
                            <div class="block-chesse__img">
                                <picture>
                                    <source srcset="img/img-result-03_2x.webp 2x" type="image/webp">
                                    <source srcset="img/img-result-03_2x.jpg 2x" type="image/jpg">
                                    <img loading="lazy" src="img/img-result-03_2x.jpg" alt="">
                                </picture>
                            </div>
                            <div class="block-chesse__text">
                                <div class="card numeric right" data-num="03">
                                    <div class="card__header">
                                        <p class="tagline white">Поймешь, почему ты не можешь выйти на желаемый доход</p>
                                    </div>
                                    <div class="card__body">
                                        <p>Игра покажет твои привычные модели поведения, которые не позволяют создавать новые финансовые результаты. Поймешь, от каких качеств нужно избавиться, а какие взрастить, чтобы выйти на новый уровень дохода</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section__footer centered">
                    <button class="button">Я в игре</button>
                </div>
            </div>
        </section>

        <!-- Блоки-креативы -->
        <section class="section">
            <div class="container">
                <div class="section__header">
                    <h2 class="title">Креативные блоки</h2>
                </div>
                <div class="section__body">
                    <div class="block-creative reverse-mobile">
                        <div class="block-creative__content">
                            <div class="block-creative__text">
                                <h3 class="title">Кто ты на празднике жизни?</h3>
                                <p>Наблюдатель, который несмело выглядывает из-за шторки или активный участник?</p>
                                <p>Это зависит от твердости внутреннего фундамента, в котором заложены твои ценности.</p>
                            </div>
                            <div class="block-creative__img">
                                <picture data-img="Who are you">
                                    <source media="(max-width: 780px)" srcset="img/img-block-01_mobile_2x.webp 2x" type="image/webp">
                                    <source media="(max-width: 780px)" srcset="img/img-block-01_mobile_2x.jpg 2x" type="image/jpg">
                                    <source media="(min-width: 781px)" srcset="img/img-block-01_desktop_2x.webp 2x" type="image/webp">
                                    <source media="(min-width: 781px)" srcset="img/img-block-01_desktop_2x.jpg 2x" type="image/jpg">
                                    <img loading="lazy" src="img/img-block-01_desktop_2x.jpg" alt="">
                                </picture>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section__body">
                    <div class="block-creative reverse-mobile">
                        <div class="block-creative__content">
                            <div class="block-creative__text">
                                <h3 class="title">Как проходит программа</h3>
                                <p class="white"><span class="orange">«ТВОЯ ИГРА»</span> — это 20% теории и 80% практических упражнений</p>
                                <p>Это не скучная лекция о жизни, а интерактив,в котором ты всего за 5 часов  «проиграешь» привычные тебе роли!</p>
                            </div>
                            <div class="block-creative__img">
                                <picture data-img="How is it going?">
                                    <source media="(max-width: 780px)" srcset="img/img-block-02_mobile_2x.webp 2x" type="image/webp">
                                    <source media="(max-width: 780px)" srcset="img/img-block-02_mobile_2x.jpg 2x" type="image/jpg">
                                    <source media="(min-width: 781px)" srcset="img/img-block-02_desktop_2x.webp 2x" type="image/webp">
                                    <source media="(min-width: 781px)" srcset="img/img-block-02_desktop_2x.jpg 2x" type="image/jpg">
                                    <img loading="lazy" src="img/img-block-02_desktop_2x.jpg" alt="">
                                </picture>
                            </div>
                            <div class="block-creative__plate" data-img="How is it going?">
                                <div class="plate-group">
                                    <div class="plate corner-right">20% теории</div>
                                    <div class="plate border-violet corner-left">80% практики</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section__body">
                    <div class="block-creative reverse-desktop">
                        <div class="block-creative__content">
                            <div class="block-creative__text">
                                <h3 class="title">Прежде чем ты закроешь сайт, подумай</h3>
                                <p class="white">Сколько еще лет ты готов прятать свой потенциал и лишать себя счастливой, яркой и наполненной жизни, которую <span class="orange">заслужил по праву рождения</span>?</p>
                            </div>
                            <div class="block-creative__img">
                                <picture data-img="before closing the site">
                                    <source media="(max-width: 780px)" srcset="img/img-block-03_mobile_2x.webp 2x" type="image/webp">
                                    <source media="(max-width: 780px)" srcset="img/img-block-03_mobile_2x.jpg 2x" type="image/jpg">
                                    <source media="(min-width: 781px)" srcset="img/img-block-03_desktop_2x.webp 2x" type="image/webp">
                                    <source media="(min-width: 781px)" srcset="img/img-block-03_desktop_2x.jpg 2x" type="image/jpg">
                                    <img loading="lazy" src="img/img-block-03_desktop_2x.jpg" alt="">
                                </picture>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    
        <!-- Заголовки -->
        <section class="section stream">
            <div class="container">
                <div class="section__header">
                    <h2 class="title">Заголовок H2</h2>
                    <h3>Заголовок H3</h3>
                    <h4>Заголовок H4</h4>
                    <h5>Заголовок H5</h5>
                    <h6>Заголовок H6</h6>
                </div>
            </div>
        </section>

        <!-- Блок-секция с видео -->
        <section class="section">
            <div class="container">
                <div class="section__header">
                    <h2 class="title">Блоки</h2>
                </div>

                <!-- Блок видео -->
                <div class="section__body">
                    <div class="section__body">
                        <div class="video-block js-button-video" data-title="About IMCP" data-content="FyzTT3ZSz_M" data-forweb-path="modal-video">
                            <div class="video-block__img">
                                <img loading="lazy" src="img/block/img-block-video-01_2x.jpg" alt="Название видео">
                            </div>
                            <div class="video-block__overlay"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Стандартные блоки -->
        <section class="section">
            <div class="container">
                <div class="section__header">
                    <h2 class="title">Блоки</h2>
                </div>
                <!-- Блок форма стандартная -->
                <div class="section__body">
                    <form id="form-contacts" class="form js-form" data-sitekey="">
                        <input type="hidden" name="recaptcha_response" class="recaptcha-response" value="">
                        <input type="hidden" name="form-name" value="">
                        <input type="hidden" name="url" value="">
                        <fieldset class="form__body">
                            <div class="form__item">
                                <input class="input input-name js-input-email" type="text" name="name" placeholder="Имя" required="">
                            </div>
                            <div class="form__item">
                                <input class="input input-email js-input-email" type="email" name="email" placeholder="E-mail" required="">
                            </div>
                            <div class="form__item">
                                <textarea class="textarea" name="comment" placeholder="Your question" required=""></textarea>
                            </div>
                        </fieldset>
                        <fieldset class="form__footer">
                            <label class="label label-checkbox agree" for="agree-contacts">
                                <input class="checkbox small input-agree" id="agree-contacts" type="checkbox" required="">
                                <span class="label-checkbox__text">Даю согласие на обработку и использование персональных данных согласно 152-ФЗ, с
                                    <!--noindex-->
                                        <a href="#" rel="nofollow" target="_blank">правилами политики обработки персональных данных</a>
                                    <!--/noindex-->
                                    ознакомлен</span>
                            </label>
                            <button class="button" type="submit" data-autofocus="name"><span>Отправить</span></button>
                        </fieldset>
                    </form>
                </div>
            </div>
        </section>

        <!-- Тело статьи -->
        <section class="section">
            <div class="container">
                <div class="section__body">
                    <div class="article">
                        <p>Создать компанию не так сложно, как её развить. И куда важнее не просто операционный подход. Хотя без цифр не обойтись, грамотное видение, стратегию и мотивацию никто не отменял. Несмотря на сложные ситуации, множество вопросов, трудности с продажами, которые возникают на пути, нужно понимать, куда и зачем движется владелец бизнеса, зачем ему сотрудники, и все ли идет так, как планировалось.</p>
                        <h3>Рабочая техника: не бойтесь отказаться от того, что не двигает вас вперед</h3>
                        <blockquote>
                            <p><strong>Основатель Академии экспоненциального коучинга и автор 20+ коучинговых программ Михаил Саидов поделился важной практикой:</strong></p>
                            <em>«Когда вы думаете о своей команде, деловом партнере, сотрудниках или клиентах, представьте себе ситуацию. Человек говорит: „Сегодня я больше не буду с вами работать и участвовать в делах компании“.</em>
                            <i>Дальше можно применить правило ABC, где в категории А — сотрудник, которого вы ни за что не хотите потерять, а в категории С — сотрудник, при увольнении которого вы испытываете облегчение. При использовании правила вы сразу понимаете, в какую категорию он попадает, как бы вы не уговаривали себя в обратном. Подробнее о правиле рассказывал здесь»</i>
                        </blockquote>
                        <p>Создать компанию не так сложно, как её развить. И куда важнее не просто операционный подход. Хотя без цифр не обойтись, грамотное видение, стратегию и мотивацию никто не отменял. Несмотря на сложные ситуации, множество вопросов, трудности с продажами, которые возникают на пути, нужно понимать, куда и зачем движется владелец бизнеса, зачем ему сотрудники, и все ли идет так, как планировалось.</p>
                        <h3>Идеи для развития бизнеса</h3>
                        <p>Из практических рекомендаций — поиск грантов от правительства и некоммерческих компаний в своей сфере. Многие готовы спонсировать бизнес на этапе развития, особенно если он покажется перспективным. Для грантов придется собирать бумаги и доказывать рентабельность бизнеса, но это хороший вариант получить деньги для развития на определенных условиях. Так можно найти партнеров, с которыми вы будете идти вместе, и которые поделятся своими идеями.</p>
                        <p>Еще один лайфхак — смотреть не столько на предыдущие показатели, сколько именно на достижения, которых хочется достичь в будущем. Это помогает выставить правильный фокус и задать направление движения компании.</p>
                        <h3>Масштабирование бизнеса как способ выйти на новый уровень</h3>
                        <img src="img/article/img-article-01_2x.jpg" alt="Масштабирование бизнеса как способ выйти на новый уровень">
                        <p>Когда предприятие создается, мало кто думает о дальнейшем развитии: нужно использовать возможности и средства «здесь и сейчас». Если на старте работала одна идея и подход, то по мере увеличения компании они могут кардинально меняться, как и метод управления.</p>
                        <p><b>Что нужно, чтобы масштабирование бизнеса стало возможным</b></p>
                        <p>Четыре главных компонента: во внутреннем мире компании — миссия и ценности, во внешнем мире — видение и стратегия:</p>
                        <ul>
                            <li>миссия остается неизменной и представляет собой то, ради чего существует компания, кроме денег, отвечает на вопрос «почему мы туда идем»;</li>
                            <li>ценности — деловые принципы и правила, повседневный ориентир для сотрудников;</li>
                            <li>видение представляет собой то, как организованы процессы в компании и к какой переменной точке приведет её деятельность;</li>
                            <li>стратегия отвечает на вопрос «как мы туда дойдем?»</li>
                        </ul>
                        <p>Тем, кто тщательно продумывает четыре этих компонента, проще собирать команду. Сотрудники, согласные с ценностями, присоединяются к ней. Если же это не резонирует у них внутри, они не чувствуют причастность, то не хотят вкладываться до конца.</p>
                        <p>Культура организации создается людьми внутри нее: и владелец должен соответствовать ей. Люди вокруг видят отношение к ценностям и их восприятие. Порой достаточно показывать, кто вы, и кем вы являетесь: на этом выстраивается и личный бренд.</p>
                        <h4>Методы масштабирования, способные заставить ваш бизнес расти</h4>
                        <p>Когда вы делаете первый шаг и получаете свои 100 тысяч долларов, не нужно быть изобретателем и создавать что-то новое. Зачастую можно сделать на 10−20% лучше существующего на рынке бизнеса. Помогает и собственная экспертиза.</p>
                        <p>Когда вы начинаете строить компанию в 100 миллионов долларов, это уже не работает. Владельцы подобных организаций начинают как и все, но приходят к этому по-другому. Все компании с таким оборотом и с высокой прибылью нашли, как давать людям то, что люди не могут сами получить, но хотят. Они поняли этот секрет, смогли его раскрыть, и теперь монетизируют.</p>
                        <p>Человек, который делает 100 миллионов долларов в год — это человек, который нашел секрет на основании своего внутреннего гения и своей личности.</p>
                        <h3>Развитие команды — еще один метод роста</h3>
                        <p>Путь абсолютной ответственности — то, что нас строит как предпринимателей. Владельцы бизнеса — это люди с огромным чувством долга и ответственности за себя. У них есть внутренняя мотивация.</p>
                        <h5>1. Кого нанимать в компанию?</h5>
                        <p>Основной фокус должен быть сосредоточен на поиске «китов». Это самоуправляемые люди, которые могут ставить перед собой цели и достигать их. Чтобы выявить таких сотрудников на этапе собеседования, нужно спросить, как они справлялись с большой проблемой или задачей в собственной жизни. Люди, которые действительно это сделали, они отличаются от тех, кто преувеличивает или даже придумывает такие истории.</p>
                        <p>Сам факт, что человек может разобраться до самых последних деталей в чем-то, означает что:</p>
                        <ul>
                            <li>у него есть постоянный, очень ассертивный фокус;</li>
                            <li>этот фокус обсессивен и приводит к результату.</li>
                        </ul>
                        <p>Для таких людей подобный подход является частью темперамента. И стоит нанимать их уже ради него, а не столько из-за интеллекта или эрудиции.</p>
                        <blockquote>
                            <b>Михаил Саидов также говорит о том, что найм таких сотрудников — трудный процесс:</b>
                            <i>«‎Найти таких людей, которые принесут тебе сумасшедший результат, очень сложно. Это почти невозможно. Чтобы найти сильного сотрудника, вот этого кита, нужно отфильтровать сотни людей. Мы говорим в буквальном смысле о десятках тысячах людей».</i>
                        </blockquote>
                        <h5>2. Как дать команде мотивацию к развитию?</h5>
                        <p>Понять, что на самом деле вы находитесь в бизнесе не ради мотивации людей. Это не цель вашей деятельности. Лучшая мотивация для сотрудников — та, с которой они уже пришли, она существует внутри них.</p>
                        <p>Намного легче нанимать мотивированных людей, чем пробовать мотивировать людей: это не ваша проблема и не ваша задача. Для уже подобранных сотрудников нужно создавать благоприятные условия, дать возможность реализовать им их мечту внутри бизнеса.</p>
                        <h3>Делегировать тоже нужно уметь</h3>
                        <img src="img/article/img-article-02_2x.jpg" alt="Делегировать тоже нужно уметь">
                        <p>Нельзя допускать зависимости всех процессов от руководителя. Многие думают, что они сделают лучше, но на самом деле это не так. В результате руководитель не уделяет достаточно внимания каждому процессу, когда как отдельный сотрудник смог бы приносить гораздо лучший результат.</p>
                        <p>При масштабировании важно уметь делегировать полномочия и распределять задачи. Увеличение бизнеса попросту не даст возможности следить за всем самостоятельно: или вы получите не те результаты, которые хотели.</p>
                        <h5>Ключевой совет, который поможет на любом этапе развития компании</h5>
                        <p>Последний совет, который точно будет вам полезен: внедряя любую идею, стоит помнить о том, что ваш бизнес, ваш продукт и вы сами — не стодолларовая купюра, чтобы всем нравиться. У каждой услуги или товара есть целевая аудитория, для которой он создается. Новые идеи не должны содержать мотива подходить всем. У организации должен быть четкий план, по которому она идет. Об этом никогда не стоит забывать.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Слайдеры -->
        <section class="section stream">
            <div class="container">
            <div class="section__header centered">
                <h2 class="title">Видеоотзывы участников Игры</h2>
            </div>
            <!-- Слайдер с видео-отзывами -->
            <div class="section__slider">
                <div class="section__slider-body">
                    <div class="slider swiper js-slider" data-slider-name="video-feedbacks" data-slider-type="default">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="card video">
                                    <div class="card__backdrop">
                                        <picture>
                                            <source srcset="img/img-video-preview-01_2x.webp 2x" type="image/webp">
                                            <source srcset="img/img-video-preview-01_2x.jpg 2x" type="image/jpg">
                                            <img loading="lazy" src="img/img-video-preview-01_2x.jpg" alt="">
                                        </picture>
                                    </div>
                                    <div class="card__overlay"></div>
                                    <button class="button-play js-button-video" data-title="" data-content="J5ZeUCGtFUI" data-forweb-path="modal-video">
                                        <svg viewBox="0 0 24 31" fill="none">
                                            <path d="M23.0774 13.7342C24.3075 14.519 24.3075 16.481 23.0774 17.2658L2.76767 30.2238C1.5376 31.0086 -6.20863e-08 30.0276 0 28.458L1.02511e-06 2.54204C1.08719e-06 0.972419 1.5376 -0.00859381 2.76767 0.776215L23.0774 13.7342Z"></path>
                                        </svg>
                                    </button>
                                </div>                             
                            </div>
                            <div class="swiper-slide">
                                <div class="card video">
                                    <div class="card__backdrop">
                                        <picture>
                                            <source srcset="img/img-video-preview-02_2x.webp 2x" type="image/webp">
                                            <source srcset="img/img-video-preview-02_2x.jpg 2x" type="image/jpg">
                                            <img loading="lazy" src="img/img-video-preview-02_2x.jpg" alt="">
                                        </picture>
                                    </div>
                                    <div class="card__overlay"></div>
                                    <button class="button-play js-button-video" data-title="" data-content="IK30HfksukI" data-forweb-path="modal-video">
                                        <svg viewBox="0 0 24 31" fill="none">
                                            <path d="M23.0774 13.7342C24.3075 14.519 24.3075 16.481 23.0774 17.2658L2.76767 30.2238C1.5376 31.0086 -6.20863e-08 30.0276 0 28.458L1.02511e-06 2.54204C1.08719e-06 0.972419 1.5376 -0.00859381 2.76767 0.776215L23.0774 13.7342Z"></path>
                                        </svg>
                                    </button>
                                </div>                             
                            </div>
                            <div class="swiper-slide">
                                <div class="card video">
                                    <div class="card__backdrop">
                                        <picture>
                                            <source srcset="img/img-video-preview-03_2x.webp 2x" type="image/webp">
                                            <source srcset="img/img-video-preview-03_2x.jpg 2x" type="image/jpg">
                                            <img loading="lazy" src="img/img-video-preview-03_2x.jpg" alt="">
                                        </picture>
                                    </div>
                                    <div class="card__overlay"></div>
                                    <button class="button-play js-button-video" data-title="" data-content="N2KFpRMF068" data-forweb-path="modal-video">
                                        <svg viewBox="0 0 24 31" fill="none">
                                            <path d="M23.0774 13.7342C24.3075 14.519 24.3075 16.481 23.0774 17.2658L2.76767 30.2238C1.5376 31.0086 -6.20863e-08 30.0276 0 28.458L1.02511e-06 2.54204C1.08719e-06 0.972419 1.5376 -0.00859381 2.76767 0.776215L23.0774 13.7342Z"></path>
                                        </svg>
                                    </button>
                                </div>                             
                            </div>
                            <div class="swiper-slide">
                                <div class="card video">
                                    <div class="card__backdrop">
                                        <picture>
                                            <source srcset="img/img-video-preview-04_2x.webp 2x" type="image/webp">
                                            <source srcset="img/img-video-preview-04_2x.jpg 2x" type="image/jpg">
                                            <img loading="lazy" src="img/img-video-preview-04_2x.jpg" alt="">
                                        </picture>
                                    </div>
                                    <div class="card__overlay"></div>
                                    <button class="button-play js-button-video" data-title="" data-content="-3qw0SkMwr4" data-forweb-path="modal-video">
                                        <svg viewBox="0 0 24 31" fill="none">
                                            <path d="M23.0774 13.7342C24.3075 14.519 24.3075 16.481 23.0774 17.2658L2.76767 30.2238C1.5376 31.0086 -6.20863e-08 30.0276 0 28.458L1.02511e-06 2.54204C1.08719e-06 0.972419 1.5376 -0.00859381 2.76767 0.776215L23.0774 13.7342Z"></path>
                                        </svg>
                                    </button>
                                </div>                             
                            </div>
                            <div class="swiper-slide">
                                <div class="card video">
                                    <div class="card__backdrop">
                                        <picture>
                                            <source srcset="img/img-video-preview-05_2x.webp 2x" type="image/webp">
                                            <source srcset="img/img-video-preview-05_2x.jpg 2x" type="image/jpg">
                                            <img loading="lazy" src="img/img-video-preview-05_2x.jpg" alt="">
                                        </picture>
                                    </div>
                                    <div class="card__overlay"></div>
                                    <button class="button-play js-button-video" data-title="" data-content="XXRGJsmZJkQ" data-forweb-path="modal-video">
                                        <svg viewBox="0 0 24 31" fill="none">
                                            <path d="M23.0774 13.7342C24.3075 14.519 24.3075 16.481 23.0774 17.2658L2.76767 30.2238C1.5376 31.0086 -6.20863e-08 30.0276 0 28.458L1.02511e-06 2.54204C1.08719e-06 0.972419 1.5376 -0.00859381 2.76767 0.776215L23.0774 13.7342Z"></path>
                                        </svg>
                                    </button>
                                </div>                             
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section__slider-footer">
                    <div class="slider-controls">
                        <div class="slider-arrows">
                            <div class="slider-btn prev-video-feedbacks">
                                <button class="button-slider prev">
                                    <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                        <path d="M1.52146 15.4462L10.2742 27.5L11.7367 25.4859L4.43026 15.4242H25.5V12.5758H4.43026L11.7367 2.51406L10.2742 0.5C10.2742 0.5 1.79956 12.1699 1.52146 12.5538C1.24335 12.9376 0.5 14 0.5 14C0.5 14 1.24335 15.0624 1.52146 15.4462Z" />
                                    </svg>
                                </button>
                            </div>
                            <div class="slider-btn next-video-feedbacks">
                                <button class="button-slider next">
                                    <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                        <path d="M24.4785 15.4462L15.7258 27.5L14.2633 25.4859L21.5697 15.4242H0.5V12.5758H21.5697L14.2633 2.51406L15.7258 0.5C15.7258 0.5 24.2004 12.1699 24.4785 12.5538C24.7566 12.9376 25.5 14 25.5 14C25.5 14 24.7566 15.0624 24.4785 15.4462Z" />
                                    </svg>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Слайдер с преподавателями -->
            <div class="section__slider">
                <div class="section__slider-body">
                    <div class="slider swiper js-slider" data-slider-name="mentors" data-slider-type="default">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="card beige-sky centered">
                                    <div class="card__avatar">
                                        <img loading="lazy" src="img/home/experts/img-card-expert-01_2x.jpg" alt="Нил Доналд Уолш">
                                    </div>
                                    <div class="card__header">
                                        <h6>Нил Доналд Уолш</h6>
                                    </div>
                                    <div class="card__body">
                                        <p>Автор мирового бестселлера «Беседыс Богом»</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="card beige-sky centered">
                                    <div class="card__avatar">
                                        <img loading="lazy" src="img/home/experts/img-card-expert-02_2x.jpg" alt="Кэтрин Грин">
                                    </div>
                                    <div class="card__header">
                                        <h6>Кэтрин Грин</h6>
                                    </div>
                                    <div class="card__body">
                                        <p>лайф-коуч мирового уровня</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="card beige-sky centered">
                                    <div class="card__avatar">
                                        <img loading="lazy" src="img/home/experts/img-card-expert-03_2x.jpg" alt="Марианна Фаверо Бонессо">
                                    </div>
                                    <div class="card__header">
                                        <h6>Марианна Фаверо Бонессо</h6>
                                    </div>
                                    <div class="card__body">
                                        <p>учёный эпидемиолог</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="card beige-sky centered">
                                    <div class="card__avatar">
                                        <img loading="lazy" src="img/home/experts/img-card-expert-04_2x.jpg" alt="Лори Готтлиб">
                                    </div>
                                    <div class="card__header">
                                        <h6>Лори Готтлиб</h6>
                                    </div>
                                    <div class="card__body">
                                        <p>Американский психотерапевт, писатель и автор колонки в журнале «Dear Therapist»</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="card beige-sky centered">
                                    <div class="card__avatar">
                                        <img loading="lazy" src="img/home/experts/img-card-expert-05_2x.jpg" alt="Байрон Кейти">
                                    </div>
                                    <div class="card__header">
                                        <h6>Байрон Кейти</h6>
                                    </div>
                                    <div class="card__body">
                                        <p>известный коуч и автор бестселлеров</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section__slider-footer">
                    <div class="slider-controls">
                        <div class="slider-arrows">
                            <div class="slider-btn prev-mentors">
                                <button class="button-slider prev">
                                    <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                        <path d="M1.52146 15.4462L10.2742 27.5L11.7367 25.4859L4.43026 15.4242H25.5V12.5758H4.43026L11.7367 2.51406L10.2742 0.5C10.2742 0.5 1.79956 12.1699 1.52146 12.5538C1.24335 12.9376 0.5 14 0.5 14C0.5 14 1.24335 15.0624 1.52146 15.4462Z" />
                                    </svg>
                                </button>
                            </div>
                            <div class="slider-btn next-mentors">
                                <button class="button-slider next">
                                    <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                        <path d="M24.4785 15.4462L15.7258 27.5L14.2633 25.4859L21.5697 15.4242H0.5V12.5758H21.5697L14.2633 2.51406L15.7258 0.5C15.7258 0.5 24.2004 12.1699 24.4785 12.5538C24.7566 12.9376 25.5 14 25.5 14C25.5 14 24.7566 15.0624 24.4785 15.4462Z" />
                                    </svg>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Слайдер с отзывами-картинками -->
            <div id="feedbacks" class="section__slider">
                <div class="section__slider">
                    <div class="section__slider-body">
                        <!-- скрипт вызывается из файла js/feedbacks.bundle.js -->
                        <div class="slider swiper js-slider" data-slider-name="feedbacks-screen" data-slider-type="default">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="card-feedback">
                                        <div class="card-feedback__preview">
                                            <img loading="lazy" src="img/feedbacks/img-feedback-01_2x.jpg" alt="natalinacoach">
                                        </div>
                                        <div class="card-feedback__header">
                                            <h6 class="card-feedback__title">natalinacoach</h6>
                                        </div>
                                        <div class="card-feedback__footer">
                                            <button class="button icon medium zero-beige js-button-feedback" data-type="image" data-content="img/feedbacks/img-feedback-01_2x.jpg" data-title="natalinacoach" data-forweb-path="modal-image">
                                                <span>Смотреть скриншот</span>
                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5.5C2 3.84315 3.34315 2.5 5 2.5H9C9.55228 2.5 10 2.94772 10 3.5C10 4.05228 9.55228 4.5 9 4.5H5C4.44772 4.5 4 4.94772 4 5.5V9.5C4 10.0523 3.55228 10.5 3 10.5C2.44772 10.5 2 10.0523 2 9.5V5.5ZM14 3.5C14 2.94772 14.4477 2.5 15 2.5H19C20.6569 2.5 22 3.84315 22 5.5V9.5C22 10.0523 21.5523 10.5 21 10.5C20.4477 10.5 20 10.0523 20 9.5V5.5C20 4.94772 19.5523 4.5 19 4.5H15C14.4477 4.5 14 4.05228 14 3.5ZM7.625 10.25C7.625 9.0764 8.5764 8.125 9.75 8.125H14.25C15.4236 8.125 16.375 9.0764 16.375 10.25V14.75C16.375 15.9236 15.4236 16.875 14.25 16.875H9.75C8.5764 16.875 7.625 15.9236 7.625 14.75V10.25ZM9.75 10.125C9.68096 10.125 9.625 10.181 9.625 10.25V14.75C9.625 14.819 9.68096 14.875 9.75 14.875H14.25C14.319 14.875 14.375 14.819 14.375 14.75V10.25C14.375 10.181 14.319 10.125 14.25 10.125H9.75ZM3 14.5C3.55228 14.5 4 14.9477 4 15.5V19.5C4 20.0523 4.44772 20.5 5 20.5H9C9.55228 20.5 10 20.9477 10 21.5C10 22.0523 9.55228 22.5 9 22.5H5C3.34315 22.5 2 21.1569 2 19.5V15.5C2 14.9477 2.44772 14.5 3 14.5ZM21 14.5C21.5523 14.5 22 14.9477 22 15.5V19.5C22 21.1569 20.6569 22.5 19 22.5H15C14.4477 22.5 14 22.0523 14 21.5C14 20.9477 14.4477 20.5 15 20.5H19C19.5523 20.5 20 20.0523 20 19.5V15.5C20 14.9477 20.4477 14.5 21 14.5Z" />
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card-feedback">
                                        <div class="card-feedback__preview">
                                            <img loading="lazy" src="img/feedbacks/img-feedback-02_2x.jpg" alt="shergina.victoria">
                                        </div>
                                        <div class="card-feedback__header">
                                            <h6 class="card-feedback__title">shergina.victoria</h6>
                                        </div>
                                        <div class="card-feedback__footer">
                                            <button class="button icon medium zero-beige js-button-feedback" data-type="image" data-content="img/feedbacks/img-feedback-02_2x.jpg" data-title="shergina.victoria" data-forweb-path="modal-image">
                                                <span>Смотреть скриншот</span>
                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5.5C2 3.84315 3.34315 2.5 5 2.5H9C9.55228 2.5 10 2.94772 10 3.5C10 4.05228 9.55228 4.5 9 4.5H5C4.44772 4.5 4 4.94772 4 5.5V9.5C4 10.0523 3.55228 10.5 3 10.5C2.44772 10.5 2 10.0523 2 9.5V5.5ZM14 3.5C14 2.94772 14.4477 2.5 15 2.5H19C20.6569 2.5 22 3.84315 22 5.5V9.5C22 10.0523 21.5523 10.5 21 10.5C20.4477 10.5 20 10.0523 20 9.5V5.5C20 4.94772 19.5523 4.5 19 4.5H15C14.4477 4.5 14 4.05228 14 3.5ZM7.625 10.25C7.625 9.0764 8.5764 8.125 9.75 8.125H14.25C15.4236 8.125 16.375 9.0764 16.375 10.25V14.75C16.375 15.9236 15.4236 16.875 14.25 16.875H9.75C8.5764 16.875 7.625 15.9236 7.625 14.75V10.25ZM9.75 10.125C9.68096 10.125 9.625 10.181 9.625 10.25V14.75C9.625 14.819 9.68096 14.875 9.75 14.875H14.25C14.319 14.875 14.375 14.819 14.375 14.75V10.25C14.375 10.181 14.319 10.125 14.25 10.125H9.75ZM3 14.5C3.55228 14.5 4 14.9477 4 15.5V19.5C4 20.0523 4.44772 20.5 5 20.5H9C9.55228 20.5 10 20.9477 10 21.5C10 22.0523 9.55228 22.5 9 22.5H5C3.34315 22.5 2 21.1569 2 19.5V15.5C2 14.9477 2.44772 14.5 3 14.5ZM21 14.5C21.5523 14.5 22 14.9477 22 15.5V19.5C22 21.1569 20.6569 22.5 19 22.5H15C14.4477 22.5 14 22.0523 14 21.5C14 20.9477 14.4477 20.5 15 20.5H19C19.5523 20.5 20 20.0523 20 19.5V15.5C20 14.9477 20.4477 14.5 21 14.5Z" />
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="card-feedback">
                                        <div class="card-feedback__preview">
                                            <img loading="lazy" src="img/feedbacks/img-feedback-01_2x.jpg" alt="natalinacoach">
                                        </div>
                                        <div class="card-feedback__header">
                                            <h6 class="card-feedback__title">natalinacoach</h6>
                                        </div>
                                        <div class="card-feedback__footer">
                                            <button class="button icon medium zero-beige js-button-feedback" data-type="image" data-content="img/feedbacks/img-feedback-01_2x.jpg" data-title="natalinacoach" data-forweb-path="modal-image">
                                                <span>Смотреть скриншот</span>
                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5.5C2 3.84315 3.34315 2.5 5 2.5H9C9.55228 2.5 10 2.94772 10 3.5C10 4.05228 9.55228 4.5 9 4.5H5C4.44772 4.5 4 4.94772 4 5.5V9.5C4 10.0523 3.55228 10.5 3 10.5C2.44772 10.5 2 10.0523 2 9.5V5.5ZM14 3.5C14 2.94772 14.4477 2.5 15 2.5H19C20.6569 2.5 22 3.84315 22 5.5V9.5C22 10.0523 21.5523 10.5 21 10.5C20.4477 10.5 20 10.0523 20 9.5V5.5C20 4.94772 19.5523 4.5 19 4.5H15C14.4477 4.5 14 4.05228 14 3.5ZM7.625 10.25C7.625 9.0764 8.5764 8.125 9.75 8.125H14.25C15.4236 8.125 16.375 9.0764 16.375 10.25V14.75C16.375 15.9236 15.4236 16.875 14.25 16.875H9.75C8.5764 16.875 7.625 15.9236 7.625 14.75V10.25ZM9.75 10.125C9.68096 10.125 9.625 10.181 9.625 10.25V14.75C9.625 14.819 9.68096 14.875 9.75 14.875H14.25C14.319 14.875 14.375 14.819 14.375 14.75V10.25C14.375 10.181 14.319 10.125 14.25 10.125H9.75ZM3 14.5C3.55228 14.5 4 14.9477 4 15.5V19.5C4 20.0523 4.44772 20.5 5 20.5H9C9.55228 20.5 10 20.9477 10 21.5C10 22.0523 9.55228 22.5 9 22.5H5C3.34315 22.5 2 21.1569 2 19.5V15.5C2 14.9477 2.44772 14.5 3 14.5ZM21 14.5C21.5523 14.5 22 14.9477 22 15.5V19.5C22 21.1569 20.6569 22.5 19 22.5H15C14.4477 22.5 14 22.0523 14 21.5C14 20.9477 14.4477 20.5 15 20.5H19C19.5523 20.5 20 20.0523 20 19.5V15.5C20 14.9477 20.4477 14.5 21 14.5Z" />
                                                </svg>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="section__slider-footer">
                        <div class="slider-controls">
                            <div class="slider-arrows">
                                <div class="slider-btn prev-feedbacks-screen">
                                    <button class="button-slider prev">
                                        <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                            <path d="M1.52146 15.4462L10.2742 27.5L11.7367 25.4859L4.43026 15.4242H25.5V12.5758H4.43026L11.7367 2.51406L10.2742 0.5C10.2742 0.5 1.79956 12.1699 1.52146 12.5538C1.24335 12.9376 0.5 14 0.5 14C0.5 14 1.24335 15.0624 1.52146 15.4462Z" />
                                        </svg>
                                    </button>
                                </div>
                                <div class="slider-btn next-feedbacks-screen">
                                    <button class="button-slider next">
                                        <svg width="26" height="28" viewBox="0 0 26 28" fill="none">
                                            <path d="M24.4785 15.4462L15.7258 27.5L14.2633 25.4859L21.5697 15.4242H0.5V12.5758H21.5697L14.2633 2.51406L15.7258 0.5C15.7258 0.5 24.2004 12.1699 24.4785 12.5538C24.7566 12.9376 25.5 14 25.5 14C25.5 14 24.7566 15.0624 24.4785 15.4462Z" />
                                        </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </section>

         @@include('blocks/button-up.html')
    </main>

    @@include('blocks/footer.html')
    @@include('blocks/mobile-nav.html')
    @@include('blocks/modals.html')
    <script src="./js/video.bundle.js"></script>
    <script src="./js/slider.bundle.js"></script>
    <script src="./js/feedbacks.bundle.js"></script>
</body>

</html>