Анонс курса по разработке и продвижению игр
Узнай, как создать свою игру от идеи до продаж
Узнай, как создать свою игру от идеи до продаж: собрать команду и довести разработку до конца вместе с практиком, в портфолио которого более 10 игровых проектов самых разных жанров и сложности.
Длительность курса: 6 месяцев (5 месяцев программа + 1 месяц — проверка домашних заданий).
Количество материала: 40 live-лекций, разделенных на 7 блоков.
Записаться: School-xyz.com/prodyusirovanie-igr
КОРОТКО О КУРСЕ:
Преподаватель — Кирилл Золовкин, создатель Gripper (83% положительных отзывов в Steam, 12 индустриальных наград) и многих других проектов. Был ведущим гейм-дизайнером компании OctoBox Interactive, в рамках которой работал с Wargaming.
Мы подробно разберем все этапы создания игры — от препродакшена до релиза и пострелизной поддержки, — с точки зрения менеджмента.
— Проведём конкурентный анализ и создадим прототип в GameMaker.
— Улучшим прототип до публичного демо, проведем плейтесты.
— Рассмотрим принципы управления командой, выстроим пайплайны работы.
— Поработаем со схемами монетизации и системами аналитики.
— Подготовим игру для презентации инвесторам и издателям.
— Покажем, как загрузить игру в популярные магазины, как продавать и продвигать ее до и после релиза.
Каждую узкую тему мы будем исследовать вместе с соответствующим специалистом: арт-директором, техническим директором, аналитиком — и так далее. Вместе мы пройдемся по всей структуре современной игровой компании.
ЦЕЛЬ КУРСА
Научиться правильно выстраивать пайплайн разработки и рассматривать игру как бизнес-продукт.
Мы не будем бросать процесс твоего обучения на прототипе, а пошагово доведём продукт до релиза и расскажем, как его поддерживать — будь то игра для PC, консолей или мобильных платформ.
Мы пройдём все шаги поэтапно — от начальной идеи до запуска, включая издание в магазине. Все эти этапы Кирилл не раз проходил сам — и теперь поделится опытом с тобой.
Кирилл Золовкин:
Когда мы выпустили мастер-класс «Пайплайн разработки инди-игры», он собрал очень положительные отклики — но многие писали, что им хотелось бы более подробно разобраться в процессах. Мы учли пожелания и создали курс, в котором, в отличие от других, есть всё про процессы и, главное, выпуск игры. Это поможет тем, кто хочет создать свою студию и начать зарабатывать на играх.
ТЫ НАУЧИШЬСЯ:
- Генерировать гипотезы;
-
Планировать разработку и выстраивать пайплайн;
-
Работать с маркетингом, магазинами и продвижением после релиза;
-
Собирать команду и руководить ей;
-
Организовывать работу удалённой команды;
-
Создавать прототипы в GameMaker;
-
Работать с аналитикой и монетизацией;
-
Искать издателя и инвесторов;
-
Анализировать конкурентов.
ДЛЯ КОГО ЭТОТ КУРС:
- Для тех, у кого есть видение игры и наработки — поможем построить четкий план действий и довести проект до конца.
- Для тех, у кого уже есть игра на какой-то стадии разработки — и нужно понять, что делать с ней дальше.
- Для тех, у кого есть опыт в гейм-дизайне и создании прототипов, и кто хочет вырасти до руководителя команды разработки, выпустив свой коммерческий продукт.
- Для новичков, которые мечтают создавать свои игры — расскажем весь пайплайн.
Gripper, игра Кирилла Золовкина
Кирилл Золовкин — инди-разработчик, product owner и project lead, выпустивший более десяти игр. Игры начал делать ещё со школы, когда случайно обнаружил GameMaker на сайте с подборкой простых программ для создания игр.
Поступил на экономическое, потом практиковался в банке, но вскоре понял, что это не его. К счастью, к этому времени у него уже была первая работа в индустрии — Кирилл удалённо работал на Alawar.
Затем он переехал в Питер, где работал над Wormix, Death Tour и Orbix.
Несколько фактов о Кирилле:
— делает игры со школы;
— получил степень магистра менеджмента;
— выпустил более 10 игр;
— игры собрали 13 номинаций и наград;
— приобрел опыт масштабирования команды от 3 до 30 человек;
— был product owner'ом и project lead'ом пяти проектов.
Кирилл с командой OctoBox Interactive
Проекты, над которыми работал Кирилл: Gripper, Paper Knight, Steam Panic, Geon FX, NDA Wargaming project, MetaChampions, Orbix, Wormix, Death Tour, ZForZombies, Kronville: Stolen Dreams.
Главным проектом Кирилла стала игра Gripper, в которой он попытался передать чувство утраты от смерти матери. Проект завоевал множество наград и обрёл обширную фанатскую базу.
Награды Gripper, — главной игры Кирилла
Кирилл Золовкин:
«Я работал над проектами разных жанров: головоломками, гонками, квестами, ритм-играми, стратегиями и шутерами.
Чтобы сделать этот курс, я использовал весь свой 15-летний опыт разработки и монетизации: от условно-бесплатных и рекламных игр до мобильных free-to-play и премиальных проектов для консолей».
ПРОГРАММА КУРСА
Тебя ждут 40 лекций, которые поделены на семь последовательных блоков. После каждой лекции тебя ждёт домашнее задание.
1. Препродакшн
Сгенерируем идеи для механик, напишем вижен и концепт-документ игры, соберём прототип, усовершенствуем прототип до публичного демо, проведём плейтест и поработаем над фидбэком.
Прототипирование: поведение босса
Лекция 1: Этапы разработки игры и генерация идей
Рассмотрим основные этапы разработки игры и распишем, какой продукт получаем на каждом этапе. Используя доступные методы генерации идей, создадим свои идеи игр и механик.
Домашка: сгенерировать идеи пяти игр разными методами, описать ваш продукт на всех этапах разработки
Время: 1 час лекция, 6 часов на домашнюю работу
Лекция 2: Конкурентный анализ
Найдём и проанализируем конкурентов игры, используя доступные сервисы и методики.
Домашка: найти и проанализировать 4-х конкурентов игры, декомпозировать одного
Время: 1 час лекция, 5 часов на домашку
Лекция 3: Вижн и концепт-документ
Разберёмся, зачем нужны вижн и концепт-документы, и чем они отличаются друг от друга. Поговорим о том, как они будут расширяться до дизайн-документа.
Домашка: написать свои вижн и концепт-документ
Время: 1 час лекция, 3 часа на домашку
Лекция 4: Методики прототипирования и обзор GameMaker Studio 2
Разберёмся, что такое прототип, и как к нему подходить. Откроем для себя GameMaker, как средство быстрого прототипирования. Изучим его инструментарий и возможности.
Домашка: сбор материалов для прототипирования, описание функционала прототипа, создание в GameMaker основы для будущего прототипа
Время: 1,5 часа лекция, 3 часа на домашку
Лекция 5: Создание прототипа в GameMaker
Создадим свой первый прототип игры, разобрав примеры игр различных жанров.
Домашка: изменение состояний прототипа, добавление новых механик
Время: 1,5 часа лекции, 4 часа домашка
Лекция 6: Полировка прототипа и создание демо
Улучшим прототип до состояния публичного демо, добавив в него UI, эффекты, звуки и поддержку геймпада.
Домашка: создание эффекта, добавление звуков и UI в прототип
Время: 1,5 часа лекции, 1 день на домашку
Лекция 7: Локализация демо и плейтесты
Продумаем систему для удобной локализации проекта. Внедрим её в прототип. Организуем плейтест локально и в онлайне, соберём фидбэк и обработаем результаты.
Домашка: таблица локализации, анкета для пле��теста
Время: 1,5 часа лекции, 2 дня на домашку
Блок 2. Менеджмент игрового проекта.
Спланируем проект от майлстоунов до эпиков, соберём команду и организуем удалённую работу с ней, используя популярные в индустрии сервисы.
Лекция 8: Гибкие методологии разработки и планирование проекта
Рассмотрим различия гибких методологий, разберём основные понятия, спланируем проект по майлстоунам, создадим бэклог из Epic-фичей.
Домашка: дорожная карта (roadmap) проекта, User Story 30 минут игры, бэклог проекта
Время: 1 час лекции, 6 часов домашней работы
Лекция 9: Самоорганизация, поиск и расширение команды
Начнём вести дневник руководителя, организуем документы, заведём задачи в планировщике и встречи в календаре. Разместим объявление о найме и проверим квалификацию сотрудников в тестовых и на собеседовании.
Домашка: Завести Notion и создать структуру документов в нём, завести приложения для GTD и начать использовать, заполнить Google Calendar, создать вакансию программиста и художника с тестовым для своего проекта.
Время: 1,5 часа лекции, 1 день на домашку
Лекция 10: Мотивация и контроль
Рассмотрим различные техники мотивации сотрудников, постановки задач и контроля за их исполнением.
Домашка: сценарий тимбилдинг-активности, план подготовки к конференции с бюджетом, постановка задачи
Время: 1 час лекции, 2 часа на домашку
Лекция 11: Организация удалённой работы
Построим процесс удалённой работы с командой, изучим особенности онлайн-менеджмента и организации инфраструктуры команды.
Домашка: настройка Discord-сервера и бота, Slack, Trello, Jira, Confluence, облачные хранилища
Время: 1,5 часа лекции, 2 часа на домашку
Лекция 12: GIT
Разберём различия популярных систем контроля версий и методологию работы с ними. Научимся создавать репозитории, коммитить в различные ветки и придерживаться удобной методики ведения проекта.
Домашка: поднять свой GIT-репозиторий, разбить на ветки, закоммитить проект, смержить в него конфликтные файлы в пользу разных веток
Время: 1,5 часа лекции, 3 часа на домашку
Блок 3. Пайплайны игровой студии.
Разберёмся, как устроена игровая студия, и как правильно построить процессы в каждом из её отделов: дизайна, арта, кода, звука. Научимся писать грамотную документацию, заказывать ассеты, сотрудничать с посредниками и разбираться в специфике работы сотрудников. Откроем Unreal, создадим блокаут и сиквенс.
Лекция 13: Гейм-дизайн отдел и его документация
Разберём типы гейм-дизайнеров, задачи каждого и документы на выходе.
Домашка: блок-схема логики главы, флоу одной главы, техническая спецификация на фичу
Время: 1,5 часа лекции, 6 часов на домашку
Лекция 14: Нарративный отдел и сценарная документация
Поговорим о роли нарративного дизайнера и сценариста на проекте, рассмотрим документы, предлагаемые ими.
Домашка: синопсис игры, флоу игрового эпизода, сценарий анимационного ролика с диалогом
Время: 1,5 часа лекции, 2 дня на домашку
Лекция 15: Левел-дизайн отдел
Создадим блокаут локации в Unreal, поговорим о правилах, используемых в левел-дизайне.
Домашка: блокаут локации
Время: 1,5 часа лекции, 2 дня на домашку
Лекция 16: Арт, VFX и UI отделы
Рассмотрим виды взаимодействия с арт, VFX и UI отделами, и разберём задачи, которые им ставятся на проекте. Изучим структуру арт-библии, процесс сбора подходящих референсов, роль мокапов и правильного составления «заказов» на ассеты.
Домашка: описание нескольких задач на отдел (с рефами), мокап POI, мокап интерфейса
Время: 1,5 часа лекции, 1 день на домашку
Лекция 17: Технический отдел
Остановимся на архитектуре проекта, ролях технических специалистов том, как правильно ставить им ТЗ. Создадим понятные UML-диаграммы поведения, напишем скрипт на GML в GameMaker и Blueprint в Unreal (для понимания устройства современных скриптовых и языков), оформим ТЗ для инструментария, помогающего работать дизайнерам.
Домашка: UML поведения ИИ в вашем проекте, внести изменения в скрипт GML для получения другого результата, ТЗ на инструментарий для вашего проекта
Время: 1,5 часа, 6 часов на домашку
Лекция 18: Моушн-дизайн
Рассмотрим процесс работы моушн-дизайнеров, напишем сценарий, срежиссируем и создадим катсцену в Unreal.
Домашка: своя катсцена в Unreal по заданному сценарию
Время: 1,5 часа лекции, 5 часов на домашку
Лекция 19: Звукорежиссура
Поговорим о работе с музыкантами, саунд-дизайнерами и актёрами озвучки. Рассмотрим договор лицензирования, работу сервисов Royalty-free музыки и озвучки.
Домашка: ТЗ на 5 звуков к игре, ТЗ на 5 реплик к игре
Время: 1 час лекции, 1 час на домашку
Блок 4. Монетизация и аналитика игр.
Продумаем монетизацию проекта и напишем документы по ней, внедрим популярные механики монетизации в проект, сравним и подключим системы аналитики, проанализируем результаты и предложим изменения в проект на их основе.
Лекция 20: Основы монетизации игр
Разберём популярные модели распространения игр, как правильно подходить к монетизации и когда начинать, как выглядят документы верхнего уровня, описывающие монетизацию в игре.
Домашка: документ по прогрессии игрока и монетизации, схемы игрового цикла, кругооборота доходов и расходов
Время: 1,5 часа лекции, 2 часа на домашку
Лекция 21: Способы монетизации в играх
Рассмотрим конкретные популярные методы монетизации в играх-сервисах, фреймворк работы с ними. Интегрируем покупки и рекламу в демо-проект.
Домашка: ТЗ на интеграцию монетизации в игру
Время: 1 час лекции, 2 часа на домашку
Лекция 22: Игровая аналитика
Поговорим об устройстве софт-лонча, важности игровой аналитики, главных метриках проекта, привлечении и удержании игроков.
Домашка: описать метрики, которые будете логировать
Время: 1 час лекции, 2 часа на домашку
Лекция 23: Работа с системой аналитики
Разберём, как устроена панель аналитики системы Google Analytics. Разберём, как интегрировать её в проект, и как анализировать полученные данные.
Домашка: завести кабинет Google Analytics, интегрировать библиотеку в игру
Время: 1,5 часа лекции, 6 часов на домашку
Блок 5. Питчинг проекта и сбор средств.
Подготовим проект и портфолио команды для презентации инвестору, изучим договор с издателем, подготовимся к выходу на краудфандинговую платформу.
Лекция 24: Питч игры для инвесторов
Поговорим о том, как найти издателя и инвестора для своей игры, а также как преподнести им проект. Соберём пакет документов для издателя и инвестора.
Домашка: elevator pitch, roadmap проекта, USP и бюджет
Время: 1,5 часа лекции, 6 часов на домашку
Лекция 25: Питч-дэк команды и договор с издателем
Уделим внимание правильному резюме команды (например, для контракта на аутсорс), разберём договор с издателем и подводные камни, которые могут в нём быть.
Домашка: CV команды, поиск пробелов в договоре с издателем
Время: 1,5 часа лекции, 6 часов на домашку
Лекция 26: Краудфандинг
Подготовим проект к краудфандингу, расписав план кампании, страницу проекта, цели и последовательность действий до и после выхода на Kickstarter.
Домашка: план кампании, текст страницы, цели проекта и награды для бейкеров
Время: 1 час лекции, 2 дня на домашку
Блок 6. Маркетинг игры.
Разработаем маркетинговый план проекта, создадим трейлер игры и сайт, начнём вести соцсети с материалами по игре, подготовимся к показам на конференциях, разошлём прессе анонс и закупим рекламу для продвижения.
Лекция 27: Маркетинговый план
Поговорим о важности маркетинговой стратегии. Составим маркетинговый план — таблицу активностей на разных этапах жизни проекта. Выясним, какой маркетинговый контент потребуется, и когда.
Домашка: Составление своего плана маркетинга
Время: 1 час лекции, 4 часа на домашку
Лекция 28: Тизер и трейлер игры
Поговорим о структуре тизера и трейлера игры, а также об ограничениях. Смонтируем свой собственный трейлер из геймплейных нарезок и арта.
Домашка: смонтировать тизер игры на 30 секунд
Время: 1,5 часа лекции, 3 дня
Лекция 29: Сайт игры и пресс-кит
Подготовим контент для сайта игры. Поработаем с CMS для обновления. Оформим пресс-кит.
Домашка: сделать лендинг игры и пресс-кит
Время: 1 час лекции, 2 часа на домашку
Лекция 30: Соцсети
Поговорим о типах и различиях постов для соцсетей и том, как их правильно планировать, оформлять и запускать в публикацию.
Домашка: создать аккаунты в популярных соцсетях, написать отложенные посты разных типов на неделю
Время: 1 часа лекции, 2 часа на домашку
Лекция 31: Показ игры на конференциях и в онлайне
Составим список материалов, необходимых для игровой конференции. Рассмотрим, как эти материалы выглядят, и что важно не упустить в подготовке. Внесём изменения в наш проект для показа на конференциях. Настроим и проведём стрим игры.
Домашка: создать мокап роллапа, флаера и визитки игры, описать функционал демо-билда для конференции, настроить и провести стрим игры
Время: 1,5 часа лекции, 2 часа на домашку
Лекция 32: Инфлюенсеры и пресса
Рассмотрим особенности работы с прессой, структуру пресс-релиза и пресс-кита, организацию рассылки пресс-релизов и ключей.
Домашка: пресс-релиз игры, таблица контактов для игры
Время: 1,5 часа лекции, 2 часа на домашку
Лекция 33: Реклама игры
Сделаем тестовый закуп рекламы в соцсетях, подготовив креатив и настроим под себя таргетинг.
Домашка: заготовка креатива игры (или рекламного баннера), описание целевой аудитории
Время: 1 часа лекции, 4 часа на домашку
Блок 7. Публикация и поддержка игры.
Опубликуем игру в популярных онлайн-площадках для ПК и мобильных. Изучим требования для выхода на консолях. Спланируем мероприятия по поддержке и продвижению игры после выхода.
Лекция 34: Публикация игры на бесплатных площадках
Создадим и заполним страницы игры на площадках, не требующих стартового взноса при регистрации.
Домашка: страница на Itch.IO, SteamDB, GameJolt
Время: 1 час лекции, 3 часа на домашку
Лекция 35: Публикация игры в Steam
Поговорим о юридических аспектах, технических требованиях и особенностях настройки страницы игры в Steam.
Домашка: чеклист и все ассеты, необходимые для публикации игры в Steam
Время: 1,5 часа лекции, 4 часа на домашку
Лекция 36: Публикация игры в App Store
Пошагово разберём, что нужно для регистрации и публикации игры в App Store. Как отправить заявку на фичеринг и какие материалы подготовить для выхода.
Домашка: чеклист и ассеты для выхода в App Store
Время: 1,5 часа лекции, 4 часа на домашку
Лекция 37: Публикация игры в Google Play
Разберём отличия Google Play от App Store и объясним, как выходить на мобильных платформах.
Домашка: чеклист и ассеты для выхода в Google Play
Время: 1,5 часа лекции, 2 часа на домашку
Лекция 38: Игровые ассеты
Сравним рынки ассетов для популярных движков, их особенности. Разберём, как создать свой ассет для GameMaker и выложить в магазин.
Домашка: концепт-документ на свой ассет
Время: 1 час лекции, 2 часа на домашку
Лекция 39: Выход на консоли
Обсудим, как работают онлайн-витрины консолей, расскажем о выходе на них и требованиях, которые надо учесть, прежде чем отправлять игру на проверку.
Домашка: составить ТЗ на правки в игру по консольному чеклисту
Время: 1 час лекции, 5 часов на домашку
Лекция 40: LiveOps в играх
Составим план обновлений и мероприятий по поддержке и продвижению игры после выхода, поговорим о скидках и участие в распродажах.
Домашка: план обновлений, описание акции по игре, конкурс в соцсети, постмортем
Время: 1 час лекции, 3 часа на домашку
ЧТО У ТЕБЯ БУДЕТ ПО ИТОГУ
Основной путь после прохождения курса — сделать и выпустить собственную игру и стать инди-разработчиком. Но и для работы в крупных компаниях этот опыт пригодится.
У тебя будет понимание процессов работы в небольших, средних и крупных студиях. С этими знаниями ты можешь смело пробовать свои силы в роли помощника продюсера или на других менеджерских позициях в геймдеве, набираясь опыта и продвигаясь по карьерной лестнице.
Но главное — ты будешь знать, как избежать критических ошибок, делая игру мечты, и подойдешь к делу с пониманием всех процессов. Отсутствие этих знаний может загубить лучшую идею.
Прототип на GameMaker Studio 2
Также по завершении курса у тебя будет прототип игры на GameMaker — это очень простой движок, основы работы в котором ты освоишь в ходе обучения.
Этот прототип ты сможешь использовать как основу для будущей игры, или же чтобы наглядно демонстрировать свою идею потенциальным участникам команды разработки, инвесторам или издателям.
В СТОИМОСТЬ ВХОДЯТ:
Проверка домашки.
Одна лекция — одно домашнее задание для усвоения материала. По каждому ты получишь фидбек от ассистента преподавателя — проверенного мидла с опытом в индустрии не менее трех лет.
Доступ к лекциям без ограничений по времени.
Учись в комфортном для себя темпе. Новые уроки открываются сами по мере прохождения программы, а к записям предыдущих можно вернуться в любое время.
Личный кабинет на платформе XYZ.
Все лекции, стримы, домашки, чек-листы и дополнительные материалы ждут тебя в личном кабинете на нашей собственной платформе learn.school-xyz.
Закрытая группа в Discord.
Ты сможешь без лишних формальностей общаться с преподавателями и со всеми студентами с твоего потока. Ты приходишь на курс один, а уходишь с новыми друзьями и полезными знакомствами.
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ СТАТЬИ
ОТ XYZ РАЗ В НЕДЕЛЮ?
Подпишись на рассылку XYZ
Нажимая на кнопку, вы соглашаетесь с условиями обработки данных
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="google-site-verification" content="3W5japOowboLNjQ8sge1sGCJaL2OOmBZVhLGCNoRjlw" /> <meta name="yandex-verification" content="e2db1711d82f578a" /> <!--metatextblock--> <title>Курс «Продюсирование игр» от XYZ School</title> <meta name="description" content="«Продюсирование игр» — курс для тех, кто хочет создать собственную инди-игру и заработать на ней, — найти инвестора, собрать команду, довести разработку до конца и провести успешную маркетинговую кампанию." /> <meta property="og:url" content="https://www.school-xyz.com/kurs-prodyusirovanie-igr-ot-xyz-school" /> <meta property="og:title" content="Курс «Продюсирование игр» от XYZ School" /> <meta property="og:description" content="«Продюсирование игр» — курс для тех, кто хочет создать собственную инди-игру и заработать на ней, — найти инвестора, собрать команду, довести разработку до конца и провести успешную маркетинговую кампанию." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild3333-3636-4462-a464-306639363962/Concept_art.png" /> <link rel="canonical" href="https://www.school-xyz.com/kurs-prodyusirovanie-igr-ot-xyz-school"> <!--/metatextblock--> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <link rel="shortcut icon" href="https://static.tildacdn.com/tild6462-6438-4164-b332-316331666365/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="https://static.tildacdn.com/tild3733-3662-4966-a264-383561643337/XYZSchool.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://static.tildacdn.com/tild3733-3662-4966-a264-383561643337/XYZSchool.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://static.tildacdn.com/tild3733-3662-4966-a264-383561643337/XYZSchool.png"> <link rel="apple-touch-startup-image" href="https://static.tildacdn.com/tild3733-3662-4966-a264-383561643337/XYZSchool.png"> <!-- Assets --> <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page16255904.min.css?t=1737447177" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-animation-2.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-cover-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-forms-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-cart-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zoom-2.0.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zoom-2.0.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" type="text/css" href="https://ws.tildacdn.com/project1006203/custom.css?t=1737447177"> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}function t396_initialScale(t){t=document.getElementById("rec"+t);if(t){t=t.querySelector(".t396__artboard");if(t){var e,r=document.documentElement.clientWidth,a=[];if(i=t.getAttribute("data-artboard-screens"))for(var i=i.split(","),l=0;l<i.length;l++)a[l]=parseInt(i[l],10);else a=[320,480,640,960,1200];for(l=0;l<a.length;l++){var n=a[l];n<=r&&(e=n)}var o="edit"===window.allrecords.getAttribute("data-tilda-mode"),d="center"===t396_getFieldValue(t,"valign",e,a),c="grid"===t396_getFieldValue(t,"upscale",e,a),s=t396_getFieldValue(t,"height_vh",e,a),u=t396_getFieldValue(t,"height",e,a),g=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!o&&d&&!c&&!s&&u&&!g){for(var _=parseFloat((r/e).toFixed(3)),f=[t,t.querySelector(".t396__carrier"),t.querySelector(".t396__filter")],l=0;l<f.length;l++)f[l].style.height=Math.floor(parseInt(u,10)*_)+"px";t396_scaleInitial__getElementsToScale(t).forEach(function(t){t.style.zoom=_})}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter(function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))}):[]}function t396_getFieldValue(t,e,r,a){var i=a[a.length-1],l=r===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+r);if(!l)for(var n=0;n<a.length;n++){var o=a[n];if(!(o<=r)&&(l=o===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return l}</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page16255904.min.js?t=1737447177" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-popup-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-cover-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-video-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-video-processor-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-slds-1.4.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-cart-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-widget-positions-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-vote-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zoom-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <!-- nominify begin --><script>
// скрипт для стилизации попапов с работами студентов при переходе по прямой ссылке на этот попап
if (window.location.pathname.includes('/tpost')) {
$('head').append('<link rel="stylesheet" href="https://landing-cdn.school-xyz.com/tpostTildaStyle.css?v=1" type="text/css">');
}
</script> <script>
document.addEventListener('DOMContentLoaded', function() {
var allRec = document.getElementById('allrecords');
if (allRec) allRec.setAttribute('data-fb-event', 'nosend');
});
</script> <script type="text/javascript" id="advcakeAsync">
(function ( a ) {
var b = a.createElement("script");
b.async = 1;
b.src = "//code.0gs25f.ru/";
a=a.getElementsByTagName("script")[0]; a.parentNode.insertBefore(b,a)
})(document);
</script> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/promosTildaScript.js?v=3"></script> <!-- отвечает за работу промобара --> <link rel="stylesheet" href="https://learn.school-xyz.com/tilda-static/public/promosTildaStyle.css?v=3"> <!-- стили для промобара --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/saveUrlGetParamsTildaScript.js"></script> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formsSubmittionTildaScript.js"></script> <!-- что-то про регистрацию на интро курсы --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/platformDataAutoFillTildaScript.js?v=2"></script> <!-- автоматизация цен, рассрочка, даты, скидка... --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/preValidatePhoneTildaScript.js"></script> <!-- валидация телефонного номера для любых форм на страницах --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formsAutoFillTildaScript.js"></script> <!-- автозаполнение форм, только имя и почта --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formValidateYmClientTildaScript.js"></script> <script type="text/javascript" src="https://landing-cdn.school-xyz.com/js/xyzCpa.js"></script> <!-- модуль CPA-интеграций https://t.me/dmitmix --> <!-- чатик амо --> <script>
(function(a,m,o,c,r,m){a[m]={id:"378099",hash:"92a1ec3f57f717148af9cf59e675212026b832cf161dfd911e27ce0145072a65",locale:"ru",setMeta:function(p){this.params=(this.params||[]).concat([p])}};a[o]=a[o]||function(){(a[o].q=a[o].q||[]).push(arguments)};var d=a.document,s=d.createElement('script');s.async=true;s.id=m+'_script';s.src='https://gso.amocrm.ru/js/button.js?1673354938';d.head&&d.head.appendChild(s)}(window,0,'amoSocialButton',0,0,'amo_social_button'));
</script> <!-- end чатик амо --> <!-- Carrot quest BEGIN --> <script type="text/javascript">
!function(){function t(t,e){return function(){window.carrotquestasync.push(t,arguments)}}if("undefined"==typeof carrotquest){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.carrotquest.app/api.min.js",document.getElementsByTagName("head")[0].appendChild(e),window.carrotquest={},window.carrotquestasync=[],carrotquest.settings={};for(var n=["connect","track","identify","auth","onReady","addCallback","removeCallback","trackMessageInteraction"],a=0;a<n.length;a++)carrotquest[n[a]]=t(n[a])}}(),carrotquest.connect("57541-af1839585bb8c20f2d3181212f");
</script> <!-- Carrot quest END --> <!-- UE admin BEGIN --> <link rel="stylesheet" href="https://tilda.ultimate.education/styles.css"> <script type="text/javascript" src="https://tilda.ultimate.education/index.js" apiUrl="https://product.it.ultimate.education" id="replacer" school="XYZ" currency="RUB"></script> <!-- UE admin END --> <script>
$(function() {
/* привязка амо виджета чата к скролу, чтобы промобар не перекрывал этот виджет */
function findAmoChat() {
let amoChat = $('.amo-button-holder');
if (amoChat.length == 1) {
console.log('Амо виджет найден!');
if (document.querySelector('.xyz-info-notification').clientHeight != 0) {
let promobarHeight = document.querySelector('.xyz-info-notification').clientHeight + 11;
document.querySelector('.amo-button-holder').style.setProperty('--dynamic-bottom', ' ' + promobarHeight + 'px');
$('.xyz-info-notification__close-btn').on('click', function() {
$(amoChat).addClass('hide-promobar');
});
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$(amoChat).addClass('show-promobar');
} else {
$(amoChat).removeClass('show-promobar');
}
$(document).scroll(function() {
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$(amoChat).addClass('show-promobar');
} else {
$(amoChat).removeClass('show-promobar');
}
});
}
if (document.querySelector('.uc-promobar')) {
let promobarHeight = document.querySelector('.uc-promobar').clientHeight + 13;
document.querySelector('.amo-button-holder').style.setProperty('--dynamic-bottom', ' ' + promobarHeight + 'px');
$('.promobar__hide-btn').on('click', function() {
$(amoChat).addClass('hide-promobar');
});
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$(amoChat).addClass('show-promobar');
} else {
$(amoChat).removeClass('show-promobar');
}
$(document).scroll(function() {
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$(amoChat).addClass('show-promobar');
} else {
$(amoChat).removeClass('show-promobar');
}
});
}
} else {
setTimeout(function() {
console.log('Амо виджет не найден');
findAmoChat();
}, 100);
}
}
if (document.documentElement.clientWidth < 640) {
findAmoChat();
}
/* end привязка амо виджета чата к скролу, чтобы промобар не перекрывал этот виджет */
});
</script><!-- nominify end --><script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> <!-- Google Tag Manager --> <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KTCCH4H');</script> <!-- End Google Tag Manager --> <!-- Facebook Pixel Code --> <script type="text/javascript" data-tilda-cookie-type="advertising">setTimeout(function(){!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='pltilda';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init','719845102500807');fbq('track','PageView');},2000);</script> <!-- End Facebook Pixel Code --> <script type="text/javascript">(function() {if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);}
document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script></head> <body class="t-body" style="margin:0;"> <!--allrecords--> <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="16255904" data-tilda-page-alias="kurs-prodyusirovanie-igr-ot-xyz-school" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y"> <!--header--> <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="20568317" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec729922917" class="r t-rec" style=" " data-animationappear="off" data-record-type="121"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- НОВЫЙ ХЕДЕР от 04.04.24 --> <!-- изменения от 04.07.24 (добавил пункт меню Бесплатные курсы и вытащил в шапку Работы и отзывы студентов на десктопе) --> <!-- изменения от 09.07.24 (добавил пункт меню Менторство в геймдеве) --> <!-- изменения от 25.07.24 (заменил в хедере пункт Работы студентов на Тест на профориентацию. Пункт Работы студентов теперь в раскрывающемся меню.) --> <!-- изменения от 09.12.24 (скрыл пункт меню Менторство в геймдеве) --> <div class="header__overlay" style="display: none"></div> <header class="header__container"> <div class="header__wrapper"> <a href="/" class="header__logo"> <img class="header__logo_dark" src="https://static.tildacdn.com/tild3835-3630-4666-b864-366566303236/Logo-light.svg" alt="XYZ School logo"> <img class="header__logo_light" src="https://static.tildacdn.com/tild3538-3936-4030-a562-643962313938/Logo-dark.svg" alt="XYZ School logo"> </a> <nav class="header__items-container"> <ul class="header__items-wrapper"> <li class="header__item header__item-all-courses"> <div class="header__item-link">Все курсы</div> </li> <li class="header__item"> <a href="https://free.school-xyz.com" target="_blank" class="header__item-link">Бесплатные курсы</a> </li> <li class="header__item"> <a href="https://school-xyz.com/proforientaciya" class="header__item-link">Тест на профориентацию</a> </li> <li class="header__item"> <a href="https://school-xyz.com/feedback" class="header__item-link">Отзывы студентов</a> </li> </ul> <a href="https://learn.school-xyz.com/" target="_blank" class="header__members-btn">Личный кабинет</a> </nav> <div class="menu burger-btn"> <div class="icon-left"></div> <div class="icon-right"></div> </div> </div> <div class="menu__wrapper"> <div class="menu-left"> <nav class="menu-left__course-direction"> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item active"> <a href="https://school-xyz.com/3d-modelirovanie" class="menu-left__course-direction-link" data-direction-name="3d">3D-моделирование</a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/2d-illyustraciya" class="menu-left__course-direction-link" data-direction-name="2d">2D-иллюстрация</a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/geymdizayn" class="menu-left__course-direction-link" data-direction-name="gamedesign">Геймдизайн</a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/programmirovanie" class="menu-left__course-direction-link" data-direction-name="gamecode">Программирование</a> </li> </ul> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/video-i-speceffekty" class="menu-left__course-direction-link" data-direction-name="vfx">Видео и спецэффекты</a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/menedzhement" class="menu-left__course-direction-link" data-direction-name="business">Менеджмент</a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/courses" class="menu-left__course-direction-link" data-direction-name="all-courses">Все курсы</a> </li> </ul> </nav> </div> <div class="menu-right"> <figure class="direction-img active" data-direction-course-img="3d"> <img src="https://static.tildacdn.com/tild6531-3564-4062-b766-343062616131/3d_1.jpg" alt="Визуал для напрваления 3D-моделирование"> <figcaption>Работа студента Мирвойса Шах-Ак</figcaption> </figure> <figure class="direction-img" data-direction-course-img="2d"> <img src="https://static.tildacdn.com/tild6132-6630-4532-b864-316134323736/2d_1.jpg" alt="Визуал для напрваления 2D-иллюстрация"> <figcaption>Работа студентки Татьяны Кропиной</figcaption> </figure> <figure class="direction-img" data-direction-course-img="gamedesign"> <img src="https://static.tildacdn.com/tild6237-3833-4330-b539-323236633934/gamedesign_2_1.jpg" alt="Визуал для направления Геймдизайн"> <figcaption>Работа студента Изъяслава Пастушкова</figcaption> </figure> <figure class="direction-img" data-direction-course-img="gamecode"> <img src="https://static.tildacdn.com/tild3231-3935-4532-b665-313563656630/code_1.jpg" alt="Визуал для направления Программирование"> <figcaption></figcaption> </figure> <figure class="direction-img" data-direction-course-img="vfx"> <img src="https://static.tildacdn.com/tild6334-6366-4438-a435-323564336537/vfx_1.jpg" alt="Визуал для направления Видео и спецэффекты"> <figcaption></figcaption> </figure> <figure class="direction-img" data-direction-course-img="business"> <img src="https://static.tildacdn.com/tild3039-6333-4263-b938-393035633565/busines_1.jpg" alt="Визуал для направления Менеджмент"> <figcaption></figcaption> </figure> </div> <div class="menu-left__bottom-info"> <ul class="menu-left__bottom-info-list"> <li class="menu-left__bottom-info-link"> <a href="https://free.school-xyz.com" target="_blank">Бесплатные курсы</a> </li> <li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/proforientaciya">Тест на профориентацию</a> </li> <li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/raboty-studentov">Работы студентов</a> </li> <li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/feedback">Отзывы студентов</a> </li> <li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/b2b">Компаниям</a> </li> <li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/biblioteka-kursov-xyz-plus">Библиотека курсов XYZ+</a> </li> <!--<li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/mentorstvo-s-gamedev-magistrami">Менторство в геймдеве</a> </li>--> </ul> <a href="https://learn.school-xyz.com/" target="_blank" class="header__members-btn">Личный кабинет</a> </div> </div> </header> <style>
:root header {
font-family: 'BebasRoboto';
--color-bg: #17171b;
--color-bg-menu-open: #23232A;
--color-text: #fff;
--color-bg-lk-btn: #2b2b34;
--color-text-opacity: rgb(206 206 222 / 50%);
--color-accent: #8080ff;
--color-black: #17171b;
--color-border: #373742;
--color-burger-line: #fff;
--color-burger-bg: #22222e;
}
:root .dark-theme header {
--color-bg: #fff;
--color-bg-menu-open: #fff;
--color-text: #17171b;
--color-bg-lk-btn: #EAEAEA;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-border: #EDEDED;
--color-burger-line: #17171b;
--color-burger-bg: #e6e6e6;
}
/*:root header {
font-family: 'BebasRoboto';
--color-bg: #fff;
--color-bg-menu-open: #fff;
--color-text: #17171b;
--color-bg-lk-btn: #EAEAEA;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-accent: #8080ff;
--color-border: #EDEDED;
--color-black: #17171b;
--color-burger-line: #17171b;
--color-burger-bg: #e6e6e6;
}
:root .dark-theme header {
--color-bg: #17171b;
--color-bg-menu-open: #23232A;
--color-text: #fff;
--color-bg-lk-btn: #2b2b34;
--color-text-opacity: rgb(206 206 222 / 50%);
--color-border: #373742;
--color-burger-line: #fff;
--color-burger-bg: #22222e;
}*/
#allrecords header ul {
padding-left: 0;
margin-bottom: 0;
}
#allrecords header a {
color: inherit;
}
.header__overlay {
position: fixed;
inset: 0;
cursor: pointer;
z-index: 998;
background: rgb(0 0 0 / 50%);
-webkit-tap-highlight-color: transparent;
}
/* Бургер меню */
.burger-btn {
position: relative;
flex-shrink: 0;
width: 40px;
height: 40px;
top: 0;
left: 0;
transition-duration: 0.5s;
border-radius: 22px;
cursor: pointer;
transform: scale(0.8);
visibility: visible;
opacity: 1;
}
.burger-btn.open {
background: var(--color-burger-bg);
visibility: visible;
opacity: 1;
}
.burger-btn .icon-left {
transition-duration: 0.5s;
position: absolute;
width: 12px;
height: 2px;
top: 19px;
background-color: var(--color-burger-line);
left: 9px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left {
transition-duration: 0.3s;
background: transparent;
}
.burger-btn .icon-left:before {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: -8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left:before {
transform: rotateZ(45deg) scaleX(1.1) translate(2.5px, 2px);
}
.burger-btn .icon-left:after {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: 8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left:after {
transform: rotateZ(-45deg) scaleX(1.1) translate(2.5px, -2px);
}
.burger-btn .icon-right {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
top: 19px;
background-color: var(--color-burger-line);
left: 21px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right {
transition-duration: 0.3s;
background: transparent;
}
.burger-btn .icon-right:before {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: -8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right:before {
transform: rotateZ(-45deg) scaleX(1.1) translate(-3.5px, 1px);
}
.burger-btn .icon-right:after {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: 8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right:after {
transform: rotateZ(45deg) scaleX(1.1) translate(-3.5px, -1px);
}
/* Конец бургер меню */
header.header__container {
position: fixed;
background: transparent;
width: 100%;
z-index: 999;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transition: border-radius 0.3s ease, background 0.3s ease 0.3s, transform 0.3s ease;
overflow: hidden;
box-sizing: border-box;
}
header.header__container.open {
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
background: var(--color-bg-menu-open);
transition: border-radius 0.3s ease, background 0.3s ease 0s, transform 0.3s ease;
}
header.header__container.main-header--bg_scroll {
background: var(--color-bg);
transition: border-radius 0.3s ease, background 0.3s ease 0s, transform 0.3s ease;
}
header.header__container.main-header--bg_scroll.open {
background: var(--color-bg-menu-open);
}
header.header__container.out {
transform: translateY(-100%);
}
header.header__container.open.out {
transform: none;
}
header a {
color: inherit;
text-decoration: none;
}
header ul {
list-style: none;
}
.header__wrapper {
position: relative;
display: flex;
max-width: 1160px;
margin: 0 auto;
padding: 20px 0;
}
.header__wrapper:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: var(--color-border);
opacity: 0;
}
.header__container.open .header__wrapper:after {
opacity: 1;
transition: .3s ease;
}
a.header__logo {
display: flex;
margin-right: 48px;
}
.dark-theme .header__logo_light {
display: none;
}
.header__logo_dark {
display: none;
}
.dark-theme .header__logo_dark {
display: block;
}
.header__items-container {
display: flex;
justify-content: space-between;
width: 100%;
margin-right: 10px;
}
ul.header__items-wrapper {
display: flex;
align-items: center;
column-gap: 40px;
}
li.header__item {
position: relative;
font-size: 14px;
font-weight: 400;
line-height: 28px;
color: var(--color-text);
transition: .3s ease;
}
li.header__item.header__item-all-courses_open {
color: var(--color-accent);
}
a.header__item-link, .header__item-link {
display: block;
}
ul.header__items-wrapper li.header__item-all-courses {
cursor: pointer;
}
ul.header__items-wrapper li.header__item-all-courses a.header__item-link::before {
content: '';
display: block;
position: absolute;
background: #8080ff;
width: calc(100% - 16px);
height: 2px;
top: 34px;
opacity: 0;
transition: .3s ease;
cursor: auto;
}
ul.header__items-wrapper li.header__item-all-courses_open a.header__item-link::before {
opacity: 1;
}
ul.header__items-wrapper li.header__item-all-courses .header__item-link::after {
content: '';
display: inline-block;
position: relative;
vertical-align: middle;
width: 6px;
height: 6px;
margin-left: 10px;
transition: .3s ease;
border-width: 0 0 1.5px 1.5px;
border-color: var(--color-text);
border-style: solid;
transform: rotateZ(315deg) translate(1px, -2px);
}
ul.header__items-wrapper li.header__item-all-courses_open .header__item-link::after {
transform: rotateZ(135deg) translate(1px, -1px);
border-color: var(--color-accent);
}
#allrecords a.header__members-btn {
display: flex;
align-items: center;
width: fit-content;
font-size: 14px;
font-weight: 400;
line-height: 24px;
background: var(--color-bg-lk-btn);
border: 0;
border-radius: 30px;
padding: 8px 24px;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .header__container.open .header__members-btn {
background: var(--color-bg-lk-btn);
}
#allrecords a.header__members-btn:hover {
background: var(--color-accent);
color: #fff;
}
#allrecords .header__container.open .header__members-btn:hover {
background: var(--color-accent);
}
.menu__wrapper {
display: flex;
flex-wrap: wrap;
column-gap: 16px;
max-width: 1160px;
margin: 0 auto;
opacity: 0;
visibility: hidden;
max-height: 0;
padding: 0;
transition: .3s ease;
overflow: hidden;
box-sizing: border-box;
}
.menu__wrapper.menu__wrapper_active {
opacity: 1;
visibility: visible;
max-height: 100vh;
padding: 46px 0;
}
.menu-left {
width: 100%;
max-width: 768px;
min-height: 290px;
}
nav.menu-left__course-direction {
display: flex;
column-gap: 16px;
margin-bottom: 50px;
}
ul.menu-left__course-direction-list {
display: flex;
flex-direction: column;
row-gap: 20px;
width: 100%;
}
li.menu-left__course-direction-item {
font-weight: 300;
font-size: 32px;
line-height: 1;
color: var(--color-text-opacity);
}
li.menu-left__course-direction-item.active {
color: var(--color-text);
}
a.menu-left__course-direction-link {
transition: .2s ease;
}
#allrecords a.menu-left__course-direction-link:hover {
/*color: var(--color-accent);*/
}
.menu-left__bottom-info {
width: 100%;
}
ul.menu-left__bottom-info-list {
display: flex;
flex-direction: row;
column-gap: 30px;
}
#allrecords ul.menu-left__bottom-info-list {
margin-bottom: 0;
}
li.menu-left__bottom-info-link {
font-size: 14px;
line-height: 30px;
color: var(--color-text);
}
.menu-left__bottom-info-link:nth-child(-n+2), .menu-left__bottom-info-link:nth-child(4) {
display: none;
}
li.menu-left__bottom-info-link a {
transition: .2s ease;
}
#allrecords li.menu-left__bottom-info-link a:hover {
color: var(--color-accent);
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: none;
}
.menu-right {
position: relative;
display: flex;
padding: 0;
justify-content: space-between;
width: 100%;
max-width: 376px;
box-sizing: border-box;
}
.direction-img {
display: none;
width: inherit;
margin: 0;
}
.direction-img:after {
content: '';
position: absolute;
inset: 0;
border: 1px solid rgb(255 255 255 / 10%);
border-radius: 24px;
}
.direction-img.active {
display: block;
}
.direction-img img {
display: block;
width: inherit;
border-radius: 24px;
}
figcaption {
position: absolute;
bottom: 24px;
left: 24px;
font: 400 12px/1.5 'BebasRoboto';
color: rgb(255 255 255 / 50%);
width: min-content;
min-width: 120px;
}
@media screen and (min-width: 1200px) {
.header__items-container {
margin-right: 0;
}
.burger-btn {
display: none;
}
li.header__item:hover {
color: var(--color-accent);
}
ul.header__items-wrapper li.header__item-all-courses:hover .header__item-link::after {
border-color: var(--color-accent);
}
li.menu-left__course-direction-item.active a.menu-left__course-direction-link:after {
content: ' →';
}
}
@media screen and (min-width: 960px) {
.menu-left__bottom-info-link {
/*display: none;*/
}
li.menu-left__bottom-info-link.feedback-students {
display: block;
}
}
@media screen and (max-width: 1199px) {
.t-body.open-menu {
height: 100vh;
min-height: 100vh;
overflow: hidden;
}
header.header__container.open {
border-bottom-left-radius: 32px;
border-bottom-right-radius: 32px;
}
.header__wrapper {
max-width: 940px;
padding: 12px 0;
}
.header__wrapper:after {
width: 100%;
}
.menu__wrapper {
max-width: 940px;
padding: 0;
}
.menu-left {
max-width: 656px;
min-height: 246px;
}
.menu__wrapper.menu__wrapper_active {
padding: 32px 0;
}
li.menu-left__course-direction-item {
color: var(--color-text);
font-size: 24px;
}
.menu-left__course-direction-link {
display: block;
width: fit-content;
}
.menu-right {
max-width: 320px;
display: none;
}
}
@media screen and (max-width: 959px) {
header.header__container {
position: fixed;
overflow: auto;
}
header.header__container.open {
height: fit-content;
max-height: 100%;
/*background: var(--color-bg);*/
transition: border-radius 0.3s ease, background 0s ease 0s, transform 0.3s ease;
}
.header__wrapper {
position: sticky;
top: 0;
justify-content: space-between;
max-width: 620px;
padding: 12px 0;
/*background: var(--color-bg);*/
transition: .3s ease;
z-index: 99;
box-sizing: border-box;
}
.header__wrapper:after {
width: 100%;
}
header.header__container.open .header__wrapper {
background: var(--color-bg-menu-open);
/*transition: none;*/
}
nav.header__items-container {
display: none;
}
.menu__wrapper {
max-width: 620px;
padding: 0;
}
.menu__wrapper.menu__wrapper_active {
max-height: fit-content;
padding: 20px 0 32px;
}
.menu-left {
max-width: 100%;
height: max-content;
}
nav.menu-left__course-direction {
flex-wrap: wrap;
row-gap: 40px;
margin-bottom: 56px;
}
ul.menu-left__course-direction-list {
row-gap: 40px;
}
li.menu-left__course-direction-item:after {
content: '';
display: block;
position: relative;
top: 20px;
width: 100%;
height: 1px;
background: var(--color-border);
}
.menu-left__course-direction-link {
display: flex;
width: 100%;
justify-content: space-between;
}
.menu-left__course-direction-link:after {
content: ' →';
display: block;
transition: .3s ease;
}
.menu-left__bottom-info {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
row-gap: 32px;
}
ul.menu-left__bottom-info-list {
row-gap: 8px;
}
#allrecords ul.menu-left__bottom-info-list {
align-items: start;
flex-direction: column;
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: block;
}
.menu-left__bottom-info-link:nth-child(-n+2), .menu-left__bottom-info-link:nth-child(4) {
display: block;
}
.menu-right {
display: none;
}
}
@media screen and (max-width: 639px) {
header.header__container {
height: 58px;
}
header.header__container.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
}
.header__wrapper {
padding: 9px 10px;
}
.header__logo img {
width: 28px;
}
.header__wrapper:after {
width: calc(100% - 20px);
}
.menu__wrapper {
align-content: flex-start;
padding: 0 10px;
}
.menu__wrapper.menu__wrapper_active {
padding: 40px 10px;
}
li.menu-left__course-direction-item {
font-size: 20px;
}
.menu-left__bottom-info {
row-gap: 16px;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
// добавляем фон хедеру, если страница прокручена больше чем на 50 пикселей
setTimeout(function() {
if (document.documentElement.scrollTop > 50) {
$('.header__container').addClass('main-header--bg_scroll');
}
}, 2000);
$(window).scroll(function() {
let offsetTopByHeader = 50;
let classBgHeader = 'main-header--bg_scroll';
let header = $('.header__container');
if ($(this).scrollTop() >= offsetTopByHeader) {
header.addClass(classBgHeader);
} else {
header.removeClass(classBgHeader);
}
});
// скрываем/показываем хедер по скролу
const header = $('.header__container');
let scrollPrev = 0;
$(window).scroll(function() {
const scrolled = $(window).scrollTop();
if (scrolled > 550 && scrolled > scrollPrev) {
header.addClass('out');
} else {
header.removeClass('out');
}
scrollPrev = scrolled;
});
$('.menu-left__bottom-info-link a').click(function() {
$('.menu').trigger('click');
});
if (document.documentElement.clientWidth >= 1200) {
$('.header__item-all-courses').mouseenter(function() {
$('.header__item-all-courses').addClass('header__item-all-courses_open');
$('.menu__wrapper').addClass('menu__wrapper_active');
$('.header__overlay').fadeIn('linear');
$('.menu').addClass('open');
$('.header__container').addClass('open');
$('.t-body').addClass('open-menu');
});
$('.header__container').mouseleave(function() {
$('.header__item-all-courses').removeClass('header__item-all-courses_open');
$('.menu__wrapper').removeClass('menu__wrapper_active');
$('.header__overlay').fadeOut('linear');
$('.menu').removeClass('open');
$('.header__container').removeClass('open');
$('.t-body').removeClass('open-menu');
});
let menuCoursesList = [
['[data-direction-name="3d"]', '[data-direction-course-img="3d"]'],
['[data-direction-name="2d"]', '[data-direction-course-img="2d"]'],
['[data-direction-name="gamedesign"]', '[data-direction-course-img="gamedesign"]'],
['[data-direction-name="gamecode"]', '[data-direction-course-img="gamecode"]'],
['[data-direction-name="business"]', '[data-direction-course-img="business"]'],
['[data-direction-name="vfx"]', '[data-direction-course-img="vfx"]'],
['[data-direction-name="all-courses"]', '[data-direction-course-img="all-courses"]'],
];
menuCoursesList.forEach(function(item) {
let directionLink = item[0];
let directionData = item[1];
$(directionLink).mouseenter(function() {
if ($(this).parent().hasClass('active') && $(directionData).hasClass('active')) {
} else {
$('.menu-left__course-direction-item, .direction-img').removeClass('active');
$(directionData).addClass('active');
$(this).parent().addClass('active');
}
});
});
}
if (document.documentElement.clientWidth < 1200) {
$('.header__item-all-courses, .header__overlay, .menu').click(function() {
$('.header__item-all-courses').toggleClass('header__item-all-courses_open');
$('.menu__wrapper').toggleClass('menu__wrapper_active');
$('.header__overlay').fadeToggle('linear');
$('.menu').toggleClass('open');
$('.header__container').toggleClass('open');
$('.t-body').toggleClass('open-menu');
});
}
});
</script> <!-- nominify end --> </div> </div> </div> </div> </header> <!--/header--> <div id="rec610334146" class="r t-rec" style=" " data-record-type="305"> <div class="t303"> <script>window.location.replace("https://school-xyz.com/prodyusirovanie-igr" + window.location.search + window.location.hash);</script> <noscript>
Redirect to URL: <a href="https://school-xyz.com/prodyusirovanie-igr">https://school-xyz.com/prodyusirovanie-igr</a> </noscript> </div> </div> <div id="rec265290231" class="r t-rec" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:menu"
role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Content Oriented Web" style="background-color: rgba(13,13,13,0.90);"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_100" style="background-color:#fbfbf9;"> <img class="t390__img t-img"
src="https://thb.tildacdn.com/tild6637-3436-4337-b163-396636386561/-/empty/x1600_adc85e33ca.jpg" data-original="https://static.tildacdn.com/tild6637-3436-4337-b163-396636386561/x1600_adc85e33ca.jpg"
imgfield="img"
alt=""> <div class="t390__wrapper t-align_center"> <div class="t390__title t-heading t-heading_lg" id="popuptitle_265290231">Content Oriented Web</div> <div class="t390__descr t-descr t-descr_xs">Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.</div> <div class="t390__social"> <div class="t390__circle-lg "> <script type="text/javascript" src="https://static.tildacdn.com/js/ya-share.js" charset="utf-8"></script> <div class="ya-share2" data-access-token:facebook="" data-yashareL10n="en" data-services="facebook,twitter" data-counter=""></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec265290231');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('265290231');});});</script> </div> <div id="rec265290232" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 t123__centeredContainer"> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
.shirina{
background:none !important;
right: 0 !important;
left: 0 !important;
}
.parpadding{
padding:0 !important;
}
</style> <script>
var ZeroPopID = '#rec230378226'; //Прописываем ID Zero
var PopWindID = '#rec230378227'; //Прописываем ID PopUp окна BF503
//Переносим ZeroBlock в POPup + Добавляем новый клас в POPup
$(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID));
$(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding")
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec265290233" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
/*Выставляем фиксированную позицию на экране и номер слоя выше остальных*/
.fixed {
width: 100%;
position: fixed;
top: 0px;
z-index: 9999;
/*Задаём время и характер анимации для фона меню */
transition:all 0.6s cubic-bezier(0, 0, 0.0, 1.0);
}
.fonmenu{
/*Задаём цвет фона для меню*/
background:#000000;
}
</style> <script>
$(document).ready(function(){
/* нужно заменить на код блока Zero выполняющего роль меню */
var blockMenuID = '#rec230378225';
//Добавляем класс с фиксацией
$(blockMenuID).addClass('fixed');
//Когда начался скролл экрана
$(window).scroll(function() {
var top = $(document).scrollTop();
//Если перемещение больше 5 px
if (top >= 60) {
//То добавляем к меню наш фон
$(blockMenuID).addClass('fonmenu');
} else {
//Если поднялись наверх, то удаляем фон
$(blockMenuID).removeClass('fonmenu');
}
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec265290234" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
.t603__textwrapper.t-align_center {
display: none;
}
.t603__container {
padding: 0 10px 10px 10px;
}
</style> <script type="text/javascript">
$(document).ready(function(){
$('#rec80542448 a').click(function(){
="VK.Retargeting.Event('click-reg-button')"
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec265290235" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="18"> <!-- cover --> <div class="t-cover" id="recorddiv265290235"bgimgfield="img"style="height:100vh;background-image:url('https://thb.tildacdn.com/tild3037-3735-4633-b164-366533326566/-/resize/20x/tilda.jpg');"> <div class="t-cover__carrier" id="coverCarry265290235"data-content-cover-id="265290235"data-content-cover-bg="https://static.tildacdn.com/tild3037-3735-4633-b164-366533326566/tilda.jpg"data-display-changed="true"data-content-cover-height="100vh"data-content-cover-parallax="fixed"data-content-use-image-for-mobile-cover=""style="height:100vh; "itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.com/tild3037-3735-4633-b164-366533326566/tilda.jpg"></div> <div class="t-cover__filter" style="height:100vh;background-image: -moz-linear-gradient(top, rgba(0,0,0,0.60), rgba(0,0,0,0.60));background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.60), rgba(0,0,0,0.60));background-image: -o-linear-gradient(top, rgba(0,0,0,0.60), rgba(0,0,0,0.60));background-image: -ms-linear-gradient(top, rgba(0,0,0,0.60), rgba(0,0,0,0.60));background-image: linear-gradient(top, rgba(0,0,0,0.60), rgba(0,0,0,0.60));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000', endColorstr='#66000000');"></div> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t-cover__wrapper t-valign_middle" style="height:100vh;"> <div class="t001 t-align_center"> <div class="t001__wrapper" data-hook-content="covercontent"> <div class="t001__uptitle t-uptitle t-uptitle_sm" field="subtitle">Анонс курса по разработке и продвижению игр<br /></div> <h1 class="t001__title t-title t-title_xl" field="title">Курс «Продюсирование игр» от XYZ School <br /></h1> <span class="space"></span> </div> </div> </div> </div> </div> </div> <style> #rec265290235 .t001__uptitle{font-weight:100;font-family:'BebasRoboto';letter-spacing:0.5px;}#rec265290235 .t001__title{font-weight:500;font-family:'BebasRoboto';text-transform:uppercase;}</style> </div> <div id="rec265290237" class="r t-rec" style="background-color:#db077c; " data-animationappear="off" data-record-type="654" data-bg-color="#db077c"> <!-- T654 --> <div class="t654 t654_closed t654_bottom t654__positionfixed " style="background-color: rgba(222,16,112,1); height:80px; " data-bgcolor-hex="#de1070" data-bgcolor-rgba="rgba(222,16,112,1)" data-appearoffset="" data-bgopacity-two="" data-menushadow="" data-menushadow-css="" data-bgopacity="1" data-storage-item="t654cookiename_1006203" data-storage-delta="10"> <div class="t654__wrapper"> <div class="t654__maincontainer " style="height:80px;"> <div class="t654__cell-container t654__cell-container_centered"> <div class="t-container_flex" style="justify-content: center;"> <div class="t-col_flex"> <div class="t654__text t-name t-descr_xxs" field="text">
Узнай, как создать свою игру от идеи до продаж
</div> </div> <div class="t654__btn-wrapper" style="padding-left:20px;"> <a href="http://bit.ly/3o3FJcV" target="" class="t654__btn t-btn t-btn_xs " style="color:#de1070;background-color:#ffffff;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;font-family:Arial;text-transform:uppercase;" data-buttonfieldset="button"> <table role="presentation" style="width:100%; height:100%;"> <tr> <td>
Записаться на курс «Продюсирование Игр»
</td> </tr> </table> </a> </div> </div> </div> <button type="button" class="t654__close-button t654__icon-close" aria-label="Закрыть"> <svg role="presentation" width="13px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <desc>Close</desc> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> </div> </div> <script>t_onFuncLoad('t654_setBg',function() {window.addEventListener('resize',t_throttle(function() {t654_setBg('265290237');}));});t_onReady(function() {t_onFuncLoad('t654_setBg',function() {t654_setBg('265290237');});});t_onReady(function() {t_onFuncLoad('t654_showPanel',function() {t654_showPanel('265290237');});});</script> <style> #rec265290237 .t654__text{color:#ffffff;font-family:'Arial';}#rec265290237 .t654__btn-text{color:#ffffff;font-family:'Arial';}</style> </div> <div id="rec265290238" class="r t-rec t-rec_pt_60 t-rec_pb_15" style="padding-top:60px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Узнай, как создать свою игру от идеи до продаж: собрать команду и довести разработку до конца вместе с практиком, в портфолио которого более 10 игровых проектов самых разных жанров и сложности.<br /><br /><span style="color: rgb(255, 255, 255);">Длительность курса</span>: 6 месяцев (5 месяцев программа + 1 месяц — проверка домашних заданий).<br /><br /><span style="color: rgb(255, 255, 255);">Количество материала:</span> 40 live-лекций, разделенных на 7 блоков.<br /><br /><span style="color: rgb(255, 255, 255);">Записаться</span>: <a href="http://bit.ly/3o3FJcV" rel="noopener noreferrer" style="color: rgb(128, 128, 255);">School-xyz.com/prodyusirovanie-igr</a></div></div> </div> </div> </div> <style> #rec265290238 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec271391524" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_10"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="271391524" data-videolazy-type="youtube" data-videolazy-id="HsH3SztxEo8" data-videolazy-height="540px"
style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('271391524');});});</script> </div> <div id="rec265290243" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="line-height:28px;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"><span style="font-weight: 500;"><span style="font-size: 40px;" data-redactor-style="font-size: 40px;"><span style="color: rgb(255, 255, 255);" data-redactor-tag="span">КОРОТКО О КУРСЕ: <br /></span></span></span><br />Преподаватель — <span style="color: rgb(255, 255, 255);">Кирилл Золовкин</span>, создатель <span style="color: rgb(255, 255, 255);">Gripper</span> (83% положительных отзывов в Steam, 12 индустриальных наград) и многих других проектов. Был ведущим гейм-дизайнером компании OctoBox Interactive, в рамках которой работал с Wargaming. <br /><br /> Мы подробно разберем все этапы создания игры — от препродакшена до релиза и пострелизной поддержки, — с точки зрения менеджмента. <br /><br /> — Проведём конкурентный анализ и создадим прототип в GameMaker. <br /><br /> — Улучшим прототип до публичного демо, проведем плейтесты. <br /><br /> — Рассмотрим принципы управления командой, выстроим пайплайны работы. <br /><br /> — Поработаем со схемами монетизации и системами аналитики. <br /><br /> — Подготовим игру для презентации инвесторам и издателям. <br /><br /> — Покажем, как загрузить игру в популярные магазины, как продавать и продвигать ее до и после релиза. <br /><br /> Каждую узкую тему мы будем исследовать вместе с соответствующим специалистом: арт-директором, техническим директором, аналитиком — и так далее. Вместе мы пройдемся по всей структуре современной игровой компании. <br /></div></div> </div> </div> </div> <style> #rec265290243 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265350918" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3061-3231-4035-a236-333539303431/1.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3061-3231-4035-a236-333539303431/-/empty/1.jpg" data-original="https://static.tildacdn.com/tild3061-3231-4035-a236-333539303431/1.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3061-3231-4035-a236-333539303431/1.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes">Скриншот игры Gripper</div></div> </div> </div> </div> </div> <div id="rec265290245" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#898989;" data-customstyle="yes"><span style="font-weight: 500;"><span data-redactor-style="font-size: 40px;" style="font-size: 40px;"><span style="color: rgb(255, 255, 255);" data-redactor-tag="span">ЦЕЛЬ КУРСА<br /></span></span></span><br />Научиться правильно выстраивать пайплайн разработки и рассматривать игру как бизнес-продукт. <br /><br /> Мы не будем бросать процесс твоего обучения на прототипе, а пошагово доведём продукт до релиза и расскажем, как его поддерживать — будь то игра для PC, консолей или мобильных платформ. <br /><br /> Мы пройдём все шаги поэтапно — от начальной идеи до запуска, включая издание в магазине. Все эти этапы Кирилл не раз проходил сам — и теперь поделится опытом с тобой. <br /><br /> <span style="color: rgb(255, 255, 255);">Кирилл Золовкин: <br /></span><br /> Когда мы выпустили мастер-класс «Пайплайн разработки инди-игры», он собрал очень положительные отклики — но многие писали, что им хотелось бы более подробно разобраться в процессах. Мы учли пожелания и создали курс, в котором, в отличие от других, есть всё про процессы и, главное, выпуск игры. Это поможет тем, кто хочет создать свою студию и начать зарабатывать на играх. <br /><br /><span style="color: rgb(255, 255, 255);"><span style="font-size: 40px;" data-redactor-style="font-size: 40px;"><span style="font-weight: 500;">ТЫ НАУЧИШЬСЯ:</span></span></span><br /> <ul> <li> Генерировать гипотезы;
</li> <li>
Планировать разработку и выстраивать пайплайн;
</li> <li>
Работать с маркетингом, магазинами и продвижением после релиза;
</li> <li>
Собирать команду и руководить ей;
</li> <li>
Организовывать работу удалённой команды;
</li> <li>
Создавать прототипы в GameMaker;
</li> <li>
Работать с аналитикой и монетизацией;
</li> <li>
Искать издателя и инвесторов;
</li> <li>
Анализировать конкурентов. </li> </ul> <span style="color: rgb(255, 255, 255);"><span style="font-size: 40px;" data-redactor-style="font-size: 40px;"><span style="font-weight: 500;">ДЛЯ КОГО ЭТОТ КУРС:</span></span></span><br /> <ul> <li> Для тех, у кого есть видение игры и наработки — поможем построить четкий план действий и довести проект до конца. </li> <li> Для тех, у кого уже есть игра на какой-то стадии разработки — и нужно понять, что делать с ней дальше. </li> <li> Для тех, у кого есть опыт в гейм-дизайне и создании прототипов, и кто хочет вырасти до руководителя команды разработки, выпустив свой коммерческий продукт. </li> <li> Для новичков, которые мечтают создавать свои игры — расскажем весь пайплайн. </li></ul></div></div> </div> </div> </div> <style> #rec265290245 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290246" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3539-3965-4136-a266-343466313236/2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3539-3965-4136-a266-343466313236/-/empty/2.jpg" data-original="https://static.tildacdn.com/tild3539-3965-4136-a266-343466313236/2.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3539-3965-4136-a266-343466313236/2.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes">Gripper, игра Кирилла Золовкина</div></div> </div> </div> </div> </div> <div id="rec265290253" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;"><span style="font-size: 40px;" data-redactor-tag="span">КТО ПРОВОДИТ КУРС</span></span></span><br /></div></div> </div> </div> </div> <style> #rec265290253 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265293908" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="223" data-bg-color="#0d0d0d"> <!-- T195 --> <div class="t195"> <div class="t-container"> <div class="t-col t-col_4 t-prefix_2 t195__imgsection" itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.com/tild3731-6132-4138-a630-623431643330/4.jpg"> <img class="t195__img t-img"
src="https://thb.tildacdn.com/tild3731-6132-4138-a630-623431643330/-/empty/4.jpg" data-original="https://static.tildacdn.com/tild3731-6132-4138-a630-623431643330/4.jpg"
imgfield="img" data-tu-max-width="1200" data-tu-max-height="1200"
alt=""><br /> <div class="t195__sectitle t-descr" field="imgtitle" itemprop="name"></div> <div class="t195__secdescr t-descr" field="imgdescr" itemprop="description"></div> </div> <div class="t-col t-col_4 "> <div class="t195__text t-text t-text_md" field="text"><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"> <span style="color: rgb(255, 255, 255);">Кирилл Золовкин</span> — инди-разработчик, product owner и project lead, выпустивший более десяти игр. Игры начал делать ещё со школы, когда случайно обнаружил GameMaker на сайте с подборкой простых программ для создания игр. <br /><br /> Поступил на экономическое, потом практиковался в банке, но вскоре понял, что это не его. К счастью, к этому времени у него уже была первая работа в индустрии — Кирилл удалённо работал на Alawar. <br /><br /> Затем он переехал в Питер, где работал над Wormix, Death Tour и Orbix. <br /></div></div> </div> </div> </div> </div> <div id="rec265290247" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#898989;" data-customstyle="yes"> Несколько фактов о Кирилле: <br /><br /> — делает игры со школы; <br /><br /> — получил степень магистра менеджмента; <br /><br /> — выпустил более 10 игр; <br /><br /> — игры собрали 13 номинаций и наград; <br /><br /> — приобрел опыт масштабирования команды от 3 до 30 человек; <br /><br /> — был product owner'ом и project lead'ом пяти проектов. <br /><ol></ol></div></div> </div> </div> </div> <style> #rec265290247 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290254" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3665-6561-4664-b636-356434666331/KUqbq_jft-Y.jpg"> <img class="t-img t-width t107__width t-width_9"
src="https://thb.tildacdn.com/tild3665-6561-4664-b636-356434666331/-/empty/KUqbq_jft-Y.jpg" data-original="https://static.tildacdn.com/tild3665-6561-4664-b636-356434666331/KUqbq_jft-Y.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3665-6561-4664-b636-356434666331/KUqbq_jft-Y.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes">Кирилл с командой OctoBox Interactive</div></div></div> </div> </div> </div> </div> <div id="rec265290255" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);">Проекты, над которыми работал Кирилл</span>: Gripper, Paper Knight, Steam Panic, Geon FX, NDA Wargaming project, MetaChampions, Orbix, Wormix, Death Tour, ZForZombies, Kronville: Stolen Dreams. <br /><br /> Главным проектом Кирилла стала игра Gripper, в которой он попытался передать чувство утраты от смерти матери. Проект завоевал множество наград и обрёл обширную фанатскую базу. <br /></div></div> </div> </div> </div> <style> #rec265290255 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290248" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3562-3463-4364-a337-653561323961/Ofv6E49SH5U.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3562-3463-4364-a337-653561323961/-/empty/Ofv6E49SH5U.jpg" data-original="https://static.tildacdn.com/tild3562-3463-4364-a337-653561323961/Ofv6E49SH5U.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3562-3463-4364-a337-653561323961/Ofv6E49SH5U.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes">Награды Gripper, — главной игры Кирилла</div></div> </div> </div> </div> </div> <div id="rec265290258" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"> <span style="color: rgb(255, 255, 255);">Кирилл Золовкин: <br /></span><br /> «Я работал над проектами разных жанров: головоломками, гонками, квестами, ритм-играми, стратегиями и шутерами. <br /><br /> Чтобы сделать этот курс, я использовал весь свой 15-летний опыт разработки и монетизации: от условно-бесплатных и рекламных игр до мобильных free-to-play и премиальных проектов для консолей». <br /></div></div> </div> </div> </div> <style> #rec265290258 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265295134" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="670" data-bg-color="#0d0d0d"> <!-- T670 --> <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_265295134"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_265295134"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_265295134" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes"
aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6230-3662-4637-b735-303165616264/2.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6230-3662-4637-b735-303165616264/2.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6230-3662-4637-b735-303165616264/-/resizeb/20x/2.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3530-3061-4663-b034-373237373364/3.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3530-3061-4663-b034-373237373364/3.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3530-3061-4663-b034-373237373364/-/resizeb/20x/3.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="3 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6436-6435-4965-a663-646536646230/4.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6436-6435-4965-a663-646536646230/4.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6436-6435-4965-a663-646536646230/-/resizeb/20x/4.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
style="background-color: #c7c7c7;"
aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 3"
style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('265295134',false);});});</script> <style>#rec265295134 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec265295134 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec265295072" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:center;font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes">Игра Gripper<br /></div></div> </div> </div> </div> <style> #rec265295072 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290262" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;"><span style="font-size: 40px;" data-redactor-tag="span">ПРОГРАММА КУРСА<br /></span></span></span>Тебя ждут 40 лекций, которые поделены на семь последовательных блоков. После каждой лекции тебя ждёт домашнее задание.<br /><br /> <span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;"><span style="font-size: 30px;" data-redactor-tag="span">1. Препродакшн </span></span></span><br />Сгенерируем идеи для механик, напишем вижен и концепт-документ игры, соберём прототип, усовершенствуем прототип до публичного демо, проведём плейтест и поработаем над фидбэком. <br /></div></div> </div> </div> </div> <style> #rec265290262 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265339356" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6337-6532-4637-a534-653134613266/1.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6337-6532-4637-a534-653134613266/-/empty/1.jpg" data-original="https://static.tildacdn.com/tild6337-6532-4637-a534-653134613266/1.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6337-6532-4637-a534-653134613266/1.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes">Прототипирование: поведение босса</div></div> </div> </div> </div> </div> <div id="rec265290260" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"> <span style="color: rgb(255, 255, 255);">Лекция 1: Этапы разработки игры и генерация идей<br /></span>Рассмотрим основные этапы разработки игры и распишем, какой продукт получаем на каждом этапе. Используя доступные методы генерации идей, создадим свои идеи игр и механик. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> сгенерировать идеи пяти игр разными методами, описать ваш продукт на всех этапах разработки <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1 час лекция, 6 часов на домашнюю работу <br /><br /> <span style="color: rgb(255, 255, 255);">Лекция 2: Конкурентный анализ <br /></span><br /> Найдём и проанализируем конкурентов игры, используя доступные сервисы и методики. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> найти и проанализировать 4-х конкурентов игры, декомпозировать одного <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1 час лекция, 5 часов на домашку <br /><br /> <span style="color: rgb(255, 255, 255);">Лекция 3: Вижн и концепт-документ <br /></span><br /> Разберёмся, зачем нужны вижн и концепт-документы, и чем они отличаются друг от друга. Поговорим о том, как они будут расширяться до дизайн-документа. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> написать свои вижн и концепт-документ <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1 час лекция, 3 часа на домашку <br /><br /> <span style="color: rgb(255, 255, 255);">Лекция 4: Методики прототипирования и обзор GameMaker Studio 2 <br /></span><br /> Разберёмся, что такое прототип, и как к нему подходить. Откроем для себя GameMaker, как средство быстрого прототипирования. Изучим его инструментарий и возможности. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> сбор материалов для прототипирования, описание функционала прототипа, создание в GameMaker основы для будущего прототипа <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1,5 часа лекция, 3 часа на домашку <br /><br /> <span style="color: rgb(255, 255, 255);">Лекция 5: Создание прототипа в GameMaker <br /></span><br /> Создадим свой первый прототип игры, разобрав примеры игр различных жанров. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> изменение состояний прототипа, добавление новых механик <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1,5 часа лекции, 4 часа домашка <br /><br /> <span style="color: rgb(255, 255, 255);">Лекция 6: Полировка прототипа и создание демо <br /></span><br /> Улучшим прототип до состояния публичного демо, добавив в него UI, эффекты, звуки и поддержку геймпада. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> создание эффекта, добавление звуков и UI в прототип <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1,5 часа лекции, 1 день на домашку <br /><br /> <span style="color: rgb(255, 255, 255);">Лекция 7: Локализация демо и плейтесты <br /></span><br /> Продумаем систему для удобной локализации проекта. Внедрим её в прототип. Организуем плейтест локально и в онлайне, соберём фидбэк и обработаем результаты. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> таблица локализации, анкета для плейтеста <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1,5 часа лекции, 2 дня на домашку <br /></div></div> </div> </div> </div> <style> #rec265290260 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290264" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:center;font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="font-size: 30px;">***</span></div></div> </div> </div> </div> <style> #rec265290264 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265341527" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 30px;">Блок 2. Менеджмент игрового проекта. <br /></span></span></span><br />Спланируем проект от майлстоунов до эпиков, соберём команду и организуем удалённую работу с ней, используя популярные в индустрии сервисы. <br /></div></div> </div> </div> </div> <style> #rec265341527 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290261" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3565-6437-4866-b065-373564376538/_2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3565-6437-4866-b065-373564376538/-/empty/_2.jpg" data-original="https://static.tildacdn.com/tild3565-6437-4866-b065-373564376538/_2.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3565-6437-4866-b065-373564376538/_2.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes">Роли в команде</div></div> </div> </div> </div> </div> <div id="rec265295262" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);">Лекция 8: Гибкие методологии разработки и планирование проекта <br /></span><br /> Рассмотрим различия гибких методологий, разберём основные понятия, спланируем проект по майлстоунам, создадим бэклог из Epic-фичей. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> дорожная карта (roadmap) проекта, User Story 30 минут игры, бэклог проекта <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1 час лекции, 6 часов домашней работы <br /><br /> <span style="color: rgb(255, 255, 255);">Лекция 9: Самоорганизация, поиск и расширение команды <br /></span><br /> Начнём вести дневник руководителя, организуем документы, заведём задачи в планировщике и встречи в календаре. Разместим объявление о найме и проверим квалификацию сотрудников в тестовых и на собеседовании. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> Завести Notion и создать структуру документов в нём, завести приложения для GTD и начать использовать, заполнить Google Calendar, создать вакансию программиста и художника с тестовым для своего проекта. <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1,5 часа лекции, 1 день на домашку <br /><br /> <span style="color: rgb(255, 255, 255);">Лекция 10: Мотивация и контроль <br /></span><br /> Рассмотрим различные техники мотивации сотрудников, постановки задач и контроля за их исполнением. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> сценарий тимбилдинг-активности, план подготовки к конференции с бюджетом, постановка задачи <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1 час лекции, 2 часа на домашку <br /><br /> <span style="color: rgb(255, 255, 255);">Лекция 11: Организация удалённой работы <br /></span><br /> Построим процесс удалённой работы с командой, изучим особенности онлайн-менеджмента и организации инфраструктуры команды. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> настройка Discord-сервера и бота, Slack, Trello, Jira, Confluence, облачные хранилища <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1,5 часа лекции, 2 часа на домашку <br /><br /> <span style="color: rgb(255, 255, 255);">Лекция 12: GIT <br /></span><br /> Разберём различия популярных систем контроля версий и методологию работы с ними. Научимся создавать репозитории, коммитить в различные ветки и придерживаться удобной методики ведения проекта. <br /><br /> <span style="color: rgb(255, 255, 255);">Домашка:</span> поднять свой GIT-репозиторий, разбить на ветки, закоммитить проект, смержить в него конфликтные файлы в пользу разных веток <br /><br /> <span style="color: rgb(255, 255, 255);">Время:</span> 1,5 часа лекции, 3 часа на домашку <br /><br /></div></div> </div> </div> </div> <style> #rec265295262 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265342055" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:center;font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="font-size: 30px;">***</span></div></div> </div> </div> </div> <style> #rec265342055 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290266" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 30px;">Блок 3. Пайплайны игровой студии. <br /></span></span></span><br /> Разберёмся, как устроена игровая студия, и как правильно построить процессы в каждом из её отделов: дизайна, арта, кода, звука. Научимся писать грамотную документацию, заказывать ассеты, сотрудничать с посредниками и разбираться в специфике работы сотрудников. Откроем Unreal, создадим блокаут и сиквенс. <br /></div></div> </div> </div> </div> <style> #rec265290266 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290265" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6536-3435-4630-b933-396366623538/__.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6536-3435-4630-b933-396366623538/-/empty/__.jpg" data-original="https://static.tildacdn.com/tild6536-3435-4630-b933-396366623538/__.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6536-3435-4630-b933-396366623538/__.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes">скриншот игры Gripper</div></div> </div> </div> </div> </div> <div id="rec265290268" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"> Лекция 13: Гейм-дизайн отдел и его документация <br /><br /> Разберём типы гейм-дизайнеров, задачи каждого и документы на выходе. <br /><br /> Домашка: блок-схема логики главы, флоу одной главы, техническая спецификация на фичу <br /><br /> Время: 1,5 часа лекции, 6 часов на домашку <br /><br /> Лекция 14: Нарративный отдел и сценарная документация <br /><br /> Поговорим о роли нарративного дизайнера и сценариста на проекте, рассмотрим документы, предлагаемые ими. <br /><br /> Домашка: синопсис игры, флоу игрового эпизода, сценарий анимационного ролика с диалогом <br /><br /> Время: 1,5 часа лекции, 2 дня на домашку <br /><br /> Лекция 15: Левел-дизайн отдел <br /><br /> Создадим блокаут локации в Unreal, поговорим о правилах, используемых в левел-дизайне. <br /><br /> Домашка: блокаут локации <br /><br /> Время: 1,5 часа лекции, 2 дня на домашку <br /><br /> Лекция 16: Арт, VFX и UI отделы <br /><br /> Рассмотрим виды взаимодействия с арт, VFX и UI отделами, и разберём задачи, которые им ставятся на проекте. Изучим структуру арт-библии, процесс сбора подходящих референсов, роль мокапов и правильного составления «заказов» на ассеты. <br /><br /> Домашка: описание нескольких задач на отдел (с рефами), мокап POI, мокап интерфейса <br /><br /> Время: 1,5 часа лекции, 1 день на домашку <br /><br /> Лекция 17: Технический отдел <br /><br /> Остановимся на архитектуре проекта, ролях технических специалистов том, как правильно ставить им ТЗ. Создадим понятные UML-диаграммы поведения, напишем скрипт на GML в GameMaker и Blueprint в Unreal (для понимания устройства современных скриптовых и языков), оформим ТЗ для инструментария, помогающего работать дизайнерам. <br /><br /> Домашка: UML поведения ИИ в вашем проекте, внести изменения в скрипт GML для получения другого результата, ТЗ на инструментарий для вашего проекта <br /><br /> Время: 1,5 часа, 6 часов на домашку <br /><br /> Лекция 18: Моушн-дизайн <br /><br /> Рассмотрим процесс работы моушн-дизайнеров, напишем сценарий, срежиссируем и создадим катсцену в Unreal. <br /><br /> Домашка: своя катсцена в Unreal по заданному сценарию <br /><br /> Время: 1,5 часа лекции, 5 часов на домашку <br /><br /> Лекция 19: Звукорежиссура <br /><br /> Поговорим о работе с музыкантами, саунд-дизайнерами и актёрами озвучки. Рассмотрим договор лицензирования, работу сервисов Royalty-free музыки и озвучки. <br /><br /> Домашка: ТЗ на 5 звуков к игре, ТЗ на 5 реплик к игре <br /><br /> Время: 1 час лекции, 1 час на домашку <br /></div></div> </div> </div> </div> <style> #rec265290268 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265342361" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:center;font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="font-size: 30px;">***</span></div></div> </div> </div> </div> <style> #rec265342361 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265342444" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 30px;">Блок 4. Монетизация и аналитика игр. <br /></span></span></span><br /> Продумаем монетизацию проекта и напишем документы по ней, внедрим популярные механики монетизации в проект, сравним и подключим системы аналитики, проанализируем результаты и предложим изменения в проект на их основе. <br /></div></div> </div> </div> </div> <style> #rec265342444 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290267" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3339-3333-4139-a636-373930363335/_21.png"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3339-3333-4139-a636-373930363335/-/empty/_21.png" data-original="https://static.tildacdn.com/tild3339-3333-4139-a636-373930363335/_21.png"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3339-3333-4139-a636-373930363335/_21.png" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec265290270" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"> Лекция 20: Основы монетизации игр <br /><br /> Разберём популярные модели распространения игр, как правильно подходить к монетизации и когда начинать, как выглядят документы верхнего уровня, описывающие монетизацию в игре. <br /><br /> Домашка: документ по прогрессии игрока и монетизации, схемы игрового цикла, кругооборота доходов и расходов <br /><br /> Время: 1,5 часа лекции, 2 часа на домашку <br /><br /> Лекция 21: Способы монетизации в играх <br /><br /> Рассмотрим конкретные популярные методы монетизации в играх-сервисах, фреймворк работы с ними. Интегрируем покупки и рекламу в демо-проект. <br /><br /> Домашка: ТЗ на интеграцию монетизации в игру <br /><br /> Время: 1 час лекции, 2 часа на домашку <br /><br /> Лекция 22: Игровая аналитика <br /><br /> Поговорим об устройстве софт-лонча, важности игровой аналитики, главных метриках проекта, привлечении и удержании игроков. <br /><br /> Домашка: описать метрики, которые будете логировать <br /><br /> Время: 1 час лекции, 2 часа на домашку <br /><br /> Лекция 23: Работа с системой аналитики <br /><br /> Разберём, как устроена панель аналитики системы Google Analytics. Разберём, как интегрировать её в проект, и как анализировать полученные данные. <br /><br /> Домашка: завести кабинет Google Analytics, интегрировать библиотеку в игру <br /><br /> Время: 1,5 часа лекции, 6 часов на домашку <br /></div></div> </div> </div> </div> <style> #rec265290270 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265342717" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:center;font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="font-size: 30px;">***</span></div></div> </div> </div> </div> <style> #rec265342717 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265342744" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 30px;">Блок 5. Питчинг проекта и сбор средств. <br /></span></span></span><br /> Подготовим проект и портфолио команды для презентации инвестору, изучим договор с издателем, подготовимся к выходу на краудфандинговую платформу. <br /></div></div> </div> </div> </div> <style> #rec265342744 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290269" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6537-3435-4262-b766-396662643430/_5.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6537-3435-4262-b766-396662643430/-/empty/_5.jpg" data-original="https://static.tildacdn.com/tild6537-3435-4262-b766-396662643430/_5.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6537-3435-4262-b766-396662643430/_5.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec265342892" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"> Лекция 24: Питч игры для инвесторов <br /><br /> Поговорим о том, как найти издателя и инвестора для своей игры, а также как преподнести им проект. Соберём пакет документов для издателя и инвестора. <br /><br /> Домашка: elevator pitch, roadmap проекта, USP и бюджет <br /><br /> Время: 1,5 часа лекции, 6 часов на домашку <br /><br /> Лекция 25: Питч-дэк команды и договор с издателем <br /><br /> Уделим внимание правильному резюме команды (например, для контракта на аутсорс), разберём договор с издателем и подводные камни, которые могут в нём быть. <br /><br /> Домашка: CV команды, поиск пробелов в договоре с издателем <br /><br /> Время: 1,5 часа лекции, 6 часов на домашку <br /><br /> Лекция 26: Краудфандинг <br /><br /> Подготовим проект к краудфандингу, расписав план кампании, страницу проекта, цели и последовательность действий до и после выхода на Kickstarter. <br /><br /> Домашка: план кампании, текст страницы, цели проекта и награды для бейкеров <br /><br /> Время: 1 час лекции, 2 дня на домашку <br /></div></div> </div> </div> </div> <style> #rec265342892 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265343027" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:center;font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="font-size: 30px;">***</span></div></div> </div> </div> </div> <style> #rec265343027 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265343057" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 30px;">Блок 6. Маркетинг игры. <br /></span></span></span><br /> Разработаем маркетинговый план проекта, создадим трейлер игры и сайт, начнём вести соцсети с материалами по игре, подготовимся к показам на конференциях, разошлём прессе анонс и закупим рекламу для продвижения. <br /></div></div> </div> </div> </div> <style> #rec265343057 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290271" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6634-6562-4539-b238-653365643236/photo.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6634-6562-4539-b238-653365643236/-/empty/photo.jpg" data-original="https://static.tildacdn.com/tild6634-6562-4539-b238-653365643236/photo.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6634-6562-4539-b238-653365643236/photo.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec265343403" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes">Лекция 27: Маркетинговый план<br /><br />Поговорим о важности маркетинговой стратегии. Составим маркетинговый план — таблицу активностей на разных этапах жизни проекта. Выясним, какой маркетинговый контент потребуется, и когда. <br /><br /> Домашка: Составление своего плана маркетинга <br /><br /> Время: 1 час лекции, 4 часа на домашку <br /><br /> Лекция 28: Тизер и трейлер игры <br /><br /> Поговорим о структуре тизера и трейлера игры, а также об ограничениях. Смонтируем свой собственный трейлер из геймплейных нарезок и арта. <br /><br /> Домашка: смонтировать тизер игры на 30 секунд <br /><br /> Время: 1,5 часа лекции, 3 дня <br /><br /> Лекция 29: Сайт игры и пресс-кит <br /><br /> Подготовим контент для сайта игры. Поработаем с CMS для обновления. Оформим пресс-кит. <br /><br /> Домашка: сделать лендинг игры и пресс-кит <br /><br /> Время: 1 час лекции, 2 часа на домашку <br /><br /> Лекция 30: Соцсети <br /><br /> Поговорим о типах и различиях постов для соцсетей и том, как их правильно планировать, оформлять и запускать в публикацию. <br /><br /> Домашка: создать аккаунты в популярных соцсетях, написать отложенные посты разных типов на неделю <br /><br /> Время: 1 часа лекции, 2 часа на домашку <br /><br /> Лекция 31: Показ игры на конференциях и в онлайне <br /><br /> Составим список материалов, необходимых для игровой конференции. Рассмотрим, как эти материалы выглядят, и что важно не упустить в подготовке. Внесём изменения в наш проект для показа на конференциях. Настроим и проведём стрим игры. <br /><br /> Домашка: создать мокап роллапа, флаера и визитки игры, описать функционал демо-билда для конференции, настроить и провести стрим игры <br /><br /> Время: 1,5 часа лекции, 2 часа на домашку <br /><br /> Лекция 32: Инфлюенсеры и пресса <br /><br /> Рассмотрим особенности работы с прессой, структуру пресс-релиза и пресс-кита, организацию рассылки пресс-релизов и ключей. <br /><br /> Домашка: пресс-релиз игры, таблица контактов для игры <br /><br /> Время: 1,5 часа лекции, 2 часа на домашку <br /><br /> Лекция 33: Реклама игры <br /><br /> Сделаем тестовый закуп рекламы в соцсетях, подготовив креатив и настроим под себя таргетинг. <br /><br /> Домашка: заготовка креатива игры (или рекламного баннера), описание целевой аудитории <br /><br /> Время: 1 часа лекции, 4 часа на домашку <br /></div></div> </div> </div> </div> <style> #rec265343403 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265343453" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:center;font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="font-size: 30px;">***</span></div></div> </div> </div> </div> <style> #rec265343453 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265343455" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 30px;">Блок 7. Публикация и поддержка игры. <br /></span></span></span><br /> Опубликуем игру в популярных онлайн-площадках для ПК и мобильных. Изучим требования для выхода на консолях. Спланируем мероприятия по поддержке и продвижению игры после выхода. <br /></div></div> </div> </div> </div> <style> #rec265343455 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265343580" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3035-6231-4866-a461-373762666133/photo.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3035-6231-4866-a461-373762666133/-/empty/photo.jpg" data-original="https://static.tildacdn.com/tild3035-6231-4866-a461-373762666133/photo.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3035-6231-4866-a461-373762666133/photo.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="font-family:'BebasRoboto';color:#666666;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec265343585" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"> Лекция 34: Публикация игры на бесплатных площадках <br /><br /> Создадим и заполним страницы игры на площадках, не требующих стартового взноса при регистрации. <br /><br /> Домашка: страница на Itch.IO, SteamDB, GameJolt <br /><br /> Время: 1 час лекции, 3 часа на домашку <br /><br /> Лекция 35: Публикация игры в Steam <br /><br /> Поговорим о юридических аспектах, технических требованиях и особенностях настройки страницы игры в Steam. <br /><br /> Домашка: чеклист и все ассеты, необходимые для публикации игры в Steam <br /><br /> Время: 1,5 часа лекции, 4 часа на домашку <br /><br /> Лекция 36: Публикация игры в App Store <br /><br /> Пошагово разберём, что нужно для регистрации и публикации игры в App Store. Как отправить заявку на фичеринг и какие материалы подготовить для выхода. <br /><br /> Домашка: чеклист и ассеты для выхода в App Store <br /><br /> Время: 1,5 часа лекции, 4 часа на домашку <br /><br /> Лекция 37: Публикация игры в Google Play <br /><br /> Разберём отличия Google Play от App Store и объясним, как выходить на мобильных платформах. <br /><br /> Домашка: чеклист и ассеты для выхода в Google Play <br /><br /> Время: 1,5 часа лекции, 2 часа на домашку <br /><br /> Лекция 38: Игровые ассеты <br /><br /> Сравним рынки ассетов для популярных движков, их особенности. Разберём, как создать свой ассет для GameMaker и выложить в магазин. <br /><br /> Домашка: концепт-документ на свой ассет <br /><br /> Время: 1 час лекции, 2 часа на домашку <br /><br /> Лекция 39: Выход на консоли <br /><br /> Обсудим, как работают онлайн-витрины консолей, расскажем о выходе на них и требованиях, которые надо учесть, прежде чем отправлять игру на проверку. <br /><br /> Домашка: составить ТЗ на правки в игру по консольному чеклисту <br /><br /> Время: 1 час лекции, 5 часов на домашку <br /><br /> Лекция 40: LiveOps в играх <br /><br /> Составим план обновлений и мероприятий по поддержке и продвижению игры после выхода, поговорим о скидках и участие в распродажах. <br /><br /> Домашка: план обновлений, описание акции по игре, конкурс в соцсети, постмортем <br /><br /> Время: 1 час лекции, 3 часа на домашку <br /></div></div> </div> </div> </div> <style> #rec265343585 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265343628" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:center;font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="font-size: 30px;">***</span></div></div> </div> </div> </div> <style> #rec265343628 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290276" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">ЧТО У ТЕБЯ БУДЕТ ПО ИТОГУ<br /></span></span></span><br /> Основной путь после прохождения курса — сделать и выпустить собственную игру и стать инди-разработчиком. Но и для работы в крупных компаниях этот опыт пригодится. <br /><br /> У тебя будет понимание процессов работы в небольших, средних и крупных студиях. С этими знаниями ты можешь смело пробовать свои силы в роли помощника продюсера или на других менеджерских позициях в геймдеве, набираясь опыта и продвигаясь по карьерной лестнице. <br /><br /> Но главное — ты будешь знать, как избежать критических ошибок, делая игру мечты, и подойдешь к делу с пониманием всех процессов. Отсутствие этих знаний может загубить лучшую идею. <br /><br /> <span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 30px;">Прототип на GameMaker Studio 2 <br /></span></span></span><br /> Также по завершении курса у тебя будет прототип игры на GameMaker — это очень простой движок, основы работы в котором ты освоишь в ходе обучения. <br /><br /> Этот прототип ты сможешь использовать как основу для будущей игры, или же чтобы наглядно демонстрировать свою идею потенциальным участникам команды разработки, инвесторам или издателям. <br /></div></div> </div> </div> </div> <style> #rec265290276 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec317398825" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec317398825 .t396__artboard {height:479px;background-color:#0d0d0d;overflow:visible;}#rec317398825 .t396__filter {height:479px;}#rec317398825 .t396__carrier{height:479px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec317398825 .t396__artboard,#rec317398825 .t396__filter,#rec317398825 .t396__carrier {height:416px;}#rec317398825 .t396__filter {}#rec317398825 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec317398825 .t396__artboard,#rec317398825 .t396__filter,#rec317398825 .t396__carrier {height:386px;}#rec317398825 .t396__filter{background-image:-webkit-gradient( linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)) );background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));background-color:unset;will-change:transform;}#rec317398825 .t396__carrier {background-position:right center;background-attachment:scroll;}}@media screen and (max-width:639px) {#rec317398825 .t396__artboard,#rec317398825 .t396__filter,#rec317398825 .t396__carrier {height:426px;}#rec317398825 .t396__filter{background-image:-webkit-gradient( linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)) );background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));background-color:unset;will-change:transform;}#rec317398825 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:479px) {#rec317398825 .t396__artboard,#rec317398825 .t396__filter,#rec317398825 .t396__carrier {height:362px;}#rec317398825 .t396__filter{background-image:-webkit-gradient( linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)) );background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));background-color:unset;will-change:transform;}#rec317398825 .t396__carrier {background-attachment:scroll;}}#rec317398825 .tn-elem[data-elem-id="1608105552811"]{z-index:1;top:80px;left:calc(50% - 600px + 20px);width:1160px;height:301px;}#rec317398825 .tn-elem[data-elem-id="1608105552811"] .tn-atom{border-width:0px;border-radius:0px;background-color:#8080ff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec317398825 .tn-elem[data-elem-id="1608105552811"] {top:62px;left:calc(50% - 480px + 10px);width:940px;height:272px;}}@media screen and (max-width:959px) {#rec317398825 .tn-elem[data-elem-id="1608105552811"] {top:42px;left:calc(50% - 320px + 13px);width:618px;height:275px;}}@media screen and (max-width:639px) {#rec317398825 .tn-elem[data-elem-id="1608105552811"] {top:31px;left:calc(50% - 240px + 10px);width:460px;height:331px;}}@media screen and (max-width:479px) {#rec317398825 .tn-elem[data-elem-id="1608105552811"] {top:31px;left:calc(50% - 160px + 0px);width:100%;height:289px;border-radius:0px;}#rec317398825 .tn-elem[data-elem-id="1608105552811"] .tn-atom {border-radius:0px;}}#rec317398825 .tn-elem[data-elem-id="1608105552820"]{color:#ffffff;text-align:center;z-index:3;top:147px;left:calc(50% - 600px + 301px);width:598px;height:auto;}#rec317398825 .tn-elem[data-elem-id="1608105552820"] .tn-atom{color:#ffffff;font-size:44px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec317398825 .tn-elem[data-elem-id="1608105552820"] {top:107px;left:calc(50% - 480px + 195px);width:570px;height:auto;}}@media screen and (max-width:959px) {#rec317398825 .tn-elem[data-elem-id="1608105552820"] {top:72px;left:calc(50% - 320px + 45px);width:550px;height:auto;}#rec317398825 .tn-elem[data-elem-id="1608105552820"] {text-align:center;}#rec317398825 .tn-elem[data-elem-id="1608105552820"] .tn-atom{font-size:40px;}}@media screen and (max-width:639px) {#rec317398825 .tn-elem[data-elem-id="1608105552820"] {top:70px;left:calc(50% - 240px + 1px);width:279px;height:auto;}#rec317398825 .tn-elem[data-elem-id="1608105552820"] {text-align:center;}#rec317398825 .tn-elem[data-elem-id="1608105552820"] .tn-atom{font-size:36px;}}@media screen and (max-width:479px) {#rec317398825 .tn-elem[data-elem-id="1608105552820"] {top:60px;left:calc(50% - 160px + 0px);width:250px;height:auto;}#rec317398825 .tn-elem[data-elem-id="1608105552820"] {text-align:center;}#rec317398825 .tn-elem[data-elem-id="1608105552820"] .tn-atom{font-size:32px;}}#rec317398825 .tn-elem[data-elem-id="1608105552847"]{color:#ffd12e;z-index:7;top:301px;left:calc(50% - 600px + 80px);width:240px;height:auto;}#rec317398825 .tn-elem[data-elem-id="1608105552847"] .tn-atom{color:#ffd12e;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.2;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec317398825 .tn-elem[data-elem-id="1608105552847"] {top:231px;left:calc(50% - 480px + 71px);width:320px;height:auto;}}@media screen and (max-width:959px) {#rec317398825 .tn-elem[data-elem-id="1608105552847"] {top:277px;left:calc(50% - 320px + 50px);width:380px;height:auto;}#rec317398825 .tn-elem[data-elem-id="1608105552847"] {text-align:left;}}@media screen and (max-width:639px) {#rec317398825 .tn-elem[data-elem-id="1608105552847"] {top:271px;left:calc(50% - 240px + 35px);width:200px;height:auto;}#rec317398825 .tn-elem[data-elem-id="1608105552847"] {text-align:left;}#rec317398825 .tn-elem[data-elem-id="1608105552847"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec317398825 .tn-elem[data-elem-id="1608105552847"] {top:327px;left:calc(50% - 160px + 30px);width:230px;height:auto;}#rec317398825 .tn-elem[data-elem-id="1608105552847"] {text-align:left;}}#rec317398825 .tn-elem[data-elem-id="1613821592556"]{color:#000000;text-align:center;z-index:23;top:237px;left:calc(50% - 600px + 290px);width:300px;height:60px;}#rec317398825 .tn-elem[data-elem-id="1613821592556"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;border-width:1px;border-radius:0px;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out,border-color 0.2s ease-in-out;}@media (hover),(min-width:0\0) {#rec317398825 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover {background-color:#000000;background-image:none;}#rec317398825 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover {color:#ffffff;}}@media screen and (max-width:1199px) {#rec317398825 .tn-elem[data-elem-id="1613821592556"] {top:202px;left:calc(50% - 480px + 170px);}}@media screen and (max-width:959px) {#rec317398825 .tn-elem[data-elem-id="1613821592556"] {top:144px;left:calc(50% - 320px + 120px);width:400px;height:60px;}#rec317398825 .tn-elem[data-elem-id="1613821592556"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec317398825 .tn-elem[data-elem-id="1613821592556"] {top:173px;left:calc(50% - 240px + 90px);width:300px;height:60px;}}@media screen and (max-width:479px) {#rec317398825 .tn-elem[data-elem-id="1613821592556"] {top:151px;left:calc(50% - 160px + 30px);width:260px;height:60px;}}#rec317398825 .tn-elem[data-elem-id="1621508314729"]{color:#000000;text-align:center;z-index:24;top:237px;left:calc(50% - 600px + 610px);width:300px;height:60px;}#rec317398825 .tn-elem[data-elem-id="1621508314729"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;border-width:1px;border-radius:0px;background-color:#ffffff;background-position:center center;border-color:transparent ;border-style:solid;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out,border-color 0.2s ease-in-out;}@media (hover),(min-width:0\0) {#rec317398825 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover {background-color:#000000;background-image:none;}#rec317398825 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover {color:#ffffff;}}@media screen and (max-width:1199px) {#rec317398825 .tn-elem[data-elem-id="1621508314729"] {top:202px;left:calc(50% - 480px + 490px);}}@media screen and (max-width:959px) {#rec317398825 .tn-elem[data-elem-id="1621508314729"] {top:214px;left:calc(50% - 320px + 120px);width:400px;height:60px;}#rec317398825 .tn-elem[data-elem-id="1621508314729"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec317398825 .tn-elem[data-elem-id="1621508314729"] {top:243px;left:calc(50% - 240px + 90px);width:300px;height:60px;}}@media screen and (max-width:479px) {#rec317398825 .tn-elem[data-elem-id="1621508314729"] {top:221px;left:calc(50% - 160px + 30px);width:260px;height:60px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="317398825" data-artboard-screens="320,480,640,960,1200" data-artboard-height="479" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="362" data-artboard-height-res-480="426" data-artboard-height-res-640="386" data-artboard-height-res-960="416"> <div class="t396__carrier" data-artboard-recid="317398825"></div> <div class="t396__filter" data-artboard-recid="317398825"></div> <div class='t396__elem tn-elem tn-elem__3173988251608105552811' data-elem-id='1608105552811' data-elem-type='shape' data-field-top-value="80" data-field-left-value="20" data-field-height-value="301" data-field-width-value="1160" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="31" data-field-left-res-320-value="0" data-field-height-res-320-value="289" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="31" data-field-left-res-480-value="10" data-field-height-res-480-value="331" data-field-width-res-480-value="460" data-field-top-res-640-value="42" data-field-left-res-640-value="13" data-field-height-res-640-value="275" data-field-width-res-640-value="618" data-field-top-res-960-value="62" data-field-left-res-960-value="10" data-field-height-res-960-value="272" data-field-width-res-960-value="940"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3173988251608105552820' data-elem-id='1608105552820' data-elem-type='text' data-field-top-value="147" data-field-left-value="301" data-field-width-value="598" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="60" data-field-left-res-320-value="0" data-field-width-res-320-value="250" data-field-top-res-480-value="70" data-field-left-res-480-value="1" data-field-width-res-480-value="279" data-field-axisx-res-480-value="center" data-field-top-res-640-value="72" data-field-left-res-640-value="45" data-field-width-res-640-value="550" data-field-top-res-960-value="107" data-field-left-res-960-value="195" data-field-width-res-960-value="570"> <div class='tn-atom'field='tn_text_1608105552820'>ЗАПИСЫВАЙСЯ ПРЯМО СЕЙЧАС</div> </div> <div class='t396__elem tn-elem tn-elem__3173988251613821592556' data-elem-id='1613821592556' data-elem-type='button' data-field-top-value="237" data-field-left-value="290" data-field-height-value="60" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="151" data-field-left-res-320-value="30" data-field-height-res-320-value="60" data-field-width-res-320-value="260" data-field-top-res-480-value="173" data-field-left-res-480-value="90" data-field-height-res-480-value="60" data-field-width-res-480-value="300" data-field-top-res-640-value="144" data-field-left-res-640-value="120" data-field-height-res-640-value="60" data-field-width-res-640-value="400" data-field-top-res-960-value="202" data-field-left-res-960-value="170"> <a class='tn-atom' href="/prodyusirovanie-igr/#payment" target="_blank">Записаться на курс</a> </div> <div class='t396__elem tn-elem tn-elem__3173988251621508314729' data-elem-id='1621508314729' data-elem-type='button' data-field-top-value="237" data-field-left-value="610" data-field-height-value="60" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="221" data-field-left-res-320-value="30" data-field-height-res-320-value="60" data-field-width-res-320-value="260" data-field-top-res-480-value="243" data-field-left-res-480-value="90" data-field-height-res-480-value="60" data-field-width-res-480-value="300" data-field-top-res-640-value="214" data-field-left-res-640-value="120" data-field-height-res-640-value="60" data-field-width-res-640-value="400" data-field-top-res-960-value="202" data-field-left-res-960-value="490"> <a class='tn-atom' href="/prodyusirovanie-igr/#rassr" target="_blank">Беспроцентная рассрочка</a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('317398825');});});</script> <!-- /T396 --> </div> <div id="rec312383940" class="r t-rec" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:regur" data-track-popup='/tilda/popup/rec312383940/opened' role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="ЗАЯВКА ОТ ОРГАНИЗАЦИИ"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <style>@media screen and (max-width:560px){#rec312383940 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6"> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__title t-title t-title_xxs" id="popuptitle_312383940">ЗАЯВКА ОТ ОРГАНИЗАЦИИ</div> <div class="t702__descr t-descr t-descr_xs">После заполнения и отправки формы, с Вами свяжется менеджер отдела по работе с юр. клиентами и поможет с оформлением покупки</div> </div> <form
id="form312383940" name='form312383940' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group"
class="t-form js-form-proccess t-form_inputs-total_4 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="4e815fc791e2e6c4db4884d6e59a4b47" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" class="js-formaction-services"> <div class="js-successbox t-form__successbox t-text t-text_md"
aria-live="polite"
style="display:none;" data-success-message="Заявка отправлена"></div> <div class="t-form__inputsbox t-form__inputsbox_vertical-form t-form__inputsbox_inrow"> <div
class=" t-input-group t-input-group_in " data-input-lid="1495810359387" data-field-type="in"> <label
for='input_1495810359387'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810359387" data-redactor-toolbar="no"
field="li_title__1495810359387"
style="color:;">Как Вас зовут?</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="как_тебя_зовут"
id="input_1495810359387"
class="t-input js-tilda-rule"
value=""
placeholder="Иван"
aria-describedby="error_1495810359387"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1495810359387"></div> </div> <div
class=" t-input-group t-input-group_ph " data-input-lid="1495810354468" data-field-type="ph"> <label
for='input_1495810354468'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810354468" data-redactor-toolbar="no"
field="li_title__1495810354468"
style="color:;">Телефон</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="tel"
autocomplete="tel"
name="Phone"
id="input_1495810354468" data-phonemask-init="no" data-phonemask-id="312383940" data-phonemask-lid="1495810354468" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(999)999-9999" data-tilda-req="1" aria-required="true" aria-describedby="error_1495810354468"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> <script type="text/javascript">if(!document.getElementById('t-phonemask-script')) {(function(d,w,o) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.id='t-phonemask-script';s.src="https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js";if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'script');} else {t_onReady(function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec312383940 [data-phonemask-lid="1495810354468"]');t_form_phonemask_load(phoneMasks);});});}</script> </div> <div class="t-input-error" aria-live="polite" id="error_1495810354468"></div> </div> <div
class=" t-input-group t-input-group_em " data-input-lid="1613750622265" data-field-type="em"> <label
for='input_1613750622265'
class="t-input-title t-descr t-descr_md"
id="field-title_1613750622265" data-redactor-toolbar="no"
field="li_title__1613750622265"
style="color:;">Почта</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="email"
autocomplete="email"
name="Email"
id="input_1613750622265"
class="t-input js-tilda-rule"
value=""
placeholder="hello@school-xyz.com" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1613750622265"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1613750622265"></div> </div> <div
class=" t-input-group t-input-group_in " data-input-lid="1616076075170" data-field-type="in"> <label
for='input_1616076075170'
class="t-input-title t-descr t-descr_md"
id="field-title_1616076075170" data-redactor-toolbar="no"
field="li_title__1616076075170"
style="color:;">Наименование организации</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="Наименование организации"
id="input_1616076075170"
class="t-input js-tilda-rule"
value=""
placeholder="ООО «ИКС ВАЙ ЗЕТ НЕТВОРК»" data-tilda-req="1" aria-required="true"
aria-describedby="error_1616076075170"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1616076075170"></div> </div> <input type="hidden" name="type" tabindex="-1" value="company"> <div class="t-form__errorbox-middle"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button
type="submit"
class="t-submit"
style="color:#ffffff;background-color:#8080ff;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;font-family:BebasRoboto;font-weight:400;" data-field="buttontitle" data-buttonfieldset="button">
Оставить заявку </button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec312383940 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec312383940 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec312383940 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec312383940 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec312383940 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec312383940 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec312383940 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec312383940 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> <div class="t702__form-bottom-text t-text t-text_xs t-align_center"><div style="text-align: center;" data-customstyle="yes">Нажимая на кнопку, Вы соглашаетесь с Договором Публичной Оферты и обработкой своих персональных данных.<br /><br /><a href="https://www.school-xyz.com/publicoffer" style="color: rgb(17, 85, 204); font-size: 16px;"><u>Договор Публичной Оферты</u></a><br /><a href="https://school-xyz.com/privacy" style="color: rgb(17, 85, 204); font-size: 16px;"><u>Политика конфиденциальности</u></a></div></div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('312383940');});});</script> <style>@media (hover:hover),(min-width:0\0) {#rec312383940 .t-submit:hover {background-color:#101010 !important;}#rec312383940 .t-submit:focus-visible {background-color:#101010 !important;}}</style> <style> #rec312383940 .t702__title{font-weight:500;font-family:'BebasRoboto';}#rec312383940 .t702__descr{padding-top:5px;padding-bottom:5px;}</style> </div> <div id="rec285461322" class="r t-rec" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:rassr" data-track-popup='/tilda/popup/rec285461322/opened' role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="ЗАЯВКА НА РАССРОЧКУ"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <style>@media screen and (max-width:560px){#rec285461322 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6"> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__title t-title t-title_xxs" id="popuptitle_285461322">ЗАЯВКА НА РАССРОЧКУ</div> <div class="t702__descr t-descr t-descr_xs">После отправки заявки в течение часа с тобой свяжется менеджер отдела рассрочки школы и поможет с оформлением покупки</div> </div> <form
id="form285461322" name='form285461322' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group"
class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="36600e933da136511149849683298a67" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" class="js-formaction-services"> <div class="js-successbox t-form__successbox t-text t-text_md"
aria-live="polite"
style="display:none;" data-success-message="Заявка отправлена"></div> <div class="t-form__inputsbox t-form__inputsbox_vertical-form t-form__inputsbox_inrow"> <div
class=" t-input-group t-input-group_in " data-input-lid="1495810359387" data-field-type="in"> <label
for='input_1495810359387'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810359387" data-redactor-toolbar="no"
field="li_title__1495810359387"
style="color:;">Как тебя зовут?</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="как_тебя_зовут"
id="input_1495810359387"
class="t-input js-tilda-rule"
value=""
placeholder="Иван"
aria-describedby="error_1495810359387"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1495810359387"></div> </div> <div
class=" t-input-group t-input-group_ph " data-input-lid="1495810354468" data-field-type="ph"> <label
for='input_1495810354468'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810354468" data-redactor-toolbar="no"
field="li_title__1495810354468"
style="color:;">Телефон</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="tel"
autocomplete="tel"
name="Phone"
id="input_1495810354468" data-phonemask-init="no" data-phonemask-id="285461322" data-phonemask-lid="1495810354468" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(999)999-9999" data-tilda-req="1" aria-required="true" aria-describedby="error_1495810354468"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> <script type="text/javascript">if(!document.getElementById('t-phonemask-script')) {(function(d,w,o) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.id='t-phonemask-script';s.src="https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js";if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'script');} else {t_onReady(function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec285461322 [data-phonemask-lid="1495810354468"]');t_form_phonemask_load(phoneMasks);});});}</script> </div> <div class="t-input-error" aria-live="polite" id="error_1495810354468"></div> </div> <div
class=" t-input-group t-input-group_em " data-input-lid="1613750622265" data-field-type="em"> <label
for='input_1613750622265'
class="t-input-title t-descr t-descr_md"
id="field-title_1613750622265" data-redactor-toolbar="no"
field="li_title__1613750622265"
style="color:;">Почта</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="email"
autocomplete="email"
name="Email"
id="input_1613750622265"
class="t-input js-tilda-rule"
value=""
placeholder="hello@school-xyz.com" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1613750622265"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1613750622265"></div> </div> <input type="hidden" name="Курс" tabindex="-1" value="Продюсирование игр"> <div class="t-form__errorbox-middle"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button
type="submit"
class="t-submit"
style="color:#ffffff;background-color:#8080ff;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;font-family:BebasRoboto;font-weight:400;" data-field="buttontitle" data-buttonfieldset="button">
Оставить заявку </button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec285461322 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285461322 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec285461322 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec285461322 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec285461322 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285461322 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec285461322 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec285461322 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> <div class="t702__form-bottom-text t-text t-text_xs t-align_center"><div style="text-align: center;" data-customstyle="yes">Нажимая на кнопку, ты соглашаешься с Договором Публичной Оферты и обработкой своих персональных данных.<br /><br /><a href="https://www.school-xyz.com/publicoffer" style="color: rgb(17, 85, 204); font-size: 16px;"><u>Договор Публичной Оферты</u></a><br /><a href="https://school-xyz.com/privacy" style="color: rgb(17, 85, 204); font-size: 16px;"><u>Политика конфиденциальности</u></a></div></div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('285461322');});});</script> <style>@media (hover:hover),(min-width:0\0) {#rec285461322 .t-submit:hover {background-color:#101010 !important;}#rec285461322 .t-submit:focus-visible {background-color:#101010 !important;}}</style> <style> #rec285461322 .t702__title{font-weight:500;font-family:'BebasRoboto';}#rec285461322 .t702__descr{padding-top:5px;padding-bottom:5px;}</style> </div> <div id="rec276174775" class="r t-rec" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:credit" data-track-popup='/tilda/popup/rec276174775/opened' role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="ЗАЯВКА НА КРЕДИТ"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <style>@media screen and (max-width:560px){#rec276174775 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6"> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__title t-title t-title_xxs" id="popuptitle_276174775">ЗАЯВКА НА КРЕДИТ</div> <div class="t702__descr t-descr t-descr_xs">После отправки заявки в течении двух дней с вами свяжется менеджер кредитного отдела банков и поможет с оформлением покупки.</div> </div> <form
id="form276174775" name='form276174775' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group"
class="t-form js-form-proccess t-form_inputs-total_4 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="36600e933da136511149849683298a67" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" class="js-formaction-services"> <div class="js-successbox t-form__successbox t-text t-text_md"
aria-live="polite"
style="display:none;" data-success-message="Заявка отправлена"></div> <div class="t-form__inputsbox t-form__inputsbox_vertical-form t-form__inputsbox_inrow"> <div
class=" t-input-group t-input-group_in " data-input-lid="1495810359387" data-field-type="in"> <label
for='input_1495810359387'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810359387" data-redactor-toolbar="no"
field="li_title__1495810359387"
style="color:;">Как вас зовут?</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="Как вас зовут"
id="input_1495810359387"
class="t-input js-tilda-rule"
value=""
placeholder="ФИО"
aria-describedby="error_1495810359387"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1495810359387"></div> </div> <div
class=" t-input-group t-input-group_ph " data-input-lid="1495810354468" data-field-type="ph"> <label
for='input_1495810354468'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810354468" data-redactor-toolbar="no"
field="li_title__1495810354468"
style="color:;">Телефон</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="tel"
autocomplete="tel"
name="Phone"
id="input_1495810354468" data-phonemask-init="no" data-phonemask-id="276174775" data-phonemask-lid="1495810354468" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(999)999-9999" data-tilda-req="1" aria-required="true" aria-describedby="error_1495810354468"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> <script type="text/javascript">if(!document.getElementById('t-phonemask-script')) {(function(d,w,o) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.id='t-phonemask-script';s.src="https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js";if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'script');} else {t_onReady(function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec276174775 [data-phonemask-lid="1495810354468"]');t_form_phonemask_load(phoneMasks);});});}</script> </div> <div class="t-input-error" aria-live="polite" id="error_1495810354468"></div> </div> <div
class=" t-input-group t-input-group_in " data-input-lid="1568017147839" data-field-type="in"> <label
for='input_1568017147839'
class="t-input-title t-descr t-descr_md"
id="field-title_1568017147839" data-redactor-toolbar="no"
field="li_title__1568017147839"
style="color:;">Какой курс вы хотите?</label> <div
class="t-input-subtitle t-descr t-descr_xxs t-opacity_70" data-redactor-toolbar="no"
field="li_subtitle__1568017147839"
style="color:;">Это общая форма на все курсы школы, поэтому пожалуйста уточните курс</div> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="Какой курс вы хотите"
id="input_1568017147839"
class="t-input js-tilda-rule"
value="" data-tilda-req="1" aria-required="true"
aria-describedby="error_1568017147839"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1568017147839"></div> </div> <div
class=" t-input-group t-input-group_in " data-input-lid="1611458515453" data-field-type="in"> <label
for='input_1611458515453'
class="t-input-title t-descr t-descr_md"
id="field-title_1611458515453" data-redactor-toolbar="no"
field="li_title__1611458515453"
style="color:;">Трудоустроены? Есть самозанятость?</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="Трудоустроены Есть самозанятость"
id="input_1611458515453"
class="t-input js-tilda-rule"
value="" data-tilda-req="1" aria-required="true"
aria-describedby="error_1611458515453"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1611458515453"></div> </div> <div class="t-form__errorbox-middle"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button
type="submit"
class="t-submit"
style="color:#ffffff;background-color:#8080ff;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;font-family:BebasRoboto;font-weight:400;" data-field="buttontitle" data-buttonfieldset="button">
Оставить заявку </button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec276174775 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec276174775 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec276174775 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec276174775 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec276174775 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec276174775 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec276174775 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec276174775 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> <div class="t702__form-bottom-text t-text t-text_xs t-align_center"><div style="text-align:center;" data-customstyle="yes">Нажимая на кнопку, вы соглашаетесь с Договором Публичной Оферты и обработкой своих персональных данных.<br /><br /><a href="https://www.school-xyz.com/publicoffer" style="color: rgb(17, 85, 204); text-decoration: underline; font-size: 16px; text-align: center;">Договор Публичной Оферты</a><br /><a href="https://school-xyz.com/privacy" style="color: rgb(17, 85, 204); text-decoration: underline; font-size: 16px; text-align: center;">Политика конфиденциальности</a></div></div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('276174775');});});</script> <style>@media (hover:hover),(min-width:0\0) {#rec276174775 .t-submit:hover {background-color:#101010 !important;}#rec276174775 .t-submit:focus-visible {background-color:#101010 !important;}}</style> <style> #rec276174775 .t702__title{font-weight:500;font-family:'BebasRoboto';}#rec276174775 .t702__descr{padding-top:5px;padding-bottom:5px;}</style> </div> <div id="rec276174776" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <script src="https://forma.tinkoff.ru/static/onlineScript.js"></script> <!--Tinkoff modal fix --> <style>div[class^=modal-root--] {z-index: 10000;}</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec285861825" class="r t-rec" style=" " data-animationappear="off" data-record-type="706"> <!--tcart--> <!-- @classes: t-text t-text_xs t-name t-name_xs t-name_md t-btn t-btn_sm --> <script>t_onReady(function() {setTimeout(function() {t_onFuncLoad('tcart__init',function() {tcart__init('285861825');});},50);var userAgent=navigator.userAgent.toLowerCase();var body=document.body;if(!body) return;if(userAgent.indexOf('instagram')!==-1&&userAgent.indexOf('iphone')!==-1) {body.style.position='relative';}
var rec=document.querySelector('#rec285861825');if(!rec) return;var cartWindow=rec.querySelector('.t706__cartwin,.t706__cartpage');var allRecords=document.querySelector('.t-records');var currentMode=allRecords.getAttribute('data-tilda-mode');if(cartWindow&¤tMode!=='edit'&¤tMode!=='preview') {cartWindow.addEventListener('scroll',t_throttle(function() {if(window.lazy==='y'||document.querySelector('#allrecords').getAttribute('data-tilda-lazy')==='yes') {t_onFuncLoad('t_lazyload_update',function() {t_lazyload_update();});}},500));}});</script> <div class="t706" data-cart-countdown="yes" data-opencart-onorder="yes" data-project-currency="р." data-project-currency-side="r" data-project-currency-sep="," data-project-currency-code="RUB" data-payment-system="cloudpayments" data-cart-oneproduct="y" data-cart-sendevent-onadd="y"> <div class="t706__carticon" style=""> <div class="t706__carticon-text t-name t-name_xs"></div> <div class="t706__carticon-wrapper"> <div class="t706__carticon-imgwrap" style="background-color:#ffffff;"> <svg role="img" class="t706__carticon-img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path fill="none" stroke-width="2" stroke-miterlimit="10" d="M44 18h10v45H10V18h10z"/> <path fill="none" stroke-width="2" stroke-miterlimit="10" d="M22 24V11c0-5.523 4.477-10 10-10s10 4.477 10 10v13"/> </svg> </div> <div class="t706__carticon-counter js-carticon-counter" style="background-color:#ff2764;color:#ffffff;"></div> </div> </div> <div class="t706__cartwin" style="display: none;"> <div class="t706__close t706__cartwin-close"> <button type="button" class="t706__close-button t706__cartwin-close-wrapper" aria-label="Закрыть корзину"> <svg role="presentation" class="t706__close-icon t706__cartwin-close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t706__cartwin-content"> <div class="t706__cartwin-top"> <div class="t706__cartwin-heading t-name t-name_xl">Твой заказ</div> </div> <div class="t706__cartwin-products"></div> <div class="t706__cartwin-bottom"> <div class="t706__cartwin-prodamount-wrap t-descr t-descr_sm"> <span class="t706__cartwin-prodamount-label"></span> <span class="t706__cartwin-prodamount"></span> </div> </div> <div class="t706__orderform "> <form
id="form285861825" name='form285861825' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group"
class="t-form js-form-proccess t-form_inputs-total_3 " data-formsended-callback="t706_onSuccessCallback"> <input type="hidden" name="formservices[]" value="589b8e856f50347ab41e13a70f8bd539" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" class="js-formaction-services"> <input type="hidden" name="tildaspec-formname" tabindex="-1" value="Cart"> <div class="js-successbox t-form__successbox t-text t-text_md"
aria-live="polite"
style="display:none;"></div> <div class="t-form__inputsbox t-form__inputsbox_inrow"> <div
class=" t-input-group t-input-group_nm " data-input-lid="1496239431201" data-field-type="nm"> <label
for='input_1496239431201'
class="t-input-title t-descr t-descr_md"
id="field-title_1496239431201" data-redactor-toolbar="no"
field="li_title__1496239431201"
style="color:#000000;">Как тебя зовут?</label> <div class="t-input-block "> <input
type="text"
autocomplete="name"
name="как_тебя_зовут"
id="input_1496239431201"
class="t-input js-tilda-rule"
value=""
placeholder="Иван" data-tilda-req="1" aria-required="true" data-tilda-rule="name"
aria-describedby="error_1496239431201"
style="color:#000000;border:1px solid #000000;background-color:#ffffff;"> </div> <div class="t-input-error" aria-live="polite" id="error_1496239431201"></div> </div> <div
class=" t-input-group t-input-group_ph " data-input-lid="1565618743334" data-field-type="ph"> <label
for='input_1565618743334'
class="t-input-title t-descr t-descr_md"
id="field-title_1565618743334" data-redactor-toolbar="no"
field="li_title__1565618743334"
style="color:#000000;">Телефон</label> <div
class="t-input-subtitle t-descr t-descr_xxs t-opacity_70" data-redactor-toolbar="no"
field="li_subtitle__1565618743334"
style="color:#000000;">Для быстрой связи</div> <div class="t-input-block "> <input
type="tel"
autocomplete="tel"
name="Phone"
id="input_1565618743334" data-phonemask-init="no" data-phonemask-id="285861825" data-phonemask-lid="1565618743334" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(999)999-9999" data-tilda-req="1" aria-required="true" aria-describedby="error_1565618743334"
style="color:#000000;border:1px solid #000000;background-color:#ffffff;"> <script type="text/javascript">if(!document.getElementById('t-phonemask-script')) {(function(d,w,o) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.id='t-phonemask-script';s.src="https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js";if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'script');} else {t_onReady(function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec285861825 [data-phonemask-lid="1565618743334"]');t_form_phonemask_load(phoneMasks);});});}</script> </div> <div class="t-input-error" aria-live="polite" id="error_1565618743334"></div> </div> <div
class=" t-input-group t-input-group_em " data-input-lid="1611556649611" data-field-type="em"> <label
for='input_1611556649611'
class="t-input-title t-descr t-descr_md"
id="field-title_1611556649611" data-redactor-toolbar="no"
field="li_title__1611556649611"
style="color:#000000;">Почта</label> <div
class="t-input-subtitle t-descr t-descr_xxs t-opacity_70" data-redactor-toolbar="no"
field="li_subtitle__1611556649611"
style="color:#000000;">Для рассылки об акциях и скидках</div> <div class="t-input-block "> <input
type="email"
autocomplete="email"
name="Email"
id="input_1611556649611"
class="t-input js-tilda-rule"
value=""
placeholder="hello@school-xyz.com" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1611556649611"
style="color:#000000;border:1px solid #000000;background-color:#ffffff;"> </div> <div class="t-input-error" aria-live="polite" id="error_1611556649611"></div> </div> <div class="t-input-group t-input-group_pm" style="margin: 40px 0;"> <div class="t-input-title t-descr t-descr_md" style="color:#000000;">Payment method</div> <div class="t-input-block"> <div class="t-radio__wrapper t-radio__wrapper-payment" data-tilda-payment-variants-hook='y'> <label class="t-radio__control t-text t-text_xs" style="color: #000000"><input type="radio" name="paymentsystem" value="cloudpayments" checked="checked" class="t-radio t-radio_payment" data-payment-variant-system="cloudpayments"><div class="t-radio__indicator"></div>
CloudPayments (при оплате по миру)
</label> <label class="t-radio__control t-text t-text_xs" style="color: #000000"><input type="radio" name="paymentsystem" value="yakassa" class="t-radio t-radio_payment" data-payment-variant-system="yakassa"><div class="t-radio__indicator"></div>
ЮKassa
</label> </div> </div> </div> <!--[if IE 8]> <style>.t-checkbox__control .t-checkbox,.t-radio__control .t-radio{left:0px;z-index:1;opacity:1;}.t-checkbox__indicator,.t-radio__indicator{display:none;}.t-img-select__control .t-img-select{position:static;}</style> <![endif]--> <div class="t-form__errorbox-middle"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button
type="submit"
class="t-submit"
style="color:#ffffff;background-color:#1c1c1c;font-weight:100;" data-field="buttontitle" data-buttonfieldset="button">
К оплате </button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec285861825 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285861825 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec285861825 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec285861825 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec285861825 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285861825 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec285861825 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec285861825 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> </div> <div class="t706__form-bottom-text t-text t-text_xs"><div style="text-align: center;" data-customstyle="yes">Нажимая на кнопку, ты соглашаешься с Договором Публичной Оферты и обработкой своих персональных данных.<br /><a href="https://www.school-xyz.com/privacy" style="color: rgb(51, 122, 183); font-size: 16px; font-weight: 600;">Договор Публичной Оферты</a><br /><a href="https://www.school-xyz.com/privacy" style="color: rgb(51, 122, 183); font-size: 16px; font-weight: 600;">Политика конфиденциальности</a></div></div> </div> </div> <div class="t706__cartdata"> </div> </div> <style></style> <style>@media (hover:hover),(min-width:0\0) {#rec285861825 .t-submit:hover {color:#000000 !important;}#rec285861825 .t-submit:focus-visible {color:#000000 !important;}}#rec285861825 .t-submit {transition-property:background-color,color,border-color,box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;}</style> <style>.t-menuwidgeticons__cart .t-menuwidgeticons__icon-counter{background-color:#ff2764;}</style> <style>.t-menuwidgeticons__cart .t-menuwidgeticons__icon-counter{color:#ffffff !important;}</style> <!--/tcart--> </div> <div id="rec265290281" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><span style="color: rgb(255, 255, 255); font-size: 40px;">В СТОИМОСТЬ ВХОДЯТ:</span><br /><br /><span style="color: rgb(255, 255, 255); font-size: 30px; font-weight: 500;">Проверка домашки. </span><br /><span style="color: rgb(137, 137, 137);">Одна лекция — одно домашнее задание для усвоения материала. По каждому ты получишь фидбек от ассистента преподавателя — проверенного мидла с опытом в индустрии не менее трех лет.</span><br /><br /><span style="color: rgb(255, 255, 255); font-size: 30px; font-weight: 500;">Доступ к лекциям без ограничений по времени. </span><br /><span style="color: rgb(137, 137, 137);">Учись в комфортном для себя темпе. Новые уроки открываются сами по мере прохождения программы, а к записям предыдущих можно вернуться в любое время.</span><br /><br /><span style="color: rgb(255, 255, 255); font-size: 30px; font-weight: 500;">Личный кабинет на платформе XYZ. </span><br /><span style="color: rgb(137, 137, 137);">Все лекции, стримы, домашки, чек-листы и дополнительные материалы ждут тебя в личном кабинете на нашей собственной платформе learn.school-xyz.</span><br /><br /><span style="color: rgb(255, 255, 255); font-size: 30px; font-weight: 500;">Закрытая группа в Discord. </span><br /><span style="color: rgb(137, 137, 137);">Ты сможешь без лишних формальностей общаться с преподавателями и со всеми студентами с твоего потока. Ты приходишь на курс один, а уходишь с новыми друзьями и полезными знакомствами.</span></div> </div> </div> </div> <style> #rec265290281 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290282" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"><span style="font-weight: 500;"><span style="font-size: 40px;" data-redactor-style="font-size: 40px;"><span style="color: rgb(255, 255, 255);" data-redactor-tag="span">ОТЗЫВЫ НАШИХ СТУДЕНТОВ</span></span></span><br /></div></div> </div> </div> </div> <style> #rec265290282 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec294539151" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="font-weight: 100;">Читать отзывы о XYZ School: </span><a href="https://headkurs.com/schools/otzyvy-xyz-school/" style="color: rgb(128, 128, 255); font-weight: 100;" target="_blank">headkurs.com/schools/otzyvy-xyz-school/</a><br /><span style="font-weight: 100;"> </span></div></div> </div> </div> </div> <style> #rec294539151 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290283" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_10"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="265290283" data-videolazy-type="youtube" data-videolazy-id="xmhL3y8sZbo" data-videolazy-height="540px"
style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('265290283');});});</script> </div> <div id="rec265290284" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_10"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="265290284" data-videolazy-type="youtube" data-videolazy-id="0Dg5E51Ikgc" data-videolazy-height="540px"
style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('265290284');});});</script> </div> <div id="rec265290285" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_10"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="265290285" data-videolazy-type="youtube" data-videolazy-id="5RnXuurFUeM" data-videolazy-height="540px"
style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('265290285');});});</script> </div> <div id="rec265290286" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_10"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="265290286" data-videolazy-type="youtube" data-videolazy-id="ZbVEF1IMAmY" data-videolazy-height="540px"
style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('265290286');});});</script> </div> <div id="rec265290287" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"> <span style="font-weight: 100;">Больше отзывов читай здесь: <a href="https://vk.com/topic-124560669_34868074" style="color:rgb(128, 128, 255) !important;">vk.com/topic-124560669_34868074</a> <br /><br /> Записывайся на курс: <a href="http://bit.ly/3o3FJcV" style="color:#8080ff !important;">School-xyz.com/prodyusirovanie-igr</a><br /><br /> По всем вопросам пиши в <a href="https://vk.me/xyz_gamedev" style="color:rgb(128, 128, 255) !important;">личные сообщения группы</a>. <br /><br /> А также обязательно вступай в наше <a href="https://vk.com/xyz_gamedev" style="color:rgb(128, 128, 255) !important;">сообщество</a> XYZ School в ВКонтакте — у нас много полезного контента в открытом доступе. </span><br /></div></div> </div> </div> </div> <style> #rec265290287 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290289" class="r t-rec t-rec_pt_15 t-rec_pb_30" style="padding-top:15px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6362-6432-4162-b830-363533333966/Group_1952.svg"> <img class="t-img t-width t107__widthauto"
src="https://static.tildacdn.com/tild6362-6432-4162-b830-363533333966/Group_1952.svg"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec265290290" class="r t-rec t-rec_pt_15 t-rec_pb_90" style="padding-top:15px;padding-bottom:90px;background-color:#0d0d0d; " data-record-type="797" data-bg-color="#0d0d0d"> <!-- t797 --> <div class="t797"> <div class="t-container"> <div class="t-col t-col_6 t-prefix_3 t-align_center"> <div class="t797__wrapper t797__wrapper_padding" style="background-color:#8080ff;"> <div class="t794__title t-descr t-descr_md t-animate" data-animate-style="fadein" data-animate-group="yes" data-animate-order="1" field="title">Понравилась статья?</div> <div class="t797__answers t-vote" style="margin-top:-20px" data-vote-type="single" data-vote-id="265290290" data-vote-visibility="onclick"> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1512750238069" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://thb.tildacdn.com/tild3165-3530-4532-b731-646435653837/-/empty/Poop_Emoji_2.png" data-original="https://static.tildacdn.com/tild3165-3530-4532-b731-646435653837/Poop_Emoji_2.png"
class="t797__img t797__img_width t-img"
imgfield="li_img__1512750238069"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1513680765900" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://thb.tildacdn.com/tild3564-3630-4239-a563-323339636564/-/empty/Slightly_Smiling_Emo.png" data-original="https://static.tildacdn.com/tild3564-3630-4239-a563-323339636564/Slightly_Smiling_Emo.png"
class="t797__img t797__img_width t-img"
imgfield="li_img__1513680765900"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1513669611253" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://thb.tildacdn.com/tild6130-3965-4463-a332-343937336430/-/empty/Heart_Eyes_Emoji_2.png" data-original="https://static.tildacdn.com/tild6130-3965-4463-a332-343937336430/Heart_Eyes_Emoji_2.png"
class="t797__img t797__img_width t-img"
imgfield="li_img__1513669611253"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t797_init',function() {t797_init(265290290);});});</script> <style> #rec265290290 .t794__title{font-weight:100;font-family:'BebasRoboto';}#rec265290290 .t797__text{font-weight:100;font-family:'BebasRoboto';}#rec265290290 .t-vote__btn-res{font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec265290291" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec265290291 .t396__artboard {height:430px;background-color:#8080FF;}#rec265290291 .t396__filter {height:430px;}#rec265290291 .t396__carrier{height:430px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec265290291 .t396__artboard,#rec265290291 .t396__filter,#rec265290291 .t396__carrier {height:450px;}#rec265290291 .t396__filter {}#rec265290291 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec265290291 .t396__artboard,#rec265290291 .t396__filter,#rec265290291 .t396__carrier {height:440px;}#rec265290291 .t396__filter {}#rec265290291 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec265290291 .t396__artboard,#rec265290291 .t396__filter,#rec265290291 .t396__carrier {height:490px;}#rec265290291 .t396__filter {}#rec265290291 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec265290291 .t396__artboard,#rec265290291 .t396__filter,#rec265290291 .t396__carrier {height:630px;}#rec265290291 .t396__filter {}#rec265290291 .t396__carrier {background-attachment:scroll;}}#rec265290291 .tn-elem[data-elem-id="1564554044037"]{color:#ffffff;text-align:center;z-index:1;top:70px;left:calc(50% - 600px + 290px);width:620px;height:auto;}#rec265290291 .tn-elem[data-elem-id="1564554044037"] .tn-atom{color:#ffffff;font-size:45px;font-family:'BebasRoboto',Arial,sans-serif;line-height:0.9;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec265290291 .tn-elem[data-elem-id="1564554044037"] {top:90px;left:calc(50% - 480px + 200px);height:auto;}}@media screen and (max-width:959px) {#rec265290291 .tn-elem[data-elem-id="1564554044037"] {top:70px;left:calc(50% - 320px + 10px);height:auto;}}@media screen and (max-width:639px) {#rec265290291 .tn-elem[data-elem-id="1564554044037"] {top:70px;left:calc(50% - 240px + 40px);width:400px;height:auto;}}@media screen and (max-width:479px) {#rec265290291 .tn-elem[data-elem-id="1564554044037"] {top:60px;left:calc(50% - 160px + 30px);width:260px;height:auto;}#rec265290291 .tn-elem[data-elem-id="1564554044037"] {text-align:left;}}#rec265290291 .tn-elem[data-elem-id="1564554130456"]{color:#000000;text-align:center;z-index:2;top:171px;left:calc(50% - 600px + 415px);width:370px;height:auto;}#rec265290291 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec265290291 .tn-elem[data-elem-id="1564554130456"] {top:175px;left:calc(50% - 480px + 295px);height:auto;}}@media screen and (max-width:959px) {#rec265290291 .tn-elem[data-elem-id="1564554130456"] {top:163px;left:calc(50% - 320px + 135px);height:auto;}}@media screen and (max-width:639px) {#rec265290291 .tn-elem[data-elem-id="1564554130456"] {top:212px;left:calc(50% - 240px + 55px);height:auto;}}@media screen and (max-width:479px) {#rec265290291 .tn-elem[data-elem-id="1564554130456"] {top:325px;left:calc(50% - 160px + 30px);width:260px;height:auto;}#rec265290291 .tn-elem[data-elem-id="1564554130456"]{color:#000000;text-align:left;}#rec265290291 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#000000;}}#rec265290291 .tn-elem[data-elem-id="1564554178466"]{z-index:3;top:219px;left:calc(50% - 600px + 320px);width:560px;height:auto;}#rec265290291 .tn-elem[data-elem-id="1564554178466"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec265290291 .tn-elem[data-elem-id="1564554178466"] {top:238px;left:calc(50% - 480px + 200px);height:auto;}}@media screen and (max-width:959px) {#rec265290291 .tn-elem[data-elem-id="1564554178466"] {top:228px;left:calc(50% - 320px + 40px);height:auto;}}@media screen and (max-width:639px) {#rec265290291 .tn-elem[data-elem-id="1564554178466"] {top:265px;left:calc(50% - 240px + 10px);width:460px;height:auto;}}@media screen and (max-width:479px) {#rec265290291 .tn-elem[data-elem-id="1564554178466"] {top:378px;left:calc(50% - 160px + 30px);width:200px;height:auto;}}#rec265290291 .tn-elem[data-elem-id="1564876573371"]{color:#000000;text-align:center;z-index:4;top:291px;left:calc(50% - 600px + 445px);width:310px;height:auto;}#rec265290291 .tn-elem[data-elem-id="1564876573371"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec265290291 .tn-elem[data-elem-id="1564876573371"] {top:325px;left:calc(50% - 480px + 325px);height:auto;}}@media screen and (max-width:959px) {#rec265290291 .tn-elem[data-elem-id="1564876573371"] {top:315px;left:calc(50% - 320px + 165px);height:auto;}}@media screen and (max-width:639px) {#rec265290291 .tn-elem[data-elem-id="1564876573371"] {top:347px;left:calc(50% - 240px + 85px);height:auto;}}@media screen and (max-width:479px) {#rec265290291 .tn-elem[data-elem-id="1564876573371"] {top:505px;left:calc(50% - 160px + 30px);width:260px;height:auto;}#rec265290291 .tn-elem[data-elem-id="1564876573371"] {text-align:left;}#rec265290291 .tn-elem[data-elem-id="1564876573371"] .tn-atom{font-size:14px;}}#rec265290291 .tn-elem[data-elem-id="1565701393805"]{color:#000000;text-align:center;z-index:5;top:336px;left:calc(50% - 600px + 445px);width:310px;height:auto;}#rec265290291 .tn-elem[data-elem-id="1565701393805"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec265290291 .tn-elem[data-elem-id="1565701393805"] {top:370px;left:calc(50% - 480px + 325px);height:auto;}}@media screen and (max-width:959px) {#rec265290291 .tn-elem[data-elem-id="1565701393805"] {top:360px;left:calc(50% - 320px + 165px);height:auto;}}@media screen and (max-width:639px) {#rec265290291 .tn-elem[data-elem-id="1565701393805"] {top:397px;left:calc(50% - 240px + 85px);height:auto;}}@media screen and (max-width:479px) {#rec265290291 .tn-elem[data-elem-id="1565701393805"] {top:550px;left:calc(50% - 160px + 30px);width:260px;height:auto;}#rec265290291 .tn-elem[data-elem-id="1565701393805"] {text-align:left;}#rec265290291 .tn-elem[data-elem-id="1565701393805"] .tn-atom{font-size:14px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="265290291" data-artboard-screens="320,480,640,960,1200" data-artboard-height="430" data-artboard-valign="center" data-artboard-height-res-320="630" data-artboard-height-res-480="490" data-artboard-height-res-640="440" data-artboard-height-res-960="450"> <div class="t396__carrier" data-artboard-recid="265290291"></div> <div class="t396__filter" data-artboard-recid="265290291"></div> <div class='t396__elem tn-elem tn-elem__2652902911564554044037' data-elem-id='1564554044037' data-elem-type='text' data-field-top-value="70" data-field-left-value="290" data-field-width-value="620" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="60" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="70" data-field-left-res-480-value="40" data-field-width-res-480-value="400" data-field-top-res-640-value="70" data-field-left-res-640-value="10" data-field-top-res-960-value="90" data-field-left-res-960-value="200"> <div class='tn-atom'field='tn_text_1564554044037'>ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ СТАТЬИ <br>
ОТ XYZ РАЗ В НЕДЕЛЮ? <br></div> </div> <div class='t396__elem tn-elem tn-elem__2652902911564554130456' data-elem-id='1564554130456' data-elem-type='text' data-field-top-value="171" data-field-left-value="415" data-field-width-value="370" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="325" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="212" data-field-left-res-480-value="55" data-field-top-res-640-value="163" data-field-left-res-640-value="135" data-field-top-res-960-value="175" data-field-left-res-960-value="295"> <div class='tn-atom'field='tn_text_1564554130456'>Подпишись на рассылку XYZ</div> </div> <div class='t396__elem tn-elem tn-elem__2652902911564554178466' data-elem-id='1564554178466' data-elem-type='form' data-field-top-value="219" data-field-left-value="320" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="378" data-field-left-res-320-value="30" data-field-width-res-320-value="200" data-field-top-res-480-value="265" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="228" data-field-left-res-640-value="40" data-field-top-res-960-value="238" data-field-left-res-960-value="200" data-field-inputpos-value="h" data-field-inputfontfamily-value="BebasRoboto" data-field-inputfontsize-value="16" data-field-inputfontweight-value="100" data-field-inputcolor-value="#000000" data-field-inputbordercolor-value="#000000" data-field-inputbordersize-value="2" data-field-inputradius-value="0" data-field-inputheight-value="45" data-field-inputmargbottom-value="20" data-field-inputmargright-value="10" data-field-inputtitlefontsize-value="16" data-field-inputtitlefontweight-value="400" data-field-inputtitlecolor-value="#000000" data-field-inputtitlemargbottom-value="5" data-field-inputelsfontweight-value="100" data-field-inputelsfontsize-value="14" data-field-buttontitle-value="Подписаться" data-field-buttoncolor-value="#000000" data-field-buttonbgcolor-value="#ffffff" data-field-buttonbordercolor-value="#000000" data-field-buttonradius-value="0" data-field-buttonwidth-value="200" data-field-buttonheight-value="45" data-field-buttonfontfamily-value="BebasRoboto" data-field-buttonfontsize-value="16" data-field-buttonfontweight-value="100" data-field-receivers-value="3a18b021f43e61a277b0babc9a16a84c,164a3b8e9611cc7ecc538151418a854a,d2ad269d53b8517d6f011d8452411a9b,24dadee303ff10af9effec771b8b4e6f,935c4708c0542e69b9c954810f75a47f,808290b07baffee2037d44c1adc9f960,7cb71ac814cf5f11b74e7aff35c39e83,9bd20a80f92aba4c9d1823f2d1339add,3106d7f849cc37cf58f92ca54a12b20d,473bfe0c466b0830324330245ec4f856,22b6124b7d1e8c12b1bfe44591394ad1,4e149223d2a1c89490c6886635e128b1,432ab6b299e9d3b4712f0d8b851a69ca,ede885f6bf92f8aa63caaa2019930c27,ddce5c970ee590f09521887d2c815328,e8e971129be626609ea9f5eacb531712,529d776f47525813dd4c7439d5e2957d" data-field-inputpos-res-320-value="v" data-field-inputmargbottom-res-320-value="10" data-field-buttonwidth-res-320-value="260"> <div class='tn-atom tn-atom__form'></div> <!--googleoff: all--> <!--noindex--> <div data-nosnippet="true" class="tn-atom__inputs-wrapp" style="display:none;"> <textarea class="tn-atom__inputs-textarea">[{"lid":"1531306540094","ls":"10","loff":"","li_type":"em","li_ph":"Email","li_req":"y","li_nm":"Email"}]</textarea> </div> <!--/noindex--> <!--googleon: all--> </div> <div class='t396__elem tn-elem tn-elem__2652902911564876573371' data-elem-id='1564876573371' data-elem-type='text' data-field-top-value="291" data-field-left-value="445" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="505" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="347" data-field-left-res-480-value="85" data-field-top-res-640-value="315" data-field-left-res-640-value="165" data-field-top-res-960-value="325" data-field-left-res-960-value="325"> <div class='tn-atom'field='tn_text_1564876573371'>Нажимая на кнопку, вы соглашаетесь с условиями обработки данных<br></div> </div> <div class='t396__elem tn-elem tn-elem__2652902911565701393805' data-elem-id='1565701393805' data-elem-type='text' data-field-top-value="336" data-field-left-value="445" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="550" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="397" data-field-left-res-480-value="85" data-field-top-res-640-value="360" data-field-left-res-640-value="165" data-field-top-res-960-value="370" data-field-left-res-960-value="325"> <div class='tn-atom'field='tn_text_1565701393805'><u><a href="https://school-xyz.com/privacy" style="color:rgb(0, 0, 0) !important;" data-redactor-tag="a">Политика конфеденциальности</a></u><br></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('265290291');});});</script> <!-- /T396 --> </div> <div id="rec265290292" class="r t-rec" style=" " data-animationappear="off" data-record-type="142"> <!-- T132 --> <div class="t132"> <div class="t-container_100"> <div class="t132__box t-bgimg" data-original="https://static.tildacdn.com/tild6131-3563-4534-b639-326665316539/houdinisite.png" style="background-image: url('https://thb.tildacdn.com/tild6131-3563-4534-b639-326665316539/-/resizeb/20x/houdinisite.png');"> <div class="t132__wrappper" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));"> <a href="/anons-kursa-koncept-art-ot-xyz-school"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Анонс курса Концепт-арт с Дмитрием Клюшкиным от XYZ School</div> <div class="t132__descr t-descr t-descr_xs">Научись придумывать и воплощать в жизнь оригинальные концепты. По итогу курса ты научишься создавать оригинальный дизайн и понимать его, значительно улучшишь навыки...</div> </span> </div> <img class="t132__wire " src="data:image/gif;base64,R0lGODlh6ANYAvcAAP///wAAAAICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH5BAEAAAAALAAAAADoA1gCAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mmzp8+fQIMKHUq0qNGjSJMqXcq0qdOnUKNKnUq1qtWrWLNq3cq1q9evYMOKHUu2rNmzaNOqXcu2rdu3cOPKnUu3rt27ePPq3cu3r9+/gAMLHky4sOHDiBMrXsy4sePHkCNLnky5suXLmDNr3sy5s+fPoEOLHk26tOnTqFOrXs26tevXsGPLnk27tu3buHPr3s27t+/fwIMLH068uPHjyJMrX868ufPn0KNLn069uvXr2LNr3869u/fv4MOL/x9Pvrz58+jTq1/Pvr379/Djy59Pv779+/jz69/Pv7///wAGKOCABBZo4IEIJqjgggw26OCDEEYo4YQUVmjhhRhmqOGGHHbo4YcghijiiCSWaOKJKKao4oostujiizDGKOOMNNZo44045qjjjjz26OOPQAYp5JBEFmnkkUgmqeSSTDbp5JNQRinllFRWaeWVWGap5ZZcdunll2CGKeaYZJZp5plopqnmmmy26eabcMYp55x01mnnnXjmqeeefPbp55+ABirooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxv8q66y01mrrrbjmquuuvPbq66/ABivssMQWa+yxyCar7LLMNuvss9BGK+201FZr7bXYZqvtttx26+234IYr7rjklmvuueimq+667Lbr7rvwxivvvPTWa++9+Oar77789uvvvwAHLPDABBds8MEIJ6zwwgw37PDDEEcs8cQUV2zxxRhnrPHGHHfs8ccghyzyyCSXbPLJKKes8sost+zyyzDHLPPMNNds880456zzzjz37PPPQAct9NBEF2300UgnrfTSTDft9NNQRy311FRXbfXVWGet9dZcd+3112CHLfbYZJdt9tlop6322my37fbbcMct99x012333XjnrffefPf/7fffgAcu+OCEF2744YgnrvjijDfu+OOQRy755JRXbvnlmGeu+eacd+7556CHLvropJdu+umop6766qy37vrrsMcu++y012777bjnrvvuvPfu++/ABy/88MQXb/zxyCev/PLMN+/889BHL/301Fdv/fXYZ6/99tx37/334Icv/vjkl2/++einr/767Lfv/vvwxy///PTXb//9+Oev//789+///wAMoAAHSMACGvCACEygAhfIwAY68IEQjKAEJ0jBClrwghjMoAY3yMEOevCDIAyhCEdIwhKa8IQoTKEKV8jCFrrwhTCMoQxnSMMa2vCGOMyhDnfIwx768IdADKIQ/4dIxCIa8YhITKISl8jEJjrxiVCMohSnSMUqWvGKWMyiFrfIxS568YtgDKMYx0jGMprxjGhMoxrXyMY2uvGNcIyjHOdIxzra8Y54zKMe98jHPvrxj4AMpCAHSchCGvKQiEykIhfJyEY68pGQjKQkJ0nJSlrykpjMpCY3yclOevKToAylKEdJylKa8pSoTKUqV8nKVrrylbCMpSxnScta2vKWuMylLnfJy1768pfADKYwh0nMYhrzmMhMpjKXycxmOvOZ0IymNKdJzWpa85rYzKY2t8nNbnrzm+AMpzjHSc5ymvOc6EynOtfJzna6853wjKc850nPetrznvjMpz73yWrPfvrznwANqEAHStCCGvSgCE2oQhfK0IY69KEQjahEJ0rRilr0ohjNqEY3ytGOevSjIA2pSEdK0pKa9KQoTalKV8rSlrr0pTCNqUxnStOa2vSmOM2pTnfK05769KdADapQh0rUohp1oQEBADs="> </a> </div> </div> <div class="t132__box t-bgimg" data-original="https://static.tildacdn.com/tild6165-3631-4334-b636-636338356363/tovarka.png" style="background-image: url('https://thb.tildacdn.com/tild6165-3631-4334-b636-636338356363/-/resizeb/20x/tovarka.png');"> <div class="t132__wrappper" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));"> <a href="/anons-kursa-houdini-fx-ot-xyz-school"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Анонс курса HOUDINI FX от XYZ School</div> <div class="t132__descr t-descr t-descr_xs">Мы научим тебя работать в Houdini с нуля, — ломать, поджигать и взрывать объекты. Также ты свободно овладеешь визуальным программированием. На базе этих знаний ты...</div> </span> </div> <img class="t132__wire " src="data:image/gif;base64,R0lGODlh6ANYAvcAAP///wAAAAICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH5BAEAAAAALAAAAADoA1gCAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mmzp8+fQIMKHUq0qNGjSJMqXcq0qdOnUKNKnUq1qtWrWLNq3cq1q9evYMOKHUu2rNmzaNOqXcu2rdu3cOPKnUu3rt27ePPq3cu3r9+/gAMLHky4sOHDiBMrXsy4sePHkCNLnky5suXLmDNr3sy5s+fPoEOLHk26tOnTqFOrXs26tevXsGPLnk27tu3buHPr3s27t+/fwIMLH068uPHjyJMrX868ufPn0KNLn069uvXr2LNr3869u/fv4MOL/x9Pvrz58+jTq1/Pvr379/Djy59Pv779+/jz69/Pv7///wAGKOCABBZo4IEIJqjgggw26OCDEEYo4YQUVmjhhRhmqOGGHHbo4YcghijiiCSWaOKJKKao4oostujiizDGKOOMNNZo44045qjjjjz26OOPQAYp5JBEFmnkkUgmqeSSTDbp5JNQRinllFRWaeWVWGap5ZZcdunll2CGKeaYZJZp5plopqnmmmy26eabcMYp55x01mnnnXjmqeeefPbp55+ABirooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxv8q66y01mrrrbjmquuuvPbq66/ABivssMQWa+yxyCar7LLMNuvss9BGK+201FZr7bXYZqvtttx26+234IYr7rjklmvuueimq+667Lbr7rvwxivvvPTWa++9+Oar77789uvvvwAHLPDABBds8MEIJ6zwwgw37PDDEEcs8cQUV2zxxRhnrPHGHHfs8ccghyzyyCSXbPLJKKes8sost+zyyzDHLPPMNNds880456zzzjz37PPPQAct9NBEF2300UgnrfTSTDft9NNQRy311FRXbfXVWGet9dZcd+3112CHLfbYZJdt9tlop6322my37fbbcMct99x012333XjnrffefPf/7fffgAcu+OCEF2744YgnrvjijDfu+OOQRy755JRXbvnlmGeu+eacd+7556CHLvropJdu+umop6766qy37vrrsMcu++y012777bjnrvvuvPfu++/ABy/88MQXb/zxyCev/PLMN+/889BHL/301Fdv/fXYZ6/99tx37/334Icv/vjkl2/++einr/767Lfv/vvwxy///PTXb//9+Oev//789+///wAMoAAHSMACGvCACEygAhfIwAY68IEQjKAEJ0jBClrwghjMoAY3yMEOevCDIAyhCEdIwhKa8IQoTKEKV8jCFrrwhTCMoQxnSMMa2vCGOMyhDnfIwx768IdADKIQ/4dIxCIa8YhITKISl8jEJjrxiVCMohSnSMUqWvGKWMyiFrfIxS568YtgDKMYx0jGMprxjGhMoxrXyMY2uvGNcIyjHOdIxzra8Y54zKMe98jHPvrxj4AMpCAHSchCGvKQiEykIhfJyEY68pGQjKQkJ0nJSlrykpjMpCY3yclOevKToAylKEdJylKa8pSoTKUqV8nKVrrylbCMpSxnScta2vKWuMylLnfJy1768pfADKYwh0nMYhrzmMhMpjKXycxmOvOZ0IymNKdJzWpa85rYzKY2t8nNbnrzm+AMpzjHSc5ymvOc6EynOtfJzna6853wjKc850nPetrznvjMpz73yWrPfvrznwANqEAHStCCGvSgCE2oQhfK0IY69KEQjahEJ0rRilr0ohjNqEY3ytGOevSjIA2pSEdK0pKa9KQoTalKV8rSlrr0pTCNqUxnStOa2vSmOM2pTnfK05769KdADapQh0rUohp1oQEBADs="> </a> </div> </div> </div> </div> <script>var images=document.querySelectorAll('.t132 img.wire');Array.prototype.forEach.call(images,function(image) {image.addEventListener('load',function() {t132_unifyHeights();});});window.addEventListener('resize',function() {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});});t_onReady(function() {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});if(typeof jQuery!=='undefined') {$('.t132').bind('displayChanged',function() {t132_unifyHeights();});} else {var rec=document.getElementById('rec265290292');if(!rec) return;var wrapperBlock=rec.querySelector('.t132');if(wrapperBlock) {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});wrapperBlock.addEventListener("displayChanged",function() {t132_unifyHeights();});}}});</script> <style> #rec265290292 .t132__title{font-size:24px;font-weight:100;font-family:'BebasRoboto';}#rec265290292 .t132__descr{font-size:16px;font-weight:100;font-family:'BebasRoboto';}</style> </div> <!--footer--> <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="4312269" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec703641300" class="r t-rec uc-popup-grant" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:get-consult" data-track-popup='/tilda/popup/rec703641300/opened' role="dialog"
aria-modal="true"
tabindex="-1"
style="background-color: rgba(0,0,0,0.80);"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#17171b" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <style>@media screen and (max-width:560px){#rec703641300 .t-popup__close-icon g{fill:#17171b !important;}}</style> <style> #rec703641300 .t-popup__container{border-radius:24px;overflow:hidden;}@media (max-width:480px){#rec703641300 .t-popup__container{border-radius:16px;overflow:hidden;}}</style> <div class="t-popup__container t-width t-width_6" style="background-color:#23232a;"> <img class="t702__img t-img"
src="https://thb.tildacdn.com/tild3838-3632-4134-b633-363363363433/-/empty/_1.jpg" data-original="https://static.tildacdn.com/tild3838-3632-4134-b633-363363363433/_1.jpg"
imgfield="img"
alt=""> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__descr t-descr t-descr_xs">До конца ноября популярные профессии можно купить с дополнительной скидкой до 15 000 ₽</div> </div> <form
id="form703641300" name='form703641300' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group"
class="t-form js-form-proccess t-form_inputs-total_5 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="d19077112a38917a19ec3d0d3a0d2542" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="9349cade6ff136590942028e6ee8bdd0" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" class="js-formaction-services"> <input type="hidden" name="tildaspec-formname" tabindex="-1" value="Заявка на консультацию — Акция 11.11 попап"> <div class="js-successbox t-form__successbox t-text t-text_md"
aria-live="polite"
style="display:none;"></div> <div class="t-form__inputsbox t-form__inputsbox_vertical-form t-form__inputsbox_inrow"> <div
class=" t-input-group t-input-group_nm " data-input-lid="3316997753180" data-field-type="nm"> <div class="t-input-block " style="border-radius:16px;"> <input
type="text"
autocomplete="name"
name="name"
id="input_3316997753180"
class="t-input js-tilda-rule"
value=""
placeholder="Как тебя зовут?" data-tilda-req="1" aria-required="true" data-tilda-rule="name"
aria-describedby="error_3316997753180"
style="color:#ffffff;border:1px solid #ffffff;border-radius:16px;"> </div> <div class="t-input-error" aria-live="polite" id="error_3316997753180"></div> </div> <div
class=" t-input-group t-input-group_em " data-input-lid="1016997753181" data-field-type="em"> <div class="t-input-block " style="border-radius:16px;"> <input
type="email"
autocomplete="email"
name="email"
id="input_1016997753181"
class="t-input js-tilda-rule"
value=""
placeholder="Твоя почта" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1016997753181"
style="color:#ffffff;border:1px solid #ffffff;border-radius:16px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753181"></div> </div> <div
class=" t-input-group t-input-group_ph " data-input-lid="1016997753182" data-field-type="ph"> <div class="t-input-block " style="border-radius:16px;"> <input
type="tel"
autocomplete="tel"
name="phone"
id="input_1016997753182" data-phonemask-init="no" data-phonemask-id="703641300" data-phonemask-lid="1016997753182" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(999)999-9999" data-tilda-req="1" aria-required="true" aria-describedby="error_1016997753182"
style="color:#ffffff;border:1px solid #ffffff;border-radius:16px;"> <script type="text/javascript">if(!document.getElementById('t-phonemask-script')) {(function(d,w,o) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.id='t-phonemask-script';s.src="https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js";if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'script');} else {t_onReady(function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec703641300 [data-phonemask-lid="1016997753182"]');t_form_phonemask_load(phoneMasks);});});}</script> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753182"></div> </div> <input type="hidden" name="519683" tabindex="-1" value="true"> <input type="hidden" name="519697" tabindex="-1" value="Консультация"> <div
class=" t-input-group t-input-group_cb " data-input-lid="1016997753185" data-field-type="cb"> <div class="t-input-block " style="border-radius:16px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style="color:#ffffff"> <input
type="checkbox"
name="privacy"
value="yes"
class="t-checkbox js-tilda-rule"
checked data-tilda-req="1" aria-required="true"> <div
class="t-checkbox__indicator"
style="border-color:#ffffff"></div> <span><div style="font-size: 14px;" data-customstyle="yes">Я согласен с <a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">Политикой обработки персональных данных, Согласием Пользователя сайта на обработку персональных данных</a> и <a href="https://school-xyz.com/agreement" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">договором публичной оферты</a></div></span></label> <style>#rec703641300 .t-checkbox__indicator:after{border-color:#ffffff;}</style> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753185"></div> </div> <div
class=" t-input-group t-input-group_cb " data-input-lid="1016997753186" data-field-type="cb"> <div class="t-input-block " style="border-radius:16px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style="color:#ffffff"> <input
type="checkbox"
name="check"
value="yes"
class="t-checkbox js-tilda-rule"> <div
class="t-checkbox__indicator"
style="border-color:#ffffff"></div> <span><div style="font-size: 14px;" data-customstyle="yes">Я согласен получать рекламную рассылку и ознакомился с <a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">Согласием на получение рекламной рассылки</a></div></span></label> <style>#rec703641300 .t-checkbox__indicator:after{border-color:#ffffff;}</style> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753186"></div> </div> <input type="hidden" name="526133" tabindex="-1" value="Заявка на консультацию — Акция 11.11"> <div class="t-form__errorbox-middle"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button
type="submit"
class="t-submit"
style="color:#17171b;background-color:#ffffff;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;font-family:BebasRoboto;font-weight:400;" data-field="buttontitle" data-buttonfieldset="button">
Отправить </button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec703641300 input::-webkit-input-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 input::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 input:-moz-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 input:-ms-input-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 textarea::-webkit-input-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 textarea::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 textarea:-moz-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 textarea:-ms-input-placeholder{color:#ffffff;opacity:0.5;}</style> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('703641300');});});</script> <style>@media (hover:hover),(min-width:0\0) {#rec703641300 .t-submit:hover {color:#ffffff !important;background-color:#8080ff !important;}#rec703641300 .t-submit:focus-visible {color:#ffffff !important;background-color:#8080ff !important;}}#rec703641300 .t-submit {transition-property:background-color,color,border-color,box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;}</style> <style> #rec703641300 .t702__title{color:#ffffff;font-weight:500;font-family:'BebasRoboto';text-transform:uppercase;}@media screen and (min-width:900px){#rec703641300 .t702__title{font-size:40px;line-height:1;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec703641300 .t702__title{font-size:32px;line-height:1;}}#rec703641300 .t702__descr{font-size:16px;line-height:1.6;color:#ffffff;font-weight:400;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec703641300 .t702__descr{font-size:14px;line-height:1.6;}}</style> </div> <div id="rec684407761" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стили для #popup:get-consult --> <style>
.uc-popup-grant .t-popup__close {
top: 16px;
right: 16px !important;
width: 40px;
height: 40px;
background: rgb(255 255 255 / 20%);
border-radius: 50px;
}
.uc-popup-grant .t-popup__block-close-button {
width: 16px;
padding: 12px;
}
.uc-popup-grant .t-popup__close-icon {
width: 16px;
height: 16px;
}
.uc-popup-grant .t702 .t702__wrapper {
padding: 32px;
}
/* градиент для заголовка */
.uc-popup-grant .t702__title {
/*background: linear-gradient(#FFEBA9, #D9B339 100%);*/
/*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/
display: inline-block;
}
.uc-popup-grant .t-descr {
display: inline-block;
}
.uc-popup-grant .t-form__inputsbox {
display: flex;
flex-direction: column;
}
.uc-popup-grant .t702 .t-input-group {
margin-bottom: 8px;
}
.uc-popup-grant .t702 .t-input {
border-color: rgb(255 255 255 / 10%) !important;
}
/* стилизация чекбоксов в зеро формах */
.uc-popup-grant .t-checkbox__control {
display: flex;
column-gap: 8px;
}
.uc-popup-grant .t-checkbox__indicator {
width: 24px;
height: 24px;
margin-right: 0;
border: 2px solid rgb(255 255 255 / 50%) !important;
border-radius: 4px;
}
.uc-popup-grant .t702 .t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator {
border-color: rgb(255 255 255 / 50%) !important;
background: transparent;
}
.uc-popup-grant .t-checkbox__indicator:after {
width: 5px;
height: 11px;
left: 7px;
top: 1px;
border-width: 0 2px 2px 0;
border-color: rgb(255 255 255 / 50%) !important;
}
/* конец стилизация чекбоксов в зеро формах */
.uc-popup-grant .t-input-group_cb {
order: 5;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] {
color: rgb(255 255 255 / 50%) !important;
font-size: 12px !important;
line-height: 1.2;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] :is(span, a) {
color: rgb(255 255 255 / 50%) !important;
border-color: rgb(255 255 255 / 50%) !important;
}
.uc-popup-grant .t702 .t-form__submit {
margin-top: 8px;
margin-bottom: 16px;
}
.uc-popup-grant .t702 .t702__form-bottom-text {
margin-top: 24px;
}
/* стилизация кнопки Телеграм */
.uc-popup-grant .t702__form-bottom-text a {
display: flex;
justify-content: center;
align-items: center;
column-gap: 8px;
height: 54px;
background: #fff;
border-radius: 50px;
color: #17171b !important;
transition: .2s ease;
}
.uc-popup-grant .t702__form-bottom-text a:hover {
background: #f5f5f5;
}
.uc-popup-grant .t702__form-bottom-text a:before {
content: '';
width: 1.5em;
aspect-ratio: 1;
background: url(https://static.tildacdn.com/tild3738-3936-4437-b162-383836343233/Artboard.svg);
background-size: contain;
background-repeat: no-repeat;
}
/* end стилизация кнопки Телеграм */
@media (max-width: 639px) {
.uc-popup-grant .t-popup {
padding: 0 10px;
}
.uc-popup-grant .t-popup[style="display: block;"] {
display: flex !important;
flex-wrap: wrap;
align-items: center;
}
.uc-popup-grant .t-popup .t-popup__container {
flex-wrap: wrap;
min-height: fit-content;
padding: 0;
margin: 24px 0;
overflow: hidden;
}
.uc-popup-grant .t-popup .t-popup__container .t702__wrapper {
background: inherit;
-webkit-transform: none;
-o-transform: none;
transform: none;
padding: 16px;
}
.uc-popup-grant .t-popup__close {
top: 16px;
right: 16px !important;
left: auto;
padding: 0;
align-items: center;
justify-content: center;
zoom: 0.8;
}
.uc-popup-grant .t-popup__block-close-button {
margin-right: 0;
}
.uc-popup-grant .t702 .t-input-group {
margin-bottom: 8px;
}
.uc-popup-grant .t702 .t-input {
border-radius: 8px !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] {
font-size: 12px !important;
}
}
</style> <script>
// переносим крестик внутрь попапа
document.addEventListener('DOMContentLoaded', function() {
$('.uc-popup-grant .t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec517261770" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- автоматизация промо бара с таймером для курсов и профессий --> <script>
$(function() {
// текст для бара с акцией
$('.heading-1 .tn-atom').text('Начни год с геймдева'); // заголовок
$('.descr-1 .tn-atom').text('Библиотека XYZ+ и мини-курс в подарок к скидке в'); // описание
// текст для будничного бара
$('.descr-2 .tn-atom').text(''); // Успейте купить курс со скидкой
if ($('.descr-1 .tn-atom').text() == '') {
var descrWidth = $('.descr-2').width();
} else {
if ( $('.heading-1').width() > $('.descr-1').width() ) {
var descrWidth = $('.heading-1').width();
} else {
var descrWidth = $('.descr-1').width();
}
}
document.documentElement.style.setProperty('--descr-width', ' ' + descrWidth + 'px');
// $('.descr-1').siblings('.discount-octagon, .xyz-course-promo-badge__amount-text').addClass('badge-x-position');
// $('.descr-1').siblings('.zero-timer').addClass('timer-x-position');
/* добавляем к таймеру в промобаре нужное количество дней в зависимости от дня недели */
let date = new Date;
if (date.getDay() == 1) { // если сегодня понедельник
document.querySelectorAll('.xyz-info-notification__timer').forEach(function(timer) {
timer.setAttribute('quantity-days', '3 дня');
});
} else if (date.getDay() == 2) { // если сегодня вторник
document.querySelectorAll('.xyz-info-notification__timer').forEach(function(timer) {
timer.setAttribute('quantity-days', '2 дня');
});
} else if (date.getDay() == 3) { // если сегодня среда
document.querySelectorAll('.xyz-info-notification__timer').forEach(function(timer) {
timer.setAttribute('quantity-days', '1 день');
});
} else if (date.getDay() == 5) { // если сегодня пятница
document.querySelectorAll('.xyz-info-notification__timer').forEach(function(timer) {
timer.setAttribute('quantity-days', '2 дня');
});
} else if (date.getDay() == 6) { // если сегодня суббота
document.querySelectorAll('.xyz-info-notification__timer').forEach(function(timer) {
timer.setAttribute('quantity-days', '1 день');
});
}
/* end добавляем к таймеру в промобаре нужное количество дней в зависимости от дня недели */
});
</script> <style>
:root {
--descr-width: auto;
}
.descr-1, .descr-2, .heading-1 {
/*width: auto !important;*/
/*max-width: 500px;*/
/*min-width: 320px;*/
}
.badge-x-position {
left: calc(50% - 580px + var(--descr-width) + 60px) !important;
}
.timer-x-position {
left: calc(50% - 580px + var(--descr-width) + 140px) !important;
}
/*применить стиль когда descr-1 в две строки*/
.heading-1 {
/*transform: translateY(-8px);*/
}
/* применить, если описание в две строки */
[data-record-type="121"] .descr-1 {
/*transform: translateY(-14px);*/
}
[data-record-type="121"] .descr-2 {
/*transform: translateY(-50%);*/
}
/* стиль для таймера на промобаре, чтобы отобразить кол-во дней */
.xyz-info-notification__timer:before {
content: attr(quantity-days);
margin-right: 0.25em;
}
@media (min-width: 960px) {
.descr-1 {
width: auto !important;
}
}
@media (min-width: 960px) and (max-width: 1199px) {
/*применить стиль когда descr-1 в одну строку*/
.heading-1 {
transform: translateY(5px);
}
/*применить стиль когда descr-1 в две строки*/
.heading-1 {
/*transform: translateY(0);*/
}
.descr-1, .descr-2 {
/*max-width: 400px;*/
/*min-width: 280px;*/
}
/*применить стиль когда descr-1 в две строки*/
[data-record-type="121"] .descr-1 {
/*transform: translateY(0);*/
}
.badge-x-position {
left: calc(50% - 470px + var(--descr-width) + 40px) !important;
}
.timer-x-position {
left: calc(50% - 470px + var(--descr-width) + 110px) !important;
}
}
@media (min-width: 640px) and (max-width: 959px) {
.xyz-info-notification__timer:before {
display: block;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec521328895" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- скрыть/показать блок с акцией на курсах и профессиях --> <style>
/* блок с акцией */
#rec665027100 {
/*display: none;*/
}
</style> <!-- nominify end --> </div> </div> </div> </div> <!-- <strong>▼ Форма для новой версии футера ▼</strong> --> <div id="rec636322623" class="r t-rec uc-footerform-holder" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec636322623 .t396__artboard {height:190px;background-color:#f5f5f5;}#rec636322623 .t396__filter {height:190px;}#rec636322623 .t396__carrier{height:190px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec636322623 .t396__artboard,#rec636322623 .t396__filter,#rec636322623 .t396__carrier {height:138px;}#rec636322623 .t396__filter {}#rec636322623 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec636322623 .t396__artboard,#rec636322623 .t396__filter,#rec636322623 .t396__carrier {}#rec636322623 .t396__filter {}#rec636322623 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec636322623 .t396__artboard,#rec636322623 .t396__filter,#rec636322623 .t396__carrier {height:168px;}#rec636322623 .t396__filter {}#rec636322623 .t396__carrier {background-attachment:scroll;}}#rec636322623 .tn-elem[data-elem-id="1693855334902"]{z-index:3;top:0px;left:0px;width:410px;height:auto;}#rec636322623 .tn-elem[data-elem-id="1693855334902"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec636322623 .tn-elem[data-elem-id="1693855334902"] {width:356px;height:auto;}}@media screen and (max-width:959px) {#rec636322623 .tn-elem[data-elem-id="1693855334902"] {width:550px;height:auto;}}@media screen and (max-width:639px) {#rec636322623 .tn-elem[data-elem-id="1693855334902"] {width:100%;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="636322623" data-artboard-screens="320,640,960,1200" data-artboard-height="190" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="168" data-artboard-height-res-960="138"> <div class="t396__carrier" data-artboard-recid="636322623"></div> <div class="t396__filter" data-artboard-recid="636322623"></div> <div class='t396__elem tn-elem footer__zero-form tn-elem__6363226231693855334902' data-elem-id='1693855334902' data-elem-type='form' data-field-top-value="0" data-field-left-value="0" data-field-height-value="202" data-field-width-value="410" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-width-res-640-value="550" data-field-width-res-960-value="356" data-field-inputpos-value="h" data-field-inputfontfamily-value="BebasRoboto" data-field-fieldfontfamily-value="BebasRoboto" data-field-buttonhoverbgcolor-value="#6060ff" data-field-inputfontsize-value="18" data-field-inputfontweight-value="400" data-field-inputcolor-value="#17171b" data-field-inputbgcolor-value="#fff" data-field-inputbordercolor-value="#ededed" data-field-inputbordersize-value="1" data-field-inputradius-value="16" data-field-inputheight-value="60" data-field-inputmargbottom-value="20" data-field-inputmargright-value="8" data-field-inputtitlefontsize-value="16" data-field-inputtitlefontweight-value="400" data-field-inputtitlecolor-value="#9c9c9e" data-field-inputelscolor-value="#9c9c9e" data-field-inputelsfontweight-value="400" data-field-inputelsfontsize-value="12" data-field-buttontitle-value="Подписаться" data-field-buttoncolor-value="#fff" data-field-buttonbgcolor-value="#8080ff" data-field-buttonradius-value="40" data-field-buttonwidth-value="162" data-field-buttonheight-value="60" data-field-buttonfontfamily-value="BebasRoboto" data-field-buttonfontsize-value="18" data-field-buttonfontweight-value="400" data-field-formname-value="Форма из футера" data-field-receivers-value="9349cade6ff136590942028e6ee8bdd0,398ca53e0044e6a6273fa8e1526677f2" data-field-inputpos-res-320-value="v" data-field-inputfontsize-res-320-value="14" data-field-inputradius-res-320-value="8" data-field-inputheight-res-320-value="48" data-field-inputmargbottom-res-320-value="8" data-field-inputtitlefontsize-res-320-value="12" data-field-inputelsfontsize-res-320-value="12" data-field-buttonheight-res-320-value="48" data-field-buttonfontsize-res-320-value="14"> <div class='tn-atom tn-atom__form'></div> <!--googleoff: all--> <!--noindex--> <div data-nosnippet="true" class="tn-atom__inputs-wrapp" style="display:none;"> <textarea class="tn-atom__inputs-textarea">[{"lid":"1531306243545","ls":"10","loff":"","li_parent_id":"","li_type":"em","li_ph":"\u041f\u043e\u0447\u0442\u0430","li_name":"email","li_req":"y","li_nm":"email"},{"lid":"1693855999398","ls":"20","loff":"","li_parent_id":"","li_type":"cb","li_label":"\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0441 <a href=\"https:\/\/school-xyz.com\/privacy-policy\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(156, 156, 158); border-bottom: 1px solid rgb(156, 156, 158); box-shadow: none; text-decoration: none; font-weight: 400;\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445, \u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435\u043c \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441\u0430\u0439\u0442\u0430 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a> \u0438 <a href=\"https:\/\/school-xyz.com\/agreement\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(156, 156, 158); border-bottom: 1px solid rgb(156, 156, 158); box-shadow: none; text-decoration: none; font-weight: 400;\">\u0434\u043e\u0433\u043e\u0432\u043e\u0440\u043e\u043c \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u043e\u0444\u0435\u0440\u0442\u044b<\/a>","li_name":"privacy","li_checked":"y","li_req":"y","li_nm":"privacy"},{"lid":"1713371835118","ls":"30","loff":"","li_parent_id":"","li_type":"cb","li_label":"<span style=\"font-weight: 400;\">\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u043b\u0441\u044f \u0441 <\/span><a href=\"https:\/\/school-xyz.com\/privacy-policy\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"border-bottom: 1px solid rgb(156, 156, 158); box-shadow: none; text-decoration: none; font-weight: 400; color: rgb(156, 156, 158);\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435\u043c \u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0439 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438<\/a>","li_name":"check","li_req":"y","li_nm":"check"},{"lid":"1719934523108","ls":"40","loff":"","li_parent_id":"","li_type":"hd","li_name":"526133","li_value":"\u0424\u043e\u0440\u043c\u0430 \u0432 \u043f\u043e\u0434\u0432\u0430\u043b\u0435","li_nm":"526133"},{"lid":"1735311271272","ls":"50","loff":"","li_parent_id":"","li_type":"hd","li_name":"519697","li_value":"\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430","li_nm":"519697"}]</textarea> </div> <!--/noindex--> <!--googleon: all--> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('636322623');});});</script> <!-- /T396 --> </div> <div id="rec636326565" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="121"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- новая версия футера от 05.09.23 --> <!-- изменения от 09.07.24 (добавил пункт меню Менторство в геймдеве в раздел Проекты) --> <!-- изменения от 09.07.24 (добавил пункт меню Менторство в геймдеве в раздел Проекты) --> <footer> <div class="footer__wrap"> <div class="footer__contacts-container"> <div class="footer__form-container"> <p>Подпишись на обновления</p> <div class="footer__form"></div> </div> <div class="footer__contacts-wrap"> <a href="tel:+74996474926" class="">+7 (499) 647-49-26</a> <a href="mailto:hello@school-xyz.com" class="footer__contacts-email">hello@school-xyz.com</a> </div> <div class="footer__social-links"> <a href="https://artstation.com/xyzschool" class="footer__social-icon"> <svg width="16" height="14" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 12.3344L1.52039 14.9883C1.83088 15.6098 2.45805 16 3.14315 16H13.2358L11.1411 12.3344H0ZM17.9994 12.352C17.9994 11.9879 17.8909 11.6448 17.7092 11.358L11.7941 0.976462C11.4808 0.376043 10.8627 0 10.1888 0H7.06309L16.1978 15.9818L17.6394 13.4643C17.9207 12.982 17.9994 12.769 17.9994 12.352ZM9.65276 9.7311L5.57195 2.59197L1.48833 9.7311H9.65276Z" fill="var(--color-social-icon)"/> </svg> </a> <a href="https://vk.com/xyz_gamedev" class="footer__social-icon"> <svg width="20" height="10" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.0953 12H18.6878C17.7805 12 17.4969 11.3192 15.8679 9.82525C14.4502 8.56295 13.8058 8.40693 13.4707 8.40693C12.9809 8.40693 12.8417 8.51567 12.8417 9.15391V11.1396C12.8417 11.6738 12.6562 11.9953 11.1199 11.9953C8.5835 11.9953 5.76358 10.577 3.78396 7.9578C0.814531 4.12362 0 1.19717 0 0.620388C0 0.298903 0.118571 0.00105674 0.81453 0.00105674H3.22204C3.8252 0.00105674 4.05719 0.237443 4.29433 0.856773C5.48004 3.99598 7.45966 6.74751 8.27419 6.74751C8.57835 6.74751 8.71754 6.61986 8.71754 5.91543V2.67222C8.62474 1.17353 7.75866 1.04588 7.75866 0.51165C7.76528 0.368183 7.8346 0.233205 7.95099 0.137145C8.06737 0.0410855 8.22102 -0.00796662 8.37729 0.00105674H12.1509C12.6665 0.00105674 12.8469 0.256353 12.8469 0.814224V5.18736C12.8469 5.66013 13.0583 5.83033 13.2181 5.83033C13.5222 5.83033 13.78 5.66013 14.3368 5.14481C15.5493 3.77808 16.5455 2.26129 17.2959 0.639298C17.4604 0.252363 17.8744 0.0036855 18.3269 0.0199676H20.7499C21.4716 0.0199676 21.6366 0.365091 21.4716 0.833135C21.1726 2.11435 18.2341 5.91543 18.2599 5.91543C18.0022 6.29837 17.9094 6.46857 18.2599 6.89879C18.5177 7.22028 19.3528 7.88216 19.9148 8.47785C20.9458 9.54632 21.7294 10.4446 21.9408 11.0639C22.1521 11.6832 21.781 12 21.0953 12Z" fill="var(--color-social-icon)"/> </svg> </a> <a href="https://t.me/xyz_cg" class="footer__social-icon"> <svg width="16" height="13" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.7716 14.0925L7.05124 9.89721L14.7212 3.03396C15.0607 2.7265 14.6513 2.57773 14.2019 2.84552L4.73427 8.7864L0.639633 7.49706C-0.239215 7.24911 -0.249202 6.64411 0.839372 6.20772L16.7885 0.0982373C17.5175 -0.229056 18.2166 0.276761 17.937 1.38758L15.2205 14.0925C15.0308 14.9951 14.4815 15.2133 13.7225 14.7967L9.58791 11.7618L7.60052 13.676C7.37082 13.9041 7.18107 14.0925 6.7716 14.0925Z" fill="var(--color-social-icon)"/> </svg> </a> <a href="https://youtube.com/channel/UCtJsE0SDhyS4ib2evb5k3gg/videos" class="footer__social-icon"> <svg width="16" height="11" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2984 1.11596C16.6487 0.323326 15.4491 0 13.1581 0H4.84176C2.49834 0 1.27841 0.344177 0.631111 1.18806C8.16776e-06 2.01084 0 3.22315 0 4.90102V8.09903C0 11.3496 0.748796 13 4.84176 13H13.1581C15.1448 13 16.2458 12.7147 16.958 12.0152C17.6884 11.2979 18 10.1267 18 8.09903V4.90102C18 3.13157 17.9512 1.91211 17.2984 1.11596ZM11.5561 6.94154L7.77965 8.96698C7.69522 9.01227 7.6029 9.03473 7.5107 9.03473C7.4063 9.03473 7.30213 9.00589 7.20987 8.94857C7.03614 8.84054 6.93005 8.6473 6.93005 8.43887V4.40096C6.93005 4.19288 7.03585 3.99982 7.20923 3.89173C7.38267 3.78363 7.59838 3.77624 7.77832 3.87218L11.5547 5.88458C11.7469 5.98696 11.8675 6.19051 11.8678 6.41259C11.868 6.63485 11.7479 6.83869 11.5561 6.94154Z" fill="var(--color-social-icon)"/> </svg> </a> <!-- <a href="https://discord.gg/6UwHqeRVFd" class="footer__social-icon"> <svg width="18" height="12" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.6361 1.34C17.212 0.714 15.6893 0.259052 14.0973 0C13.9018 0.332095 13.6734 0.77877 13.5159 1.1341C11.8236 0.894993 10.1469 0.894993 8.48573 1.1341C8.32828 0.77877 8.09468 0.332095 7.89741 0C6.30374 0.259052 4.77928 0.715671 3.35518 1.34331C0.482756 5.42136 -0.29591 9.39811 0.0934236 13.3184C1.99856 14.655 3.84487 15.467 5.66003 15.9984C6.1082 15.4189 6.50791 14.8028 6.85224 14.1536C6.19644 13.9195 5.56832 13.6306 4.97482 13.2952C5.13227 13.1856 5.28628 13.071 5.43508 12.9531C9.05501 14.5438 12.9882 14.5438 16.5648 12.9531C16.7154 13.071 16.8694 13.1856 17.0251 13.2952C16.4299 13.6322 15.8 13.9211 15.1442 14.1553C15.4885 14.8028 15.8865 15.4205 16.3364 16C18.1533 15.4687 20.0014 14.6567 21.9065 13.3184C22.3633 8.77378 21.1261 4.83355 18.6361 1.34ZM7.34541 10.9075C6.25874 10.9075 5.36759 9.95435 5.36759 8.7937C5.36759 7.63305 6.23972 6.67831 7.34541 6.67831C8.45114 6.67831 9.34226 7.63138 9.32323 8.7937C9.32495 9.95435 8.45114 10.9075 7.34541 10.9075ZM14.6545 10.9075C13.5678 10.9075 12.6767 9.95435 12.6767 8.7937C12.6767 7.63305 13.5488 6.67831 14.6545 6.67831C15.7602 6.67831 16.6514 7.63138 16.6323 8.7937C16.6323 9.95435 15.7602 10.9075 14.6545 10.9075Z" fill="var(--color-social-icon)"/> </svg> </a> --> </div> </div> <div class="footer__navigation"> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Направления</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://school-xyz.com/3d-modelirovanie">3D-моделирование</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/geymdizayn">Геймдизайн</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/2d-illyustraciya">2D-иллюстрация</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/programmirovanie">Программирование</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/menedzhement">Менеджмент</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/video-i-speceffekty">Видео и спецэффекты</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/courses">Все курсы</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">О школе</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="#popup:license">Лицензия</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/feedback">Отзывы студентов</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/raboty-studentov">Работы студентов</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/rassrochka">Рассрочка</a></li> <li class="footer__list-link"><a href="#popup:rec">Реквизиты</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/certificate">Подарочный сертификат</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/adminform">Оставить отзыв руководству</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/info-about-it-activities">Об IT деятельности</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/lms">Об обучающей платформе</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/career-xyz">Вакансии</a></li> <li class="footer__list-link"><a href="https://career-center.ultimate-education.ru" target="_blank">Карьерный центр</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Сотрудничество</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://school-xyz.com/b2b">Корпоративное обучение</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/we-are-looking-for-new-teachers">Вакансии для экспертов</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/partners">Партнёрская программа</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Проекты</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://media-xyz.com/">XYZ Media</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/2d-arena">2D-арена</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/mentorstvo-s-gamedev-magistrami">Менторство в геймдеве</a></li> </ul> </nav> </div> </div> <div class="footer__other-info"> <div class="footer__other-info-left-side"> <p>©2025, XYZ</p> <div class="footer__awards"> <img src="" class="footer__runet-icon" alt="Иконка Рунет"> <a href="https://vk.com/wall-124560669_50286">Премия Рунета 2020, Игровая индустрия</a> </div> <div class="footer__awards"> <img src="" class="footer__skolkovo-icon" alt="Иконка Сколково"> <a href="https://navigator.sk.ru/?q=N4IgZiBcoC4IYHMDOB9GBPADgUyiA9gE4gC%2BANCEngLQC22tARtoSkgJYB2AxrhZlACMJIA">Участник Сколково</a> </div> </div> <div class="footer__legal-info"> <a href="https://school-xyz.com/info-about-educational-organization">Сведения об образовательной организации</a> <a href="https://school-xyz.com/privacy-policy">Обработка персональных данных</a> <a href="https://school-xyz.com/agreement">Оферта</a> <a href="#popup:sout">СОУТ</a> </div> </div> </div> </footer> <style>
:root {
font-family: 'BebasRoboto';
--color-bg: #17171b;
--color-text: #fff;
--color-text-opacity: rgba(255, 255, 255, 0.5);
--color-accent: #8080ff;
--color-border: #373742;
--color-bg-contacts: #2B2A37;
--color-bg-input: #212127;
--color-social-icon: var(--color-accent);
--color-bg-social-icon: #2B2B34;
--url-runet-icon: url(https://static.tildacdn.com/tild6136-3933-4465-b933-613637353637/runet-icon-dark.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3235-3332-4635-a537-396662353164/skolkovo-icon-dark.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild6663-3965-4735-b337-393062313665/arrow-down-dark.svg);
}
:root .dark-theme {
--color-bg: #fff;
--color-text: #17171b;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-border: #EDEDED;
--color-bg-contacts: #f5f5f5;
--color-bg-input: #fff;
--color-bg-social-icon: #fff;
--url-runet-icon: url(https://static.tildacdn.com/tild6133-3337-4530-b063-336537643538/runet-icon-light_1.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3737-3331-4464-a437-613336636531/skolkovo-icon-light.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild3737-3062-4562-b662-623536383335/arrow-down-light.svg);
}
/*:root {
font-family: 'BebasRoboto';
--color-bg: #fff;
--color-text: #17171b;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-accent: #8080ff;
--color-border: #EDEDED;
--color-bg-contacts: #f5f5f5;
--color-bg-input: #fff;
--color-social-icon: var(--color-accent);
--color-bg-social-icon: #fff;
--url-runet-icon: url(https://static.tildacdn.com/tild6133-3337-4530-b063-336537643538/runet-icon-light_1.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3737-3331-4464-a437-613336636531/skolkovo-icon-light.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild3737-3062-4562-b662-623536383335/arrow-down-light.svg);
}
:root .dark-theme {
--color-bg: #17171b;
--color-text: #fff;
--color-text-opacity: rgba(255, 255, 255, 0.5);
--color-border: #373742;
--color-bg-contacts: #2B2A37;
--color-bg-input: #212127;
--color-bg-social-icon: #2B2B34;
--url-runet-icon: url(https://static.tildacdn.com/tild6136-3933-4465-b933-613637353637/runet-icon-dark.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3235-3332-4635-a537-396662353164/skolkovo-icon-dark.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild6663-3965-4735-b337-393062313665/arrow-down-dark.svg);
}*/
.t123 footer {
position: relative;
background: var(--color-bg);
width: 100%;
will-change: transform;
-webkit-transform: translateZ(0);
padding-top: 112px;
}
.footer__wrap {
display: flex;
max-width: 1160px;
margin: 0 auto;
padding: 64px 0 0;
box-sizing: border-box;
flex-wrap: wrap;
column-gap: 16px;
border-top: 1px solid var(--color-border);
}
.footer__navigation {
display: flex;
flex-wrap: wrap;
width: 572px;
column-gap: 16px;
row-gap: 48px;
margin-bottom: 80px;
}
.footer__chapter-links {
width: 278px;
flex-shrink: 0;
}
.footer__chapter-links:last-child {
flex-shrink: 1;
}
#allrecords .footer__chapter-links-list {
list-style-type: none;
padding-top: 16px;
padding-left: 0;
}
.footer__chapter-links-heading {
font-weight: 300;
font-size: 32px;
line-height: 100%;
color: var(--color-text);
}
.footer__list-link {
font-weight: 400;
font-size: 14px;
line-height: 160%;
margin-bottom: 8px;
}
#allrecords .footer__list-link a {
text-decoration: none;
transition: .2s ease;
color: var(--color-text);
}
#allrecords .footer__list-link a:hover {
color: var(--color-accent);
}
.footer__contacts-container {
display: flex;
align-items: flex-start;
flex-direction: column;
row-gap: 24px;
width: 572px;
margin-bottom: 32px;
box-sizing: border-box;
}
.footer__form-container {
background: var(--color-bg-contacts);
width: 474px;
padding: 32px;
box-sizing: border-box;
border-radius: 24px;
}
.footer__form-container p {
font-weight: 500;
font-size: 60px;
line-height: 100%;
text-transform: uppercase;
color: var(--color-text);
margin-bottom: 24px;
}
.uc-footerform-holder {
height: 0;
overflow: hidden;
}
.footer__form .footer__zero-form {
position: relative;
}
.footer__form .footer__zero-form .t-form .t-form__inputsbox {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
row-gap: 8px;
}
.footer__form .footer__zero-form .t-form .t-input-group_em {
flex-grow: 1;
margin-bottom: 8px !important;
padding-right: 8px !important;
order: 1;
}
.footer__form .footer__zero-form .t-input-group_em .t-input {
background: var(--color-bg-input) !important;
border-color: var(--color-border) !important;
color: var(--color-text) !important;
}
.footer__form .footer__zero-form .t-form .t-form__inputsbox .t-input-group_cb {
order: 3;
width: 100%;
margin-bottom: 0 !important;
padding-right: 0 !important;
}
.footer__form .footer__zero-form .t-checkbox__control {
display: flex;
}
.footer__form .footer__zero-form .t-checkbox__indicator {
flex-shrink: 0;
border-radius: 4px;
width: 20px;
height: 20px;
border-width: 2px;
}
.footer__form .footer__zero-form .t-checkbox__indicator::after {
width: 3px;
height: 8px;
left: 6px;
top: 2px;
border-color: #8080ff;
border-width: 0 2px 2px 0;
}
.footer__form .footer__zero-form .t-checkbox__control .t-checkbox:checked~.t-checkbox__indicator {
border-color: #8080ff !important;
}
.footer__form .footer__zero-form .t-checkbox__labeltext {
line-height: 1.2;
}
.footer__form .footer__zero-form .tn-form__submit {
position: relative;
bottom: 0;
order: 2;
}
.footer__form .footer__zero-form .t-submit {
color: #fff;
border-radius: 40px;
font-size: 18px;
font-family: BebasRoboto;
cursor: pointer;
background-color: #8080ff;
transition: 0.3s ease all;
}
.footer__form .footer__zero-form .t-submit:hover {
background: #6060ff;
}
.footer__contacts-wrap {
display: flex;
flex-direction: column;
row-gap: 4px;
}
#allrecords .footer__contacts-wrap a {
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__contacts-wrap a:hover {
color: var(--color-accent);
}
#allrecords a.footer__contacts-email {
color: var(--color-accent);
transition: .2s ease;
}
#allrecords a.footer__contacts-email:hover {
color: var(--color-text);
}
.footer__social-links {
display: flex;
column-gap: 8px;
}
.footer__social-links a {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
transition: .2s ease;
}
.footer__social-icon {
background: var(--color-bg-social-icon);
border: 1px solid var(--color-border);
border-radius: 8px;
box-sizing: border-box;
}
.footer__social-icon:hover {
transform: translateY(-4px);
}
.footer__other-info {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 16px;
padding-bottom: 32px;
width: 100%;
}
.footer__other-info-left-side {
display: flex;
align-items: center;
column-gap: 32px;
}
.footer__other-info p {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
}
.footer__awards {
display: flex;
align-items: center;
column-gap: 10px;
max-width: 160px;
}
#allrecords .footer__awards a {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
text-decoration: none;
}
.footer__runet-icon {
content: var(--url-runet-icon);
font-size: 10px;
}
.footer__skolkovo-icon {
content: var(--url-skolkovo-icon);
font-size: 10px;
}
.footer__legal-info {
display: flex;
align-items: center;
column-gap: 16px;
}
#allrecords .footer__legal-info a {
font-size: 12px;
line-height: 18px;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__legal-info a:hover {
color: var(--color-accent);
}
@media screen and (max-width: 1199px) {
.t123 footer {
padding-top: 96px;
}
.footer__wrap {
max-width: 940px;
padding-top: 56px;
}
.footer__contacts-container {
width: 462px;
}
.footer__form-container {
width: 420px;
}
.footer__form-container p {
font-size: 52px;
}
.footer__navigation {
width: 462px;
row-gap: 40px;
margin-bottom: 64px;
}
.footer__chapter-links {
width: 220px;
}
.footer__chapter-links-heading {
font-size: 24px;
}
.footer__other-info-left-side {
column-gap: 24px;
}
.footer__legal-info {
column-gap: 16px;
max-width: 462px;
}
}
@media screen and (max-width: 959px) {
.t123 footer {
padding-top: 88px;
}
.footer__wrap {
max-width: 620px;
padding-top: 48px;
}
.footer__navigation {
flex-direction: column;
row-gap: 16px;
margin-bottom: 56px;
width: 100%;
}
.footer__chapter-links {
width: 100%;
padding-bottom: 16px;
border-bottom: 1px solid var(--color-border);
}
.footer__chapter-links-heading {
position: relative;
display: flex;
align-items: center;
will-change: transform;
}
.footer__chapter-links-heading::after {
content: ' ';
background-image: var(--url-arrow-down);
width: 24px;
height: 24px;
position: absolute;
right: 0;
transition: .4s ease;
}
.footer__chapter-links-heading.open::after {
transform: rotateX(180deg);
}
.footer__chapter-links-wrap {
display: none;
}
.footer__contacts-container {
width: 620px;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
height: fit-content;
row-gap: 32px;
margin-bottom: 56px;
}
.footer__form-container {
width: 100%;
padding: 24px;
border-radius: 24px;
}
.footer__form-container p {
font-size: 48px;
}
.footer__contacts-wrap {
flex-direction: row;
column-gap: 32px;
}
.footer__other-info {
flex-wrap: wrap;
justify-content: flex-start;
gap: 24px;
}
.footer__other-info p {
order: 2;
flex-grow: 1;
}
.footer__awards {
order: 3;
}
.footer__legal-info {
order: 1;
max-width: 100%;
width: 100%;
column-gap: 24px;
}
}
@media screen and (max-width: 639px) {
.t123 footer {
padding-top: 72px;
}
.footer__wrap {
padding-top: 40px;
max-width: calc(100% - 24px);
}
.footer__chapter-links-heading {
font-size: 20px;
}
.footer__contacts-container {
flex-direction: column;
row-gap: 16px;
margin-bottom: 40px;
width: 100%;
}
.footer__form-container {
padding: 24px 16px;
border-radius: 16px;
margin-bottom: 16px;
}
.footer__form-container p {
font-size: 32px;
margin-bottom: 16px;
}
.footer__form .footer__zero-form {
width: 100% !important;
}
.footer__form .footer__zero-form .t-form .t-input-group_em {
margin-bottom: 8px !important;
padding-right: 0 !important;
}
.footer__form .footer__zero-form .tn-form__submit {
padding: 0;
margin-bottom: 16px;
width: 100%;
}
.footer__form .footer__zero-form .t-submit {
width: 100% !important;
font-size: 14px;
}
#allrecords .footer__contacts-wrap a {
font-size: 14px;
}
.footer__social-links {
width: fit-content;
}
.footer__navigation {
margin-bottom: 40px;
}
.footer__other-info {
gap: 24px 18px;
justify-content: flex-start;
}
.footer__other-info p {
order: 3;
text-align: center;
font-size: 10px;
width: 100%;
}
.footer__other-info-left-side {
order: 2;
flex-wrap: wrap;
justify-content: flex-start;
row-gap: 16px;
}
.footer__awards {
order: 2;
margin-bottom: 8px;
max-width: 142px;
}
#allrecords .footer__awards a {
font-size: 10px;
}
.footer__legal-info {
flex-direction: column;
align-items: flex-start;
row-gap: 8px;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
if (document.documentElement.clientWidth < 960) {
$('.footer__chapter-links-heading').click(function() {
$(this).siblings('.footer__chapter-links-wrap').slideToggle();
$(this).toggleClass('open');
});
}
function readyZeroForm() {
if (document.querySelector('.footer__zero-form').querySelector('.t-form__inputsbox') === null) {
console.log('Форма не готова');
setTimeout(function() {
readyZeroForm();
}, 400);
} else {
$('.footer__zero-form').prependTo('.footer__form');
}
}
readyZeroForm();
});
</script> <!-- nominify end --> </div> </div> </div> </div> <!-- <strong>▼ Мини-футер ▼</strong> --> <div id="rec216668598" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec216668598 .t396__artboard {height:535px;}#rec216668598 .t396__filter {height:535px;}#rec216668598 .t396__carrier{height:535px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:532px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:525px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:755px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:792px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}#rec216668598 .tn-elem[data-elem-id="1564645816905"]{z-index:2;top:0px;left:0px;width:760px;height:535px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom {border-radius:40px;background-color:#17171b;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec216668598 .tn-elem[data-elem-id="1564645816905"] {top:0px;left:0px;width:620px;height:532px;}}@media screen and (max-width:959px) {#rec216668598 .tn-elem[data-elem-id="1564645816905"] {top:0px;left:0px;width:620px;height:525px;}}@media screen and (max-width:639px) {#rec216668598 .tn-elem[data-elem-id="1564645816905"] {top:0px;left:10px;width:460px;height:755px;border-radius:24px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom {border-radius:24px;}}@media screen and (max-width:479px) {#rec216668598 .tn-elem[data-elem-id="1564645816905"] {top:0px;left:0px;width:320px;height:792px;}}#rec216668598 .tn-elem[data-elem-id="1596205809432"]{color:#ffffff;z-index:3;top:155px;left:50px;width:310px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596205809432"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec216668598 .tn-elem[data-elem-id="1596205809432"] {top:152px;left:50px;width:300px;height:auto;}}@media screen and (max-width:959px) {#rec216668598 .tn-elem[data-elem-id="1596205809432"] {top:152px;left:40px;width:260px;height:auto;}}@media screen and (max-width:639px) {#rec216668598 .tn-elem[data-elem-id="1596205809432"] {top:100px;left:40px;height:auto;}}@media screen and (max-width:479px) {#rec216668598 .tn-elem[data-elem-id="1596205809432"] {top:92px;left:32px;width:230px;height:auto;}}#rec216668598 .tn-elem[data-elem-id="1596206009249"]{color:#ffffff;z-index:4;top:155px;left:360px;width:280px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206009249"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec216668598 .tn-elem[data-elem-id="1596206009249"] {top:152px;left:360px;width:188px;height:auto;}}@media screen and (max-width:959px) {#rec216668598 .tn-elem[data-elem-id="1596206009249"] {top:152px;left:330px;width:260px;height:auto;}}@media screen and (max-width:639px) {#rec216668598 .tn-elem[data-elem-id="1596206009249"] {top:375px;left:40px;height:auto;}}@media screen and (max-width:479px) {#rec216668598 .tn-elem[data-elem-id="1596206009249"] {top:366px;left:32px;width:240px;height:auto;}}#rec216668598 .tn-elem[data-elem-id="1596206049927"]{color:#ffffff;z-index:5;top:10px;left:50px;width:418px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{color:#ffffff;font-size:90px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec216668598 .tn-elem[data-elem-id="1596206049927"] {top:10px;left:50px;height:auto;}}@media screen and (max-width:959px) {#rec216668598 .tn-elem[data-elem-id="1596206049927"] {top:10px;left:40px;height:auto;}}@media screen and (max-width:639px) {#rec216668598 .tn-elem[data-elem-id="1596206049927"] {top:20px;left:40px;width:320px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:45px;}}@media screen and (max-width:479px) {#rec216668598 .tn-elem[data-elem-id="1596206049927"] {top:32px;left:32px;width:194px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:40px;line-height:1;}}#rec216668598 .tn-elem[data-elem-id="1607933466856"]{color:#ffffff;z-index:6;top:429px;left:50px;width:440px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1607933466856"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec216668598 .tn-elem[data-elem-id="1607933466856"] {top:426px;left:50px;width:434px;height:auto;}}@media screen and (max-width:959px) {#rec216668598 .tn-elem[data-elem-id="1607933466856"] {top:425px;left:40px;height:auto;}}@media screen and (max-width:639px) {#rec216668598 .tn-elem[data-elem-id="1607933466856"] {top:627px;left:40px;width:382px;height:auto;}}@media screen and (max-width:479px) {#rec216668598 .tn-elem[data-elem-id="1607933466856"] {top:642px;left:32px;width:250px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="216668598" data-artboard-screens="320,480,640,960,1200" data-artboard-height="535" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="792" data-artboard-height-res-480="755" data-artboard-height-res-640="525" data-artboard-height-res-960="532"> <div class="t396__carrier" data-artboard-recid="216668598"></div> <div class="t396__filter" data-artboard-recid="216668598"></div> <div class='t396__elem tn-elem requisites-bg tn-elem__2166685981564645816905' data-elem-id='1564645816905' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="535" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="792" data-field-width-res-320-value="320" data-field-top-res-480-value="0" data-field-left-res-480-value="10" data-field-height-res-480-value="755" data-field-width-res-480-value="460" data-field-axisx-res-480-value="left" data-field-container-res-480-value="grid" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-height-res-640-value="525" data-field-width-res-640-value="620" data-field-axisx-res-640-value="left" data-field-top-res-960-value="0" data-field-left-res-960-value="0" data-field-height-res-960-value="532" data-field-width-res-960-value="620"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596205809432' data-elem-id='1596205809432' data-elem-type='text' data-field-top-value="155" data-field-left-value="50" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="92" data-field-left-res-320-value="32" data-field-width-res-320-value="230" data-field-top-res-480-value="100" data-field-left-res-480-value="40" data-field-container-res-480-value="grid" data-field-top-res-640-value="152" data-field-left-res-640-value="40" data-field-width-res-640-value="260" data-field-top-res-960-value="152" data-field-left-res-960-value="50" data-field-width-res-960-value="300"> <div class='tn-atom'field='tn_text_1596205809432'><span style="color: rgb(115, 115, 115);">Наименование</span><br>ООО "ИКС ВАЙ ЗЕТ НЕТВОРК" <br><br><span style="color: rgb(115, 115, 115);">ИНН</span><br>9705150153 <br><br><span style="color: rgb(115, 115, 115);">КПП</span> <br>770501001 <br><br><span style="color: rgb(115, 115, 115);">Счёт (₽) </span><br>40702810902500083750<br>1207700448361 ОГРН</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596206009249' data-elem-id='1596206009249' data-elem-type='text' data-field-top-value="155" data-field-left-value="360" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="366" data-field-left-res-320-value="32" data-field-width-res-320-value="240" data-field-top-res-480-value="375" data-field-left-res-480-value="40" data-field-container-res-480-value="grid" data-field-top-res-640-value="152" data-field-left-res-640-value="330" data-field-width-res-640-value="260" data-field-top-res-960-value="152" data-field-left-res-960-value="360" data-field-width-res-960-value="188"> <div class='tn-atom'field='tn_text_1596206009249'><span style="color: rgb(115, 115, 115);">Банк получателя</span><br> "ООО "Банк Точка" "<br><br><span style="color: rgb(115, 115, 115);">Город </span><br>Москва<br><br><span style="color: rgb(115, 115, 115);">БИК </span><br>044525104<br><br><span style="color: rgb(115, 115, 115);">Корр. счёт </span><br>30101810745374525104</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596206049927' data-elem-id='1596206049927' data-elem-type='text' data-field-top-value="10" data-field-left-value="50" data-field-width-value="418" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="32" data-field-left-res-320-value="32" data-field-width-res-320-value="194" data-field-top-res-480-value="20" data-field-left-res-480-value="40" data-field-width-res-480-value="320" data-field-container-res-480-value="grid" data-field-top-res-640-value="10" data-field-left-res-640-value="40" data-field-top-res-960-value="10" data-field-left-res-960-value="50"> <div class='tn-atom'field='tn_text_1596206049927'>РЕКВИЗИТЫ</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981607933466856' data-elem-id='1607933466856' data-elem-type='text' data-field-top-value="429" data-field-left-value="50" data-field-width-value="440" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="642" data-field-left-res-320-value="32" data-field-width-res-320-value="250" data-field-top-res-480-value="627" data-field-left-res-480-value="40" data-field-width-res-480-value="382" data-field-container-res-480-value="grid" data-field-top-res-640-value="425" data-field-left-res-640-value="40" data-field-top-res-960-value="426" data-field-left-res-960-value="50" data-field-width-res-960-value="434"> <div class='tn-atom'field='tn_text_1607933466856'><span style="color: rgb(115, 115, 115);">Юридический адрес</span><br>115184, г. Москва, вн.тер.г. муниципальный округ Замоскворечье, ул Бахрушина, д. 10, стр. 2</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('216668598');});});</script> <!-- /T396 --> </div> <div id="rec216668599" class="r t-rec uc-requisites" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:rec"
role="dialog"
aria-modal="true"
tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_8"> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec216668599');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('216668599');});});</script> </div> <div id="rec216668601" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация попапа Реквизиты --> <style>
.shirina {
background: none !important;
right: 0 !important;
left: 0 !important;
}
.parpadding {
padding: 0 !important;
}
:is(.uc-requisites, .t390, .t331) .t-popup__close {
top: 24px;
right: 24px !important;
width: 44px;
height: 44px;
background: rgb(255 255 255 / 20%);
border-radius: 30px;
zoom: 0.8;
}
.t-popup__block-close-button {
width: 18px;
padding: 13px;
}
.t-popup__close-icon {
display: block;
width: 18px;
height: 18px;
}
@media (max-width: 639px) {
.uc-requisites .t-popup {
background: rgb(0 0 0 / 40%);
}
.uc-requisites .t-popup__container.t-popup__container-static {
margin: 24px auto;
}
:is(.uc-requisites, .t390) .t-popup__close {
position: absolute;
top: 16px;
right: 16px !important;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
var ZeroPopID = '#rec216668598'; //Прописываем ID Zero
var PopWindID = '#rec216668599'; //Прописываем ID PopUp окна BF503
//Переносим ZeroBlock в POPup + Добавляем новый клас в POPup
$(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID));
$(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding");
// перемещаем крестик внутрь попапа
$('.uc-requisites').each(function() {
$(this).find('.requisites-bg').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec577164264" class="r t-rec uc-license-popup" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:license"
role="dialog"
aria-modal="true"
tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#17171b" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_6"> <div class="t390__wrapper t-align_center"> <div class="t390__descr t-descr t-descr_xs">Лицензия на образовательную деятельность рег. номер <span style="font-weight: 700;">Л035−1 298−77/179 677</span> от 22 февраля 2022</div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec577164264');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('577164264');});});</script> <style> #rec577164264 .t390__descr{color:#17171b;}</style> </div> <div id="rec586447967" class="r t-rec uc-license-popup" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:sout"
role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Результаты СОУТ"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#17171b" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_8"> <div class="t390__wrapper t-align_left"> <div class="t390__title t-heading t-heading_lg" id="popuptitle_586447967">Результаты СОУТ</div> <div class="t390__descr t-descr t-descr_xs">В декабре 2022 года в соответствии с действующим законодательством Российской Федерации в ООО «ИКС ВАЙ ЗЕТ НЕТВОРК» была проведена специальная оценка условий труда.<br /><br />С учётом требований законодательства Российской Федерации о персональных данных и законодательства Российской Федерации о государственной и об иной охраняемой законом тайне публикуем:<br /><ul><li style="color: rgb(23, 23, 27);"><a href="https://drive.google.com/file/d/1Hf0P73TIs0gn8ZB2SeQOeCdK0y1RaYP_/view" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">сводную ведомость специальной оценки условий труда</a></li><li><a href="https://drive.google.com/file/d/1msPYwdLZh2h88eb6Jrz-xDyERfamTmQc/view" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">перечень мероприятий по улучшению условий и охраны труда работников</a>, на рабочих местах которых проводилась специальная оценка условий труда.</li></ul></div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec586447967');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('586447967');});});</script> <style> #rec586447967 .t390__title{color:#17171b;font-weight:500;text-transform:uppercase;}@media screen and (min-width:900px){#rec586447967 .t390__title{font-size:60px;line-height:1;}}#rec586447967 .t390__descr{font-size:14px;line-height:1.6;color:#17171b;}</style> </div> <div id="rec577164294" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация попапа с лицензией и СОУТ --> <style>
.uc-license-popup .t-popup__container {
border-radius: 20px;
}
.uc-license-popup .t-popup__close {
zoom: 0.8;
background: #F0F0F0;
border-radius: 30px;
width: 44px;
height: 44px;
}
.uc-license-popup .t-popup__block-close-button {
width: 18px;
padding: 13px;
}
.uc-license-popup .t-popup__close-icon {
display: block;
width: 18px;
height: 18px;
}
@media screen and (max-width: 1199px) {
.uc-license-popup .t390__title {
font-size: 52px !important;
}
}
@media screen and (max-width: 959px) {
.uc-license-popup .t390__title {
font-size: 48px !important;
}
}
@media screen and (max-width: 639px) {
.uc-license-popup .t-popup__close {
zoom: 0.6;
top: 16px;
right: 16px;
}
.uc-license-popup .t390__wrapper {
padding: 32px 40px;
}
.uc-license-popup .t390__title {
font-size: 28px !important;
}
.uc-license-popup .t390__descr {
font-size: 10px !important;
}
}
</style> <script>
// переносим крестик внутрь попапа
document.addEventListener('DOMContentLoaded', function() {
$('.uc-license-popup .t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec602614066" class="r t-rec" style=" " data-animationappear="off" data-record-type="886"> <!-- T886 --> <div class="t886 t886_closed" data-storage-item="t886cookiename_1006203" style=";"> <div class="t886__wrapper" style="background-color:#ffffff; width:820px"> <div class="t886__text t-text t-text_xs t-valign_middle" field="text">Привет! Для улучшения работы сайта мы используем файлы cookie и данные об IP-адресе. Оставаясь на сайте, ты соглашаешься с <a href="https://www.school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">политикой обработки персональных данных</a>.</div> <div class="t886__btn-wrapper t-valign_middle"> <div
class="t886__btn t-btn t-btn_md"
style="color:#ffffff;border:1px solid #17171b;background-color:#17171b;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;font-weight:400;" data-buttonfieldset="button">
Принять
</div> </div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t886_init',function() {t886_init('602614066');});});</script> <style>#rec602614066 .t886__text{text-align:left;}</style> <style>@media (hover:hover),(min-width:0\0) {#rec602614066 .t-btn:not(.t-animate_no-hover):hover {color:#17171b !important;background-color:#ffffff !important;}#rec602614066 .t-btn:not(.t-animate_no-hover):focus-visible {color:#17171b !important;background-color:#ffffff !important;}#rec602614066 .t-btn:not(.t-animate_no-hover) {transition-property:background-color,color,border-color,box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;}#rec602614066 .t-btntext:not(.t-animate_no-hover):hover {color:#17171b !important;}#rec602614066 .t-btntext:not(.t-animate_no-hover):focus-visible {color:#17171b !important;}}</style> <style> #rec602614066 .t886__text{line-height:1.6;color:#17171b;}</style> <style>#rec602614066 .t886__wrapper {box-shadow:0px 0px 4px rgba(0,0,0,0.1);}</style> <style> #rec602614066 .t886__wrapper{border-radius:16px;}</style> </div> <div id="rec602637647" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация виджета cookie --> <style>
.t886 {
width: 100%;
z-index: 1500;
}
.t886__wrapper {
display: block;
padding: 24px;
margin: 0 auto;
}
.t886__text {
font-size: 14px;
}
.t886__btn {
font-size: 14px;
line-height: 1.6;
padding: 4px 16px;
}
@media (max-width: 639px) {
.t886__text {
font-size: 10px;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec368502560" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- плагин интеграции amo crm -> yandex metrika --> <script type="text/javascript">
(function(){
var ya_counter_id = '65640406';
var ya_client_id = '';
var setYaClientId = function (){
var intervalYaClientId = setInterval(function(){
try {
if (typeof window['yaCounter'+ya_counter_id] !== "undefined" && typeof window['yaCounter'+ya_counter_id].getClientID !== "undefined") {
ya_client_id = window['yaCounter'+ya_counter_id].getClientID();
if (!ya_client_id)
return;
var forms = document.getElementsByTagName("form");
for (var i = 0; i < forms.length; i++) {
var input = document.createElement("INPUT");
input.type = "hidden";
input.name = "YMClientID";
input.value = ya_client_id;
forms[i].appendChild(input);
}
clearInterval(intervalYaClientId);
}
} catch(err) {
}
}, 1000);
};
setYaClientId();
})();
</script> <!-- nominify end --> </div> </div> </div> </div> </footer> <!--/footer--> </div> <!--/allrecords--> <!-- Stat --> <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';}
window.tildastatscroll='yes';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'46f1ce95aad41ac8b0d98605c4e04383','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTCCH4H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- FB Pixel code (noscript) --> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=719845102500807&ev=PageView&agent=pltilda&noscript=1"/></noscript> <!-- End FB Pixel code (noscript) --> </body> </html>