Анонс курса по программированию
Научись реализовывать все основные механики шутеров в Unreal Engine и получи навыки, необходимые для работы геймплей-программистом в крупной студии.
Сайт курса: School-xyz.com/gamecode
Александр Балакшин, — программист, работавший над Rainbow Six Siege и другими AAA-проектами, — научит тебя создавать игры при помощи Unreal и C++.
Коротко о курсе
- Преподаватель — Александр Балакшин, бывший ведущий геймплей-программист Rainbow Six Siege.
- Курс для тех, кто знает хотя бы один любой язык программирования.
- Научим реализовывать все необходимые шутерные механики при помощи Unreal Engine 4 и C++.
- А также работать над кодом по пайплайну, принятому в AAA-студиях.
- Пройдя курс, ты сможешь претендовать на позицию junior-разработчика в любой игровой студии, а если у тебя есть опыт в разработке в другой сфере — то и на позицию middle.
- Обучение длится 5 месяцев — 4+1 на дополнительную проверку домашки
- Смотреть сайт курса: School-xyz.com/gamecode
Чем занимается геймплей-программист
Геймплей-программист реализует именно то, что составляет пользовательский опыт. Результат нашей работы игрок будет видеть и ощущать напрямую. И это — самое интересное и вдохновляющее в нашей работе.
Удовольствие от того, что вот этот удар, который наносит герой, запрограммировал именно ты; что этот дробовик с крюком сделал именно ты; что плавать на лодке и нырять в воду персонаж может именно благодаря тебе — не сравнить ни с чем. Если не веришь на слово — записывайся на курс и попробуй сам.
Работа программиста, который занимается геймплеем — это постоянное решение нестандартных и креативных задач.
Например, продюсер игры может прийти к нему и сказать:
«Нужно, чтобы наш герой карабкался по стенам. Сделай нам систему паркура, как в Assassin's Creed».
И программисту предстоит решать, как реализовать эту идею в рамках текущего проекта. А в процессе его могут попросить добавить в игру ещё и крюк, как в Uncharted 4, или, например, управляемый автотранспорт. И ему придётся реализовывать всё это так, чтобы разные системы не конфликтовали друг с другом. А потом — придумывать, как добавить во всё это мультиплеер.
Геймдизайнер и продюсер дадут лишь представления о желаемом результате, а то, как программист его достигнет — зависит только от него. Кроме того, почти во всех крупных компаниях к мнению программиста прислушиваются — он всегда может поучаствовать в творческом процессе, предложив свой вариант идеи.
Если тебе интересно решать подобные задачи, то этот курс — для тебя. Здесь ты научишься реализовывать любые механики на практике и делать это системно — так, как это принято в AAA-студиях.
Давай знакомиться
Меня зовут Александр Балакшин, я — геймплей-программист. Работал над Rainbow Six Siege и ещё над несколькими AAA-проектами, о которых не могу говорить из-за NDA.
В игровой индустрии я оказался не сразу. Изначально я просто работал программистом, получал хорошую зарплату и чувствовал себя отлично — но в какой-то момент я понял, что стою на месте и не развиваюсь. Тут я и вспомнил о своей детской мечте — делать игры.
Мой путь в геймдеве начался не с AAA-проектов, а с более приземлённых вещей — например, работал над онлайн-казино для KamaGames. Это было не совсем то, чем мне хотелось заниматься — хотя задачи там были интересные.
А потом я увидел Вконтакте объявление о том, что в Sperasoft требуется старший разработчик С++. Я откликнулся, и вскоре уже переехал в Санкт-Петербург, чтобы приступить к работе над сезонами Rainbow Six Siege.
Именно там я и получил самый ценный опыт. Мы работали не в Unity или Unreal, а в проприетарном движке Ubisoft. Поэтому, когда мы сталкивались с проблемой, мы не могли просто поискать решение в гугле. Пришлось быстро научиться задавать правильные вопросы, грамотно проходить код-ревью и тестирование. Всем этим опытом я поделюсь на курсе.
На курсе ты научишься:
— Реализовывать основные механики шутеров в Unreal Engine 4,
— Грамотно проходить код-ревью,
— Работать с системой контроля версий Perforce,
Почему работать над играми — это интересно
Мой курс рассчитан в первую очередь на тех, кто оказался в такой же ситуации, — программистов, которые хотят сменить сферу деятельности и научиться создавать игры.
Конечно, люди бывают разные. Кому-то нравится программирование ради программирования, и им неважно, над чем они работают — над приложением для бинарных опционов или над AAA-игрой.
Но я считаю, что программирование не существует в вакууме. Это лишь средство решения задач — оно всегда привязано к определённой области. Мы всегда должны отталкиваться от того, кто наш конечный пользователь, и как всё это будет использоваться в итоге.
Заниматься нужно тем, что тебя интересует. Нравится оптимизировать бизнес — ищи соответствующую вакансию. Любишь космос — пиши код для ракетостроителей. А вот если любишь игры, как я, то тебе прямая дорога в игровую разработку.
Меня всегда влекла игровая индустрия. Мне с детства хотелось узнать, как это работает — я нажимаю кнопку, и картинка на экране движется. Мне было интересно научиться делать так же.
Но даже если это тебя не слишком привлекает, разработка игр — это крайне интересно ещё и с точки зрения технологий и рабочего процесса. Тебе постоянно придётся решать крайне нетривиальные задачи.
Например, всегда нужно думать об оптимизации. Скажем, технический директор говорит: «У тебя две миллисекунды из 16 на все эти процессы, и столько-то памяти. Если вы начнёте вылезать за эти рамки, то нужно будет искать другое решение». Каким образом ты найдёшь выход из такой ситуации — зависит от тебя.
Плюс ко всему, в игровой индустрии ты всегда будешь на самом переднем краю технологий. Чтобы в этом убедиться, достаточно просто посмотреть презентацию Unreal Engine 5.
Каждый год появляются новые технологии, которые позволяют создавать ещё более впечатляющие и достоверные виртуальные миры. И именно ты будешь первым учиться использовать их и применять на практике.
Для кого этот курс
Для тех, кому интересно заниматься программированием игр, а именно — работать над геймплеем. Писать код, который позволит персонажам двигаться, перемещаться и взаимодействовать с окружающим миром.
Требования
Ты должен знать хотя бы один язык программирования. На курсе мы будем использовать только C++, но подойдёт и любой другой. Сверхсложные конструкции мы проходить не будем, но нужно разбираться в теме хотя бы до уровня объектно-ориентированного подхода.
Unreal Engine достаточно дружелюбен, поэтому в нём можно разобраться и без знания C++. Но я не буду объяснять такие базовые понятия как ветвление, цикл или массив — иначе курс получился бы просто гигантским.
Перспективы после курса
Если ты сможешь пройти этот курс и полностью освоить всё, что мы будем проходить, то можешь спокойно отправлять резюме в любую игровую компанию, — в том числе и работающую над AAA-проектами, — и претендовать на позицию junior-разработчика.
Для того, чтобы претендовать на должность middle, нужен опыт в разработке. Но это необязательно должна быть работа в игровой индустрии: если у тебя уже есть опыт программирования в другой сфере, то после моего курса ты сможешь претендовать и на эту позицию.
Чему ты научишься
Пройдя мой курс, ты научишься реализовывать все основные механики шутеров при помощи Unreal Engine и C++.
Ты узнаешь, как работает стрельба, перемещение, сетевая репликация Unreal, искусственный интеллект NPC и их реакцию на нанесение урона — и научишься создавать всё это сам.
Во время обучения мы будем разбирать фундаментальные понятия используемые в индустрии. Что такое функция Tick (или Update в других игровых движках), и какие стадии у неё есть? Что такое дерево поведений и система чувств у NPC? Как работают скелетные анимации? Что такое лайн трэйс (или рэй каст), как он реализован, сколько он «стоит», и какие есть другие варианты пространственных проверок.
Мы освежим знания по математике — разберём скалярное и векторное произведения, а также то, как их применять в разработке игр. Узнаем про основные геометрические примитивы, в чём отличие между AABB и OOBB, и почему мы так часто используем капсулы для представления персонажей. Что такое однородные координаты, и зачем нам четыре измерения в трёхмерном пространстве. И, конечно же, что такое кватернионы, и почему их используют для представления вращений.
Программист, прошедший этот курс, не растеряется, услышав от продюсера фразу «Сделай, чтобы это работало, как дробовик», — а просто откроет Unreal и быстро сделает всё, что требуется.
Почему именно шутеры
— Это один из самых востребованных жанров в индустрии. Большинство AAA-компаний ищет именно специалистов, готовых работать с шутерами.
— Unreal Engine изначально задумывался как движок для создания шутеров — было бы странно обучать работе с ним на примере другого жанра.
— Большую часть своей карьеры в AAA-индустрии я работал именно над шутерами: буду рассказывать о том, в чём разбираюсь лучше всего.
Но при этом курс хорош тем, что, пройдя его, ты спокойно сможешь создавать не только шутеры, но и игры любых других жанров. Достаточно будет приложить лишь немного дополнительных усилий.
Хочешь сделать 2D-платформер? Просто убери одну ось перемещения, а реализовывать передвижение ты уже умеешь.
RTS? Создавать искусственный интеллект врагов ты уже умеешь — осталось разобраться с камерой и управлением.
Авиасимулятор? Всё то же самое, что и в шутере — просто персонаж не бегает по плоскости, а летает. А как стрелять и запускать ракеты мы уже знаем.
Файтинг? Наносить удары в ближнем бою и создавать на них реакцию мы научились.
RPG? На курсе ты научишься накладывать на персонажей «баффы» и «дебаффы» — останется лишь настроить более сложную систему характеристик и уровней.
Почему именно C++
Я не хочу, чтобы выпускники моего курса становились узкими специалистами по Unreal: современный специалист должен уметь быстро адаптироваться при переходе в другую компанию.
Внутренние игровые движки, которые используют в крупных студиях, во многом похожи. В целом почти всё остаётся тем же: как рисуется кадр, фазы кадра, как работает физический движок, что происходит во время и после обновления анимаций, что такое рэйкасты и для чего их использовать — всё это не привязано исключительно к Unreal.
Моя задача — подготовить специалистов, которые смогут реализовывать геймплей в любом движке.
Весь этот курс можно было бы выстроить вокруг Blueprint — системы визуального программирования, для использования которой не нужно изучать C++.
Но проблема в том, что Unreal — единственный движок, в котором эту систему можно применять. Освоив Blueprint, можно, например, устроиться техническим дизайнером в компанию, которая делает игры на Unreal Engine, — но возможность работать с другими технологиями для тебя будет закрыта.
Почему именно Unreal, а не Unity
Есть как минимум пять причин, по которым стоит учиться работать именно в Unreal — популярнейшем движке от Epic Games, которым с недавних пор можно пользоваться абсолютно бесплатно, пока ты не заработал миллион долларов.
1. С++, на котором работает Unreal — это язык, который используется во всей индустрии. О C#, на котором работает Unity, такого сказать нельзя.
2. Открытость исходного кода. Здесь всегда можно докопаться и посмотреть, как работает та или иная система геймплейного фреймворка или самого движка. Нам это будет крайне полезно, потому что я хочу познакомить вас не только с Unreal Engine 4, а с общими подходами и практиками, применяемыми в ААА геймдеве.
3. Развитый геймплейный фреймворк с отличной поддержкой сети. Его корни лежат в Unreal Tournament, а последний успешный кейс — Fortnite. Этот фреймворк наиболее похож на то, что используется в ААА индустрии в проприетарных движках.
4. Наличие выпущенных ААА и AA-тайтлов на данной технологии и активное использование данного движка AAA-студиями. Посуди сам: Days Gone, Jedi Fallen Order, Ace Combat, Gears 5, Sea Of Thieves, Hellblade, The Outer Worlds и многие другие.
5. Политика «заработай миллион, а потом плати». На мой взгляд, ценовая политика UE4 и до этого была гораздо более щадящей, чем в Unity. Как минимум, она позволяла использовать полную версию движка для образовательных целей и небольших проектов. Ну их новый подход к монетизации — это вообще потрясающе.
Присоединяйся к нам!
Обязательно вступай в наше сообщество XYZ School в ВКонтакте.
У нас много полезного контента в открытом доступе.
Учись создавать игры вместе с нами!
XYZ School
Хочешь получать лучшие статьи
от 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="Научись реализовывать все основные механики шутеров в Unreal Engine и получи навыки, необходимые для работы геймплей-программистом в крупной студии." /> <meta property="og:url" content="https://www.school-xyz.com/kurs-po-programmirovaniyu-xyz-school" /> <meta property="og:title" content="Курс по программированию, XYZ School" /> <meta property="og:description" content="Научись реализовывать все основные механики шутеров в Unreal Engine и получи навыки, необходимые для работы геймплей-программистом в крупной студии." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6561-3863-4437-b135-366531393538/fd__.png" /> <link rel="canonical" href="https://www.school-xyz.com/kurs-po-programmirovaniyu-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" /> <!-- 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-page12466118.min.css?t=1769089320" 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-cover-1.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-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=1769089320"> <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){var e=document.getElementById("rec"+t);if(e){var i=e.querySelector(".t396__artboard");if(i){window.tn_scale_initial_window_width||(window.tn_scale_initial_window_width=document.documentElement.clientWidth);var a=window.tn_scale_initial_window_width,r=[],n,l=i.getAttribute("data-artboard-screens");if(l){l=l.split(",");for(var o=0;o<l.length;o++)r[o]=parseInt(l[o],10)}else r=[320,480,640,960,1200];for(var o=0;o<r.length;o++){var d=r[o];a>=d&&(n=d)}var _="edit"===window.allrecords.getAttribute("data-tilda-mode"),c="center"===t396_getFieldValue(i,"valign",n,r),s="grid"===t396_getFieldValue(i,"upscale",n,r),w=t396_getFieldValue(i,"height_vh",n,r),g=t396_getFieldValue(i,"height",n,r),u=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!_&&c&&!s&&!w&&g&&!u){var h=parseFloat((a/n).toFixed(3)),f=[i,i.querySelector(".t396__carrier"),i.querySelector(".t396__filter")],v=Math.floor(parseInt(g,10)*h)+"px",p;i.style.setProperty("--initial-scale-height",v);for(var o=0;o<f.length;o++)f[o].style.setProperty("height","var(--initial-scale-height)");t396_scaleInitial__getElementsToScale(i).forEach((function(t){t.style.zoom=h}))}}}}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,i,a){var r,n=a[a.length-1];if(!(r=i===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+i)))for(var l=0;l<a.length;l++){var o=a[l];if(!(o<=i)&&(r=o===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return r}window.TN_SCALE_INITIAL_VER="1.0",window.tn_scale_initial_window_width=null;</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-page12466118.min.js?t=1769089320" 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-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-zero-1.1.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-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-cart-1.1.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 type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Курс геймдев",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 5.0,
"ratingCount": 3719,
"reviewCount": 3828
}
}
</script> <script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "XYZ",
"item": "https://www.school-xyz.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Курсы",
"item": "https://www.school-xyz.com/courses"
},
{
"@type": "ListItem",
"position": 3,
"name": "💥Скидки до 50%",
"item": "https://www.school-xyz.com/courses#all"
}
]
}
</script> <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 = "//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=4"></script> --> <!-- отвечает за работу промобара --> <!-- <link rel="stylesheet" href="https://learn.school-xyz.com/tilda-static/public/promosTildaStyle.css?v=7"> --> <!-- стили для промобара --> <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=7"></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>
const script = document.createElement('script');
script.src = `https://landing-cdn.school-xyz.com/js/xyzCpa.js?v=${Date.now()}`;
document.head.appendChild(script);
</script> <!-- модуль CPA-интеграций https://t.me/dmitmix --> <!-- Solo Start --> <script src="https://sologpt.ru/xyz_integration/sologpt.iife.js" defer></script> <!-- Solo 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("68058-4eec889da0f5c5a357581273a3");
</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" apiVersion="v3"></script> <!-- UE admin END --> <script>
/* привязка виджета чата к скролу, чтобы не было наложения с промобаром */
function findChatWidget() {
let chatWidget = $('#carrotquest-messenger-collapsed-container');
let promoBar = document.querySelector('.uc-promobar');
if (chatWidget.length == 1 && promoBar !== null) {
console.log('виджет чата и промобар найдены!');
if (promoBar.clientHeight != 0) {
let promobarHeight = promoBar.clientHeight + 8;
console.log('Высота промобара: ' + promobarHeight);
document.querySelector('.t-body').style.setProperty('--dynamic-bottom', ' ' + promobarHeight + 'px');
$('.promobar__hide-btn').on('click', function() {
$('.t-body').addClass('hide-promobar');
});
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$('.t-body').addClass('show-promobar');
} else {
$('.t-body').removeClass('show-promobar');
}
$(document).scroll(function() {
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$('.t-body').addClass('show-promobar');
} else {
$('.t-body').removeClass('show-promobar');
}
});
}
} else {
setTimeout(function() {
console.log('виджет чата и/или промобар не найдены');
findChatWidget();
}, 1000);
}
}
if (document.documentElement.clientWidth < 1200) {
findChatWidget();
}
/* end привязка виджета чата к скролу, чтобы не было наложения с промобаром */
</script> <!-- Pixel victorycorp --> <script type="text/javascript">
(function (d, w) {
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "https://victorycorp.ru/index.php?ref="+d.referrer+"&page=" + encodeURIComponent(w.location.href);
n.parentNode.insertBefore(s, n);
})(document, window);
</script> <!-- /Pixel victorycorp --><!-- 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 --> <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="12466118" data-tilda-page-alias="kurs-po-programmirovaniyu-xyz-school" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <!--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-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <div id="rec1229679181" class="r t-rec" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- НОВЫЙ ХЕДЕР от 15.08.25 --> <!-- 17.09.25 замена всех иконок и картинки в блоке с тестом. Удаление пункта меню Вебинары --> <!-- 19.12.25 заменил пункт меню Бесплатные курсы на Вводный урок с консультантом --> <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/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://www.school-xyz.com/trial-lesson" 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"> <a href="https://school-xyz.com/courses" class="menu-left__course-direction-link" data-direction-name="all-courses"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3434-6264-4637-a535-373532313833/Frame_2087329259_1.jpg" alt="Иконка направления Все курсы"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Все курсы</div> <div class="menu-left__course-direction-quontity-courses">37 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/3d-modelirovanie" class="menu-left__course-direction-link" data-direction-name="3d"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6632-3831-4331-a264-636330373331/3D-_1.jpg" alt="Иконка направления 3D-моделирование"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">3D-моделирование</div> <div class="menu-left__course-direction-quontity-courses">15 курсов</div> </div> </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"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3830-3537-4234-b833-633466333735/2D-_1.jpg" alt="Иконка направления 2D-иллюстрация"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">2D-иллюстрация</div> <div class="menu-left__course-direction-quontity-courses">8 курсов</div> </div> </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"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3461-3239-4635-a138-383032306664/gamedesign_1.jpg" alt="Иконка направления Геймдизайн"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Геймдизайн</div> <div class="menu-left__course-direction-quontity-courses">4 курса</div> </div> </a> </li> </ul> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/programmirovanie" class="menu-left__course-direction-link" data-direction-name="gamecode"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6533-3234-4231-a361-356136613038/_1.jpg" alt="Иконка направления Программирование"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Программирование</div> <div class="menu-left__course-direction-quontity-courses">8 курсов</div> </div> </a> </li> <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"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6562-3931-4937-b035-363239373230/___1.jpg" alt="Иконка направления Видео и спецэффекты"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Видео и спецэффекты</div> <div class="menu-left__course-direction-quontity-courses">3 курса</div> </div> </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"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3165-6365-4236-b463-643730363733/management_1.jpg" alt="Иконка направления Менеджмент"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Менеджмент</div> <div class="menu-left__course-direction-quontity-courses">1 курс</div> </div> </a> </li> </ul> </nav> </div> <div class="menu-right"> <div class="menu-right__test-tags-wrap"> <div class="menu-right__test-tag">Тест</div> <div class="menu-right__test-tag">5 минут</div> </div> <h3 class="menu-right__test-heading">Какая профессия тебе подходит?</h3> <a href="https://www.school-xyz.com/proforientaciya" class="menu-right__test-button">Пройти тест</a> </div> <div class="menu-left__bottom-info"> <ul class="menu-left__bottom-info-list"> <li class="menu-left__bottom-info-link"> <a href="https://www.school-xyz.com/trial-lesson" target="_blank">Вводный урок с консультантом</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: #8e8eff;
--color-black: #17171b;
--color-border: #373742;
--color-burger-line: #fff;
--color-burger-bg: #22222e;
--color-button: #6060ff;
}
#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;
}
.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 .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-button);
color: #fff;
}
#allrecords .header__container.open .header__members-btn:hover {
background: var(--color-button);
}
.menu__wrapper {
display: flex;
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: 32px 0;
}
.menu-left {
width: 100%;
max-width: 572px;
}
nav.menu-left__course-direction {
display: flex;
column-gap: 16px;
}
ul.menu-left__course-direction-list {
display: flex;
flex-direction: column;
row-gap: 16px;
width: 100%;
}
li.menu-left__course-direction-item {
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: var(--color-text);
}
a.menu-left__course-direction-link {
display: flex;
flex-wrap: wrap;
column-gap: 12px;
height: 64px;
padding: 8px;
border-radius: 16px;
transition: .2s ease;
box-sizing: border-box;
}
@media (hover: hover) {
#allrecords a.menu-left__course-direction-link:hover {
background-color: #2b2b35;
}
}
.menu-left__course-direction-icon {
height: 100%;
border-radius: 8px;
}
.menu-left__course-direction-quontity-courses {
font-size: 14px;
color: var(--color-text-opacity);
}
.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);
}
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;
flex-direction: column;
row-gap: 16px;
width: 100%;
max-width: 572px;
background-color: #2b2b35;
background-image: url(https://static.tildacdn.com/tild3264-3531-4533-b066-653232386336/Desktop.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
padding: 24px;
border-radius: 16px;
color: var(--color-text);
box-sizing: border-box;
}
.menu-right__test-tags-wrap {
display: flex;
column-gap: 8px;
}
.menu-right__test-tag {
font-size: 12px;
line-height: 1.5;
font-weight: 400;
padding: 4px 12px;
background: #3b3b47;
border-radius: 30px;
color: var(--color-text);
}
.menu-right__test-heading {
font-size: 20px;
font-weight: 600;
line-height: 1.3;
color: var(--color-text);
width: 184px;
}
.menu-right__test-button {
width: fit-content;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
background: var(--color-button);
padding: 10px 24px;
margin-top: auto;
border-radius: 50px;
transition: .2s ease;
}
#allrecords .menu-right__test-button:hover {
background: var(--color-text);
color: var(--color-black);
}
@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);
}
}
@media screen and (min-width: 960px) {
.menu-left__bottom-info {
display: none;
}
}
@media (min-width: 960px) and (max-width: 1199px) {
.menu-right {
background-image: url(https://static.tildacdn.com/tild6438-6533-4036-a435-623266623239/Tablet_Horizontal.jpg);
}
}
@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: 544px;
}
.menu-left__course-direction-link {
display: block;
width: fit-content;
}
.menu-right {
max-width: 380px;
}
}
@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 {
justify-content: end;
}
.header__items-container .header__items-wrapper {
display: none;
}
.menu__wrapper {
flex-wrap: wrap;
max-width: 620px;
padding: 0;
}
.menu__wrapper.menu__wrapper_active {
max-height: fit-content;
padding: 20px 0 32px;
row-gap: 24px;
}
.menu-left {
max-width: 100%;
height: max-content;
}
ul.menu-left__course-direction-list {
width: 50%;
}
.menu-left__course-direction-link {
width: 100%;
}
.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;
}
.menu-right {
max-width: 100%;
height: 292px;
margin-bottom: 8px;
/*background-position-y: -134px;*/
}
}
@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);
}
.header__items-container {
display: none;
}
.menu__wrapper {
align-content: flex-start;
padding: 0 10px;
}
.menu__wrapper.menu__wrapper_active {
padding: 16px 10px 48px;
}
nav.menu-left__course-direction {
flex-direction: column;
row-gap: 8px;
}
ul.menu-left__course-direction-list {
width: 100%;
row-gap: 8px;
}
li.menu-left__course-direction-item {
font-size: 14px;
}
.menu-left__bottom-info {
row-gap: 16px;
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: block;
}
.menu-right {
height: 232px;
padding: 16px;
margin-bottom: 0;
row-gap: 12px;
/*background-position: -106px center;*/
/*background-size: 138%;*/
background-image: url(https://static.tildacdn.com/tild3930-6233-4836-b332-636433393662/Mobile.jpg);
}
.menu-right__test-tags-wrap {
column-gap: 4px;
}
.menu-right__test-tag {
font-size: 10px;
line-height: 1.6;
}
.menu-right__test-heading {
font-size: 14px;
width: 134px;
}
.menu-right__test-button {
font-size: 14px;
line-height: 1.2;
}
}
</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');
});
}
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="rec610318306" class="r t-rec" style=" " data-record-type="305"> <div class="t303"> <script>window.location.replace("https://school-xyz.com/gamecode" + window.location.search + window.location.hash);</script> <noscript>
Redirect to URL: <a href="https://school-xyz.com/gamecode">https://school-xyz.com/gamecode</a> </noscript> </div> </div> <div id="rec251861154" 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="recorddiv251861154"bgimgfield="img"style="height:100vh;background-image:url('https://thb.tildacdn.com/tild6137-6132-4234-a234-623465323363/-/resize/20x/_43_.png');"> <div class="t-cover__carrier" id="coverCarry251861154"data-content-cover-id="251861154"data-content-cover-bg="https://static.tildacdn.com/tild6137-6132-4234-a234-623465323363/_43_.png"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/tild6137-6132-4234-a234-623465323363/_43_.png"></div> <div class="t-cover__filter" style="height:100vh;background-image: linear-gradient(to bottom, rgba(0,0,0,0.60), rgba(0,0,0,0.60));"></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">Курс по программированию, <br />XYZ School<br /></h1> <span class="space"></span> </div> </div> </div> </div> </div> </div> <style> #rec251861154 .t001__uptitle{font-family:'BebasRoboto';font-weight:100;letter-spacing:0.5px;}#rec251861154 .t001__title{font-family:'BebasRoboto';font-weight:500;text-transform:uppercase;}</style> </div> <div id="rec208181688" class="r t-rec" style=" " data-animationappear="off" data-record-type="654"> <!-- T654 --> <div class="t654 t654_closed t654_bottom t654__positionfixed " style="background-color: rgba(132,214,48,1); height:80px; " data-bgcolor-hex="#84d630" data-bgcolor-rgba="rgba(132,214,48,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 t654__container-flex" style="justify-content: center;column-gap:10px;"> <div class="t-col_flex"> <div class="t654__text t-name t-descr_xxs" field="text">
Учим программировать для Action игр в Unreal Engine и C++<br /> </div> </div> <a
class="t-btn t-btnflex t-btnflex_type_button t-btnflex_xs"
href="https://bit.ly/3gmMe65"><span class="t-btnflex__text">Записаться на курс GAMECODE</span> <style>#rec208181688 .t-btnflex.t-btnflex_type_button {color:#84d630;background-color:#ffffff;--border-width:0px;border-style:none !important;border-radius:50px;box-shadow:none !important;font-family:Arial;text-transform:uppercase;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}</style></a> </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('208181688');}));});t_onReady(function() {t_onFuncLoad('t654_setBg',function() {t654_setBg('208181688');});});t_onReady(function() {t_onFuncLoad('t654_showPanel',function() {t654_showPanel('208181688');});});</script> <style> #rec208181688 .t654__text{color:#ffffff;font-family:'Arial';}</style> </div> <div id="rec208181689" 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 ">Научись реализовывать все основные механики шутеров в Unreal Engine и получи навыки, необходимые для работы геймплей-программистом в крупной студии.<br /><br /><span style="color: rgb(255, 255, 255);">Сайт курса:</span> <a href="https://bit.ly/3dTLBzu" rel="noopener noreferrer" style="color: rgb(128, 128, 255);">School-xyz.com/gamecode</a></div> </div> </div> </div> <style> #rec208181689 .t-text{color:#ffffff;}</style> </div> <div id="rec245981489" 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="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_9"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="245981489" data-videolazy-type="youtube" data-videolazy-id="g8UmNnystcQ" data-videolazy-height="540px"> </div> <style>#rec245981489 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('245981489');});});</script> </div> <div id="rec208181692" 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="color: rgb(153, 153, 153); text-align: left;" data-customstyle="yes">Александр Балакшин, — программист, работавший над Rainbow Six Siege и другими AAA-проектами, — научит тебя создавать игры при помощи Unreal и C++.<br /><br /><span style="color: rgb(255, 255, 255); font-weight: 500; font-size: 40px;">Коротко о курсе</span><br /><br /><ul><li>Преподаватель — Александр Балакшин, бывший ведущий геймплей-программист Rainbow Six Siege.</li><li></li><li>Курс для тех, кто знает хотя бы один любой язык программирования.</li><li></li><li>Научим реализовывать все необходимые шутерные механики при помощи Unreal Engine 4 и C++.</li><li></li><li>А также работать над кодом по пайплайну, принятому в AAA-студиях.</li><li></li><li>Пройдя курс, ты сможешь претендовать на позицию junior-разработчика в любой игровой студии, а если у тебя есть опыт в разработке в другой сфере — то и на позицию middle.</li><li></li><li>Обучение длится 5 месяцев — 4+1 на дополнительную проверку домашки</li><li></li><li>Смотреть сайт курса: <a href="https://bit.ly/3dTLBzu" rel="noopener noreferrer" style="color: rgb(128, 128, 255);">School-xyz.com/gamecode</a></li></ul></div></div> </div> </div> </div> <style> #rec208181692 .t-text{color:#ffffff;}</style> </div> <div id="rec208182547" 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/tild3832-3530-4539-a362-346339666338/2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3832-3530-4539-a362-346339666338/-/empty/2.jpg" data-original="https://static.tildacdn.com/tild3832-3530-4539-a362-346339666338/2.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3832-3530-4539-a362-346339666338/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="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec208181694" 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;color:#999999;" 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 /></div></div> </div> </div> </div> <style> #rec208181694 .t-text{color:#ffffff;}</style> </div> <div id="rec208181701" 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/tild6665-3532-4866-b131-336138366266/3.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6665-3532-4866-b131-336138366266/-/empty/3.jpg" data-original="https://static.tildacdn.com/tild6665-3532-4866-b131-336138366266/3.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6665-3532-4866-b131-336138366266/3.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"><a href="https://www.ubisoft.com/en-gb/game/rainbow-six/siege/game-info/seasons" style="color:rgb(128, 128, 255) !important;">Источник</a></div></div> </div> </div> </div> </div> <div id="rec208181702" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"> Работа программиста, который занимается геймплеем — это постоянное решение нестандартных и креативных задач. <br /><br /> Например, продюсер игры может прийти к нему и сказать: <br /><br /> «Нужно, чтобы наш герой карабкался по стенам. Сделай нам систему паркура, как в Assassin's Creed». <br /></div></div> </div> </div> </div> <style> #rec208181702 .t-text{color:#ffffff;}</style> </div> <div id="rec208181703" 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/tild3361-3361-4562-a466-653338393032/4.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3361-3361-4562-a466-653338393032/-/empty/4.jpg" data-original="https://static.tildacdn.com/tild3361-3361-4562-a466-653338393032/4.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3361-3361-4562-a466-653338393032/4.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"><a href="https://www.ign.com/articles/2014/08/21/dont-miss-any-of-igns-pax-prime-2014-coverage" style="color:rgb(128, 128, 255) !important;">Источник</a></div></div> </div> </div> </div> </div> <div id="rec208181704" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"> И программисту предстоит решать, как реализовать эту идею в рамках текущего проекта. А в процессе его могут попросить добавить в игру ещё и крюк, как в Uncharted 4, или, например, управляемый автотранспорт. И ему придётся реализовывать всё это так, чтобы разные системы не конфликтовали друг с другом. А потом — придумывать, как добавить во всё это мультиплеер. <br /><br /> Геймдизайнер и продюсер дадут лишь представления о желаемом результате, а то, как программист его достигнет — зависит только от него. Кроме того, почти во всех крупных компаниях к мнению программиста прислушиваются — он всегда может поучаствовать в творческом процессе, предложив свой вариант идеи. <br /><br /> Если тебе интересно решать подобные задачи, то этот курс — для тебя. Здесь ты научишься реализовывать любые механики на практике и делать это системно — так, как это принято в AAA-студиях. <br /></div></div> </div> </div> </div> <style> #rec208181704 .t-text{color:#ffffff;}</style> </div> <div id="rec208181705" 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/tild6362-3964-4065-b265-383266623665/5.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6362-3964-4065-b265-383266623665/-/empty/5.jpg" data-original="https://static.tildacdn.com/tild6362-3964-4065-b265-383266623665/5.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6362-3964-4065-b265-383266623665/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="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec208181712" 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:32px;text-align:left;color:#999999;" 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 /> Меня зовут Александр Балакшин, я — геймплей-программист. Работал над Rainbow Six Siege и ещё над несколькими AAA-проектами, о которых не могу говорить из-за NDA. <br /><br /> В игровой индустрии я оказался не сразу. Изначально я просто работал программистом, получал хорошую зарплату и чувствовал себя отлично — но в какой-то момент я понял, что стою на месте и не развиваюсь. Тут я и вспомнил о своей детской мечте — делать игры. <br /><br /> Мой путь в геймдеве начался не с AAA-проектов, а с более приземлённых вещей — например, работал над онлайн-казино для KamaGames. Это было не совсем то, чем мне хотелось заниматься — хотя задачи там были интересные. <br /><br /> А потом я увидел Вконтакте объявление о том, что в Sperasoft требуется старший разработчик С++. Я откликнулся, и вскоре уже переехал в Санкт-Петербург, чтобы приступить к работе над сезонами Rainbow Six Siege. <br /></div></div> </div> </div> </div> <style> #rec208181712 .t-text{color:#ffffff;}</style> </div> <div id="rec208181713" 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/tild3039-6237-4532-b963-363138653163/7.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3039-6237-4532-b963-363138653163/-/empty/7.jpg" data-original="https://static.tildacdn.com/tild3039-6237-4532-b963-363138653163/7.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3039-6237-4532-b963-363138653163/7.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"><a href="https://www.ubisoft.com/en-gb/game/rainbow-six/siege/game-info/seasons" style="color:rgb(128, 128, 255) !important;">Источник</a></div></div> </div> </div> </div> </div> <div id="rec208181706" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><strong></strong></span>Именно там я и получил самый ценный опыт. Мы работали не в Unity или Unreal, а в проприетарном движке Ubisoft. Поэтому, когда мы сталкивались с проблемой, мы не могли просто поискать решение в гугле. Пришлось быстро научиться задавать правильные вопросы, грамотно проходить код-ревью и тестирование. Всем этим опытом я поделюсь на курсе.<br /></div></div> </div> </div> </div> <style> #rec208181706 .t-text{color:#ffffff;}</style> </div> <div id="rec285200445" 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="color: rgb(153, 153, 153); line-height: 32px; text-align: left;" data-customstyle="yes"><span style="color: rgb(255, 255, 255); font-weight: 500; font-size: 40px;">На курсе ты научишься:</span><br /><br />— Реализовывать основные механики шутеров в Unreal Engine 4,<br /><br />— Грамотно проходить код-ревью,<br /><br />— Работать с системой контроля версий Perforce,</div></div> </div> </div> </div> <style> #rec285200445 .t-text{color:#ffffff;}</style> </div> <div id="rec208181711" 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/tild6462-3931-4265-b862-303037323535/6.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6462-3931-4265-b862-303037323535/-/empty/6.jpg" data-original="https://static.tildacdn.com/tild6462-3931-4265-b862-303037323535/6.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6462-3931-4265-b862-303037323535/6.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec208190191" 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:32px;text-align:left;color:#999999;" 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 /> Конечно, люди бывают разные. Кому-то нравится программирование ради программирования, и им неважно, над чем они работают — над приложением для бинарных опционов или над AAA-игрой. <br /></div></div> </div> </div> </div> <style> #rec208190191 .t-text{color:#ffffff;}</style> </div> <div id="rec208181715" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;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/tild6638-3139-4832-b034-323334626135/8.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6638-3139-4832-b034-323334626135/-/empty/8.jpg" data-original="https://static.tildacdn.com/tild6638-3139-4832-b034-323334626135/8.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6638-3139-4832-b034-323334626135/8.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec208181714" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"> Но я считаю, что <span style="color: rgb(255, 255, 255);">программирование не существует в вакууме</span><strong>.</strong> Это лишь средство решения задач — оно всегда привязано к определённой области. Мы всегда должны отталкиваться от того, кто наш конечный пользователь, и как всё это будет использоваться в итоге.<br /><br /> Заниматься нужно тем, что тебя интересует. Нравится оптимизировать бизнес — ищи соответствующую вакансию. Любишь космос — пиши код для ракетостроителей. А вот если любишь игры, как я, то тебе прямая дорога в игровую разработку. <br /><br /> Меня всегда влекла игровая индустрия. Мне с детства хотелось узнать, как это работает — я нажимаю кнопку, и картинка на экране движется. Мне было интересно научиться делать так же. <br /> </div></div> </div> </div> </div> <style> #rec208181714 .t-text{color:#ffffff;}</style> </div> <div id="rec208190607" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;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/tild6361-3439-4365-b037-383435343439/9.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6361-3439-4365-b037-383435343439/-/empty/9.jpg" data-original="https://static.tildacdn.com/tild6361-3439-4365-b037-383435343439/9.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6361-3439-4365-b037-383435343439/9.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"><a href="https://images.nvidia.com/geforce-com/international/comparisons/tom-clancys-rainbow-six-siege/tom-clancys-rainbow-six-siege-reflection-quality-interactive-comparison-003-high-vs-low.html" style="color:rgb(128, 128, 255) !important;">Источник</a></div></div> </div> </div> </div> </div> <div id="rec208190725" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"> Но даже если это тебя не слишком привлекает, разработка игр — это крайне интересно ещё и с точки зрения технологий и рабочего процесса. Тебе постоянно придётся решать крайне нетривиальные задачи. <br /><br /> Например, всегда нужно думать об оптимизации. Скажем, технический директор говорит: «У тебя две миллисекунды из 16 на все эти процессы, и столько-то памяти. Если вы начнёте вылезать за эти рамки, то нужно будет искать другое решение». Каким образом ты найдёшь выход из такой ситуации — зависит от тебя. <br /><br /> Плюс ко всему, в игровой индустрии ты всегда будешь на самом переднем краю технологий. Чтобы в этом убедиться, достаточно просто посмотреть презентацию Unreal Engine 5. <br /> </div></div> </div> </div> </div> <style> #rec208190725 .t-text{color:#ffffff;}</style> </div> <div id="rec208190883" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;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/tild3465-6534-4632-a163-623565616339/10.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3465-6534-4632-a163-623565616339/-/empty/10.jpg" data-original="https://static.tildacdn.com/tild3465-6534-4632-a163-623565616339/10.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3465-6534-4632-a163-623565616339/10.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec208190960" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"> Каждый год появляются новые технологии, которые позволяют создавать ещё более впечатляющие и достоверные виртуальные миры. И именно ты будешь первым учиться использовать их и применять на практике. <br /><br /> <span style="font-size: 30px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Для кого этот курс <br /></span></span></span></span><br /> Для тех, кому интересно заниматься программированием игр, а именно — работать над геймплеем. Писать код, который позволит персонажам двигаться, перемещаться и взаимодействовать с окружающим миром. <br /><br /> <span style="font-weight: 500;"><span style="color: rgb(255, 255, 255);"><span style="font-size: 40px;">Требования <br /></span></span></span><br /> Ты должен знать хотя бы один язык программирования. На курсе мы будем использовать только C++, но подойдёт и любой другой. Сверхсложные конструкции мы проходить не будем, но нужно разбираться в теме хотя бы до уровня объектно-ориентированного подхода. <br /><br /> Unreal Engine достаточно дружелюбен, поэтому в нём можно разобраться и без знания C++. Но я не буду объяснять такие базовые понятия как ветвление, цикл или массив — иначе курс получился бы просто гигантским. <br /> </div></div> </div> </div> </div> <style> #rec208190960 .t-text{color:#ffffff;}</style> </div> <div id="rec208191388" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;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/tild6334-3334-4462-a438-386262326362/11.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6334-3334-4462-a438-386262326362/-/empty/11.jpg" data-original="https://static.tildacdn.com/tild6334-3334-4462-a438-386262326362/11.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6334-3334-4462-a438-386262326362/11.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec208192602" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500" style="font-weight: 500;"><span style="font-size: 40px;">Перспективы после курса <br /></span></span></span><br /> Если ты сможешь пройти этот курс и полностью освоить всё, что мы будем проходить, то можешь спокойно отправлять резюме в любую игровую компанию, — в том числе и работающую над AAA-проектами, — и <span style="color: rgb(255, 255, 255);">претендовать на позицию junior-разработчика</span>. <br /> </div></div> </div> </div> </div> <style> #rec208192602 .t-text{color:#ffffff;}</style> </div> <div id="rec208193029" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;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/tild6630-6463-4136-b437-373231303337/17.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6630-6463-4136-b437-373231303337/-/empty/17.jpg" data-original="https://static.tildacdn.com/tild6630-6463-4136-b437-373231303337/17.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6630-6463-4136-b437-373231303337/17.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec208192937" 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:32px;text-align:left;color:#999999;" data-customstyle="yes">Для того, чтобы претендовать на должность middle, нужен опыт в разработке. Но это необязательно должна быть работа в игровой индустрии: если у тебя уже есть опыт программирования в другой сфере, то после моего курса ты сможешь претендовать и на эту позицию.</div></div> </div> </div> </div> <style> #rec208192937 .t-text{color:#ffffff;}</style> </div> <div id="rec208191145" 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:32px;text-align:left;color:#999999;" 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 /> Пройдя мой курс, ты научишься <span style="color: rgb(255, 255, 255);">реализовывать все основные механики шутеров</span> при помощи Unreal Engine и C++. <br /><br /> Ты узнаешь, как работает стрельба, перемещение, сетевая репликация Unreal, искусственный интеллект NPC и их реакцию на нанесение урона — и научишься создавать всё это сам. <br /><br /> Во время обучения мы будем разбирать фундаментальные понятия используемые в индустрии. Что такое функция Tick (или Update в других игровых движках), и какие стадии у неё есть? Что такое дерево поведений и система чувств у NPC? Как работают скелетные анимации? Что такое лайн трэйс (или рэй каст), как он реализован, сколько он «стоит», и какие есть другие варианты пространственных проверок. <br /> </div></div> </div> </div> </div> <style> #rec208191145 .t-text{color:#ffffff;}</style> </div> <div id="rec208191647" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;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/tild6230-3339-4163-b266-323236636664/12.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6230-3339-4163-b266-323236636664/-/empty/12.jpg" data-original="https://static.tildacdn.com/tild6230-3339-4163-b266-323236636664/12.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6230-3339-4163-b266-323236636664/12.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec208191431" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"> Мы освежим знания по математике — разберём скалярное и векторное произведения, а также то, как их применять в разработке игр. Узнаем про основные геометрические примитивы, в чём отличие между AABB и OOBB, и почему мы так часто используем капсулы для представления персонажей. Что такое однородные координаты, и зачем нам четыре измерения в трёхмерном пространстве. И, конечно же, что такое кватернионы, и почему их используют для представления вращений. <br /><br /> Программист, прошедший этот курс, не растеряется, услышав от продюсера фразу «Сделай, чтобы это работало, как дробовик», — а просто откроет Unreal и быстро сделает всё, что требуется. <br /><br /> <span style="font-size: 30px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Почему именно шутеры <br /></span></span></span></span><br /> — Это один из самых востребованных жанров в индустрии. Большинство AAA-компаний ищет именно специалистов, готовых работать с шутерами. <br /><br /> — Unreal Engine изначально задумывался как движок для создания шутеров — было бы странно обучать работе с ним на примере другого жанра. <br /><br /> — Большую часть своей карьеры в AAA-индустрии я работал именно над шутерами: буду рассказывать о том, в чём разбираюсь лучше всего. <br /> </div></div> </div> </div> </div> <style> #rec208191431 .t-text{color:#ffffff;}</style> </div> <div id="rec208191933" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;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-3832-4230-b637-363435306566/13.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3061-3832-4230-b637-363435306566/-/empty/13.jpg" data-original="https://static.tildacdn.com/tild3061-3832-4230-b637-363435306566/13.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3061-3832-4230-b637-363435306566/13.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"><a href="https://www.ubisoft.com/en-gb/game/rainbow-six/siege/game-info/seasons" style="color:rgb(128, 128, 255) !important;">Источник</a></div></div> </div> </div> </div> </div> <div id="rec208191720" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"> Но при этом курс хорош тем, что, пройдя его, ты спокойно сможешь создавать не только шутеры, но и игры <span style="color: rgb(255, 255, 255);">любых других жанров</span>. Достаточно будет приложить лишь немного дополнительных усилий. <br /><br /> Хочешь сделать <span style="color: rgb(255, 255, 255);">2D-платформер</span>? Просто убери одну ось перемещения, а реализовывать передвижение ты уже умеешь. <br /><br /> <span style="color: rgb(255, 255, 255);">RTS</span>? Создавать искусственный интеллект врагов ты уже умеешь — осталось разобраться с камерой и управлением. <br /><br /> <span style="color: rgb(255, 255, 255);">Авиасимулятор</span>? Всё то же самое, что и в шутере — просто персонаж не бегает по плоскости, а летает. А как стрелять и запускать ракеты мы уже знаем. <br /><br /> <span style="color: rgb(255, 255, 255);">Файтинг</span>? Наносить удары в ближнем бою и создавать на них реакцию мы научились. <br /><br /> <span style="color: rgb(255, 255, 255);">RPG</span>? На курсе ты научишься накладывать на персонажей «баффы» и «дебаффы» — останется лишь настроить более сложную систему характеристик и уровней. <br /><br /> <span style="font-size: 30px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Почему именно C++ <br /></span></span></span></span><br /> Я не хочу, чтобы выпускники моего курса становились узкими специалистами по Unreal: современный специалист должен уметь быстро адаптироваться при переходе в другую компанию. <br /><br /> Внутренние игровые движки, которые используют в крупных студиях, во многом похожи. В целом почти всё остаётся тем же: как рисуется кадр, фазы кадра, как работает физический движок, что происходит во время и после обновления анимаций, что такое рэйкасты и для чего их использовать — всё это не привязано исключительно к Unreal. <br /><br /> Моя задача — <span style="color: rgb(255, 255, 255);">подготовить специалистов, которые смогут реализовывать геймплей в любом движке. </span><br /> </div></div> </div> </div> </div> <style> #rec208191720 .t-text{color:#ffffff;}</style> </div> <div id="rec208192427" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;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/tild3635-3537-4065-b735-386161616535/14.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3635-3537-4065-b735-386161616535/-/empty/14.jpg" data-original="https://static.tildacdn.com/tild3635-3537-4065-b735-386161616535/14.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3635-3537-4065-b735-386161616535/14.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec208192018" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"> Весь этот курс можно было бы выстроить вокруг Blueprint — системы визуального программирования, для использования которой не нужно изучать C++. <br /><br /> Но проблема в том, что Unreal — единственный движок, в котором эту систему можно применять. Освоив Blueprint, можно, например, устроиться техническим дизайнером в компанию, которая делает игры на Unreal Engine, — но возможность работать с другими технологиями для тебя будет закрыта. <br /> </div></div> </div> </div> </div> <style> #rec208192018 .t-text{color:#ffffff;}</style> </div> <div id="rec208192570" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;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/tild3030-6532-4162-b739-643833343836/15.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3030-6532-4162-b739-643833343836/-/empty/15.jpg" data-original="https://static.tildacdn.com/tild3030-6532-4162-b739-643833343836/15.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3030-6532-4162-b739-643833343836/15.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec208192465" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Почему именно Unreal, а не Unity <br /></span></span></span><br /> Есть как минимум <span style="color: rgb(255, 255, 255);">пять причин</span>, по которым стоит учиться работать именно в Unreal — популярнейшем движке от Epic Games, которым с недавних пор можно пользоваться абсолютно бесплатно, пока ты не заработал миллион долларов. <br /><br /> <span style="color: rgb(255, 255, 255);">1</span><span style="color: rgb(255, 255, 255);"><strong>.</strong> С++</span>, на котором работает Unreal — это язык, который используется во всей индустрии. О C#, на котором работает Unity, такого сказать нельзя. <br /><br /> <span style="color: rgb(255, 255, 255);">2. Открытость исходного кода</span>. Здесь всегда можно докопаться и посмотреть, как работает та или иная система геймплейного фреймворка или самого движка. Нам это будет крайне полезно, потому что я хочу познакомить вас не только с Unreal Engine 4, а с общими подходами и практиками, применяемыми в ААА геймдеве. <br /><br /> <span style="color: rgb(255, 255, 255);">3. </span><span style="color: rgb(255, 255, 255);">Развитый геймплейный фреймворк</span> с отличной поддержкой сети. Его корни лежат в Unreal Tournament, а последний успешный кейс — Fortnite. Этот фреймворк наиболее похож на то, что используется в ААА индустрии в проприетарных движках. <br /><br /> <span style="color: rgb(255, 255, 255);">4. Наличие выпущенных ААА и AA-тайтлов</span> на данной технологии и активное использование данного движка AAA-студиями. Посуди сам: Days Gone, Jedi Fallen Order, Ace Combat, Gears 5, Sea Of Thieves, Hellblade, The Outer Worlds и многие другие. <br /><br /> <span style="color: rgb(255, 255, 255);">5. Политика «заработай миллион, а потом плати»</span>. На мой взгляд, ценовая политика UE4 и до этого была гораздо более щадящей, чем в Unity. Как минимум, она позволяла использовать полную версию движка для образовательных целей и небольших проектов. Ну их новый подход к монетизации — это вообще потрясающе. <br /> </div></div> </div> </div> </div> <style> #rec208192465 .t-text{color:#ffffff;}</style> </div> <div id="rec208191048" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;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/tild3631-6232-4363-a231-633266336165/16.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3631-6232-4363-a231-633266336165/-/empty/16.jpg" data-original="https://static.tildacdn.com/tild3631-6232-4363-a231-633266336165/16.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3631-6232-4363-a231-633266336165/16.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"><a href="https://www.unrealengine.com/en-US/" style="color:rgb(128, 128, 255) !important;">Источник</a></div></div> </div> </div> </div> </div> <div id="rec317383178" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec317383178 .t396__artboard {height:479px;background-color:#0d0d0d;overflow:visible;}#rec317383178 .t396__filter {height:479px;}#rec317383178 .t396__carrier{height:479px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec317383178 .t396__artboard,#rec317383178 .t396__filter,#rec317383178 .t396__carrier {height:416px;}#rec317383178 .t396__filter {}#rec317383178 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec317383178 .t396__artboard,#rec317383178 .t396__filter,#rec317383178 .t396__carrier {height:386px;}#rec317383178 .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;}#rec317383178 .t396__carrier {background-position:right center;background-attachment:scroll;}}@media screen and (max-width:639px) {#rec317383178 .t396__artboard,#rec317383178 .t396__filter,#rec317383178 .t396__carrier {height:426px;}#rec317383178 .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;}#rec317383178 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:479px) {#rec317383178 .t396__artboard,#rec317383178 .t396__filter,#rec317383178 .t396__carrier {height:362px;}#rec317383178 .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;}#rec317383178 .t396__carrier {background-attachment:scroll;}}#rec317383178 .tn-elem[data-elem-id="1608105552811"]{z-index:1;top:80px;;left:calc(50% - 600px + 20px);;width:1160px;height:301px;}#rec317383178 .tn-elem[data-elem-id="1608105552811"] .tn-atom{border-radius:0px;background-color:#8080ff;background-position:center center;--t396-borderwidth:0px;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec317383178 .tn-elem[data-elem-id="1608105552811"]{top:62px;;left:calc(50% - 480px + 10px);;width:940px;height:272px;}}@media screen and (max-width:959px){#rec317383178 .tn-elem[data-elem-id="1608105552811"]{top:42px;;left:calc(50% - 320px + 13px);;width:618px;height:275px;}}@media screen and (max-width:639px){#rec317383178 .tn-elem[data-elem-id="1608105552811"]{top:31px;;left:calc(50% - 240px + 10px);;width:460px;height:331px;}}@media screen and (max-width:479px){#rec317383178 .tn-elem[data-elem-id="1608105552811"]{top:31px;;left:calc(50% - 160px + 0px);;width:100%;height:289px;border-radius:0px;}#rec317383178 .tn-elem[data-elem-id="1608105552811"] .tn-atom{background-size:cover;border-radius:0px;}}#rec317383178 .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;}#rec317383178 .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-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec317383178 .tn-elem[data-elem-id="1608105552820"]{top:107px;;left:calc(50% - 480px + 195px);;width:570px;height:auto;}}@media screen and (max-width:959px){#rec317383178 .tn-elem[data-elem-id="1608105552820"]{top:72px;;left:calc(50% - 320px + 45px);;width:550px;height:auto;text-align:center;}#rec317383178 .tn-elem[data-elem-id="1608105552820"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px){#rec317383178 .tn-elem[data-elem-id="1608105552820"]{top:70px;;left:calc(50% - 240px + 1px);;width:279px;height:auto;text-align:center;}#rec317383178 .tn-elem[data-elem-id="1608105552820"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec317383178 .tn-elem[data-elem-id="1608105552820"]{top:60px;;left:calc(50% - 160px + 0px);;width:250px;height:auto;text-align:center;}#rec317383178 .tn-elem[data-elem-id="1608105552820"] .tn-atom{font-size:32px;background-size:cover;}}#rec317383178 .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;}#rec317383178 .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-radius:0px;background-position:center center;--t396-borderwidth:1px;--t396-borderstyle:solid;--t396-borderstyle-existed:1;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-color:#ffffff;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#000000;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom::after{display:none;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#000000;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover::after{opacity:0;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{color:#ffffff;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover .tn-atom__button-text{color:#ffffff;}}@media screen and (max-width:1199px){#rec317383178 .tn-elem[data-elem-id="1613821592556"]{top:202px;;left:calc(50% - 480px + 170px);;width:px;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom::after{display:none;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover::after{opacity:0;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec317383178 .tn-elem[data-elem-id="1613821592556"]{top:144px;;left:calc(50% - 320px + 120px);;width:400px;height:60px;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom::after{display:none;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover::after{opacity:0;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec317383178 .tn-elem[data-elem-id="1613821592556"]{top:173px;;left:calc(50% - 240px + 90px);;width:300px;height:60px;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom::after{display:none;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover::after{opacity:0;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:479px){#rec317383178 .tn-elem[data-elem-id="1613821592556"]{top:151px;;left:calc(50% - 160px + 30px);;width:260px;height:60px;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom::after{display:none;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover::after{opacity:0;}#rec317383178 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}#rec317383178 .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;}#rec317383178 .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-radius:0px;background-position:center center;--t396-borderwidth:1px;--t396-borderstyle:solid;--t396-borderstyle-existed:1;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-color:#ffffff;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#000000;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom::after{display:none;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#000000;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover::after{opacity:0;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{color:#ffffff;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover .tn-atom__button-text{color:#ffffff;}}@media screen and (max-width:1199px){#rec317383178 .tn-elem[data-elem-id="1621508314729"]{top:202px;;left:calc(50% - 480px + 490px);;width:px;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom::after{display:none;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover::after{opacity:0;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec317383178 .tn-elem[data-elem-id="1621508314729"]{top:214px;;left:calc(50% - 320px + 120px);;width:400px;height:60px;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom::after{display:none;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover::after{opacity:0;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec317383178 .tn-elem[data-elem-id="1621508314729"]{top:243px;;left:calc(50% - 240px + 90px);;width:300px;height:60px;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom::after{display:none;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover::after{opacity:0;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:479px){#rec317383178 .tn-elem[data-elem-id="1621508314729"]{top:221px;;left:calc(50% - 160px + 30px);;width:260px;height:60px;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom::after{display:none;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover::after{opacity:0;}#rec317383178 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="317383178" 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="317383178"></div> <div class="t396__filter" data-artboard-recid="317383178"></div> <div class='t396__elem tn-elem tn-elem__3173831781608105552811' 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__3173831781608105552820' 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-fontsize-value="44" data-field-top-res-320-value="60" data-field-left-res-320-value="0" data-field-width-res-320-value="250" data-field-fontsize-res-320-value="32" 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-fontsize-res-480-value="36" data-field-top-res-640-value="72" data-field-left-res-640-value="45" data-field-width-res-640-value="550" data-field-fontsize-res-640-value="40" 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__3173831781613821592556' 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-fontsize-value="16" 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-fontsize-res-640-value="16" data-field-top-res-960-value="202" data-field-left-res-960-value="170"> <a class='tn-atom' href="/gamecode/#payment" target="_blank"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Записаться на курс</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem tn-elem__3173831781621508314729' 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-fontsize-value="16" 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-fontsize-res-640-value="16" data-field-top-res-960-value="202" data-field-left-res-960-value="490"> <a class='tn-atom' href="/gamecode/#rassr" target="_blank"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Беспроцентная рассрочка</span> </div> <span class="tn-atom__button-border"></span> </a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('317383178');});});</script> <!-- /T396 --> </div> <div id="rec311972220" class="r t-rec" style="background-color:#0d0d0d; " data-record-type="126" data-bg-color="#0d0d0d"> <!-- T118 --> <div class="t118"> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t-divider t118__line" style="background-color:#ffffff;opacity:0.2;"></div> </div> </div> </div> </div> <div id="rec311968201" 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/rec311968201/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){#rec311968201 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6" data-popup-type="702"> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__title t-title t-title_xxs" id="popuptitle_311968201">ЗАЯВКА ОТ ОРГАНИЗАЦИИ</div> <div class="t702__descr t-descr t-descr_xs">После заполнения и отправки формы, с Вами свяжется менеджер отдела по работе с юр. клиентами и поможет с оформлением покупки</div> </div> <form
id="form311968201" name='form311968201' 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"> <input type="hidden" name="formservices[]" value="79efdc56002e2fb9160ff9fc91750f61" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="9349cade6ff136590942028e6ee8bdd0" class="js-formaction-services"> <!-- @classes t-title t-text t-btn --> <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" data-field-name="как_тебя_зовут"> <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-async="true" data-field-type="ph" data-field-name="Phone"> <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="311968201" data-phonemask-lid="1495810354468" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(000)000-0000" 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">t_onReady(function() {t_onFuncLoad('t_loadJsFile',function() {t_loadJsFile('https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js',function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec311968201 [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" data-field-name="Email"> <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" data-field-name="Наименование организации"> <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
class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
type="submit"><span class="t-btnflex__text">Оставить заявку</span> <style>#rec311968201 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#8080ff;--border-width:0px;border-style:none !important;border-radius:0px;box-shadow:none !important;font-family:BebasRoboto;font-weight:400;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec311968201 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {background-color:#101010 !important;}#rec311968201 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {background-color:#101010 !important;}}</style></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>#rec311968201 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec311968201 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec311968201 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec311968201 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec311968201 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec311968201 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec311968201 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec311968201 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('311968201');});});</script> <style> #rec311968201 .t702__title{font-family:'BebasRoboto';font-weight:500;}#rec311968201 .t702__descr{padding-top:5px;padding-bottom:5px;}</style> </div> <div id="rec285442687" 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/rec285442687/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){#rec285442687 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6" data-popup-type="702"> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__title t-title t-title_xxs" id="popuptitle_285442687">ЗАЯВКА НА РАССРОЧКУ</div> <div class="t702__descr t-descr t-descr_xs">После отправки заявки в течение часа с тобой свяжется менеджер отдела рассрочки школы и поможет с оформлением покупки</div> </div> <form
id="form285442687" name='form285442687' 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"> <input type="hidden" name="formservices[]" value="79efdc56002e2fb9160ff9fc91750f61" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="9349cade6ff136590942028e6ee8bdd0" class="js-formaction-services"> <!-- @classes t-title t-text t-btn --> <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" data-field-name="как_тебя_зовут"> <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-async="true" data-field-type="ph" data-field-name="Phone"> <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="285442687" data-phonemask-lid="1495810354468" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(000)000-0000" 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">t_onReady(function() {t_onFuncLoad('t_loadJsFile',function() {t_loadJsFile('https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js',function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec285442687 [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" data-field-name="Email"> <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="Game Code"> <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
class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
type="submit"><span class="t-btnflex__text">Оставить заявку</span> <style>#rec285442687 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#8080ff;--border-width:0px;border-style:none !important;border-radius:0px;box-shadow:none !important;font-family:BebasRoboto;font-weight:400;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec285442687 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {background-color:#101010 !important;}#rec285442687 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {background-color:#101010 !important;}}</style></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>#rec285442687 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285442687 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec285442687 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec285442687 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec285442687 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285442687 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec285442687 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec285442687 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('285442687');});});</script> <style> #rec285442687 .t702__title{font-family:'BebasRoboto';font-weight:500;}#rec285442687 .t702__descr{padding-top:5px;padding-bottom:5px;}</style> </div> <div id="rec276067916" 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/rec276067916/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){#rec276067916 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6" data-popup-type="702"> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__title t-title t-title_xxs" id="popuptitle_276067916">ЗАЯВКА НА КРЕДИТ</div> <div class="t702__descr t-descr t-descr_xs">После отправки заявки в течении двух дней с вами свяжется менеджер кредитного отдела банков и поможет с оформлением покупки.</div> </div> <form
id="form276067916" name='form276067916' 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"> <input type="hidden" name="formservices[]" value="79efdc56002e2fb9160ff9fc91750f61" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="9349cade6ff136590942028e6ee8bdd0" class="js-formaction-services"> <!-- @classes t-title t-text t-btn --> <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" data-field-name="Как вас зовут"> <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-async="true" data-field-type="ph" data-field-name="Phone"> <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="276067916" data-phonemask-lid="1495810354468" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(000)000-0000" 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">t_onReady(function() {t_onFuncLoad('t_loadJsFile',function() {t_loadJsFile('https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js',function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec276067916 [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" data-field-name="Какой курс вы хотите"> <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" data-field-name="Трудоустроены Есть самозанятость"> <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
class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
type="submit"><span class="t-btnflex__text">Оставить заявку</span> <style>#rec276067916 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#8080ff;--border-width:0px;border-style:none !important;border-radius:0px;box-shadow:none !important;font-family:BebasRoboto;font-weight:400;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec276067916 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {background-color:#101010 !important;}#rec276067916 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {background-color:#101010 !important;}}</style></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>#rec276067916 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec276067916 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec276067916 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec276067916 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec276067916 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec276067916 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec276067916 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec276067916 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('276067916');});});</script> <style> #rec276067916 .t702__title{font-family:'BebasRoboto';font-weight:500;}#rec276067916 .t702__descr{padding-top:5px;padding-bottom:5px;}</style> </div> <div id="rec276067917" 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="rec285860553" 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('285860553',{cssClassName:''});});},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('#rec285860553');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:#84d630;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="form285860553" name='form285860553' 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="4d8240bd916b72e3acf57cd43c67e730" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="79efdc56002e2fb9160ff9fc91750f61" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="9349cade6ff136590942028e6ee8bdd0" class="js-formaction-services"> <input type="hidden" name="tildaspec-formname" tabindex="-1" value="Cart"> <!-- @classes t-title t-text t-btn --> <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" data-field-name="как_тебя_зовут"> <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-async="true" data-field-type="ph" data-field-name="Phone"> <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="285860553" data-phonemask-lid="1565618743334" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(000)000-0000" 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">t_onReady(function() {t_onFuncLoad('t_loadJsFile',function() {t_loadJsFile('https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js',function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec285860553 [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="1611555264585" data-field-type="em" data-field-name="Email"> <label
for='input_1611555264585'
class="t-input-title t-descr t-descr_md"
id="field-title_1611555264585" data-redactor-toolbar="no"
field="li_title__1611555264585"
style="color:#000000;">Почта</label> <div
class="t-input-subtitle t-descr t-descr_xxs t-opacity_70" data-redactor-toolbar="no"
field="li_subtitle__1611555264585"
style="color:#000000;">Для рассылки об акциях и скидках</div> <div class="t-input-block "> <input
type="email"
autocomplete="email"
name="Email"
id="input_1611555264585"
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_1611555264585"
style="color:#000000;border:1px solid #000000;background-color:#ffffff;"> </div> <div class="t-input-error" aria-live="polite" id="error_1611555264585"></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> <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
class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
type="submit"><span class="t-btnflex__text">К оплате</span> <style>#rec285860553 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#1c1c1c;--border-width:0px;border-style:none !important;box-shadow:none !important;font-weight:100;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec285860553 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {color:#000000 !important;}#rec285860553 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {color:#000000 !important;}}</style></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>#rec285860553 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285860553 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec285860553 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec285860553 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec285860553 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285860553 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec285860553 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec285860553 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>.t-menuwidgeticons__cart .t-menuwidgeticons__icon-counter{background-color:#84d630;}</style> <style>.t-menuwidgeticons__cart .t-menuwidgeticons__icon-counter{color:#ffffff !important;}</style> <!--/tcart--> </div> <div id="rec234824461" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"> Записывайся на курс: <a href="https://bit.ly/3dTLBzu" style="color:rgb(128, 128, 255) !important;">School-xyz.com/gamecode</a> <br /><br /> По всем вопросам пиши в <a href="https://vk.com/write-124560669" style="color:rgb(128, 128, 255) !important;">личные сообщения группы</a>. <br /></div></div> </div> </div> </div> <style> #rec234824461 .t-text{color:#ffffff;}</style> </div> <div id="rec208181728" 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:32px;text-align:center;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><b>***</b></span></div></div> </div> </div> </div> <style> #rec208181728 .t-text{color:#ffffff;}</style> </div> <div id="rec208194025" 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="color: rgb(153, 153, 153); line-height: 32px; text-align: left;" data-customstyle="yes"><span style="color: rgb(255, 255, 255); font-weight: 500; font-size: 40px;">Отзывы студентов XYZ School</span><br /><br />Больше отзывов читай здесь: <a href="https://vk.com/topic-124560669_34868074" style="color: rgb(128, 128, 255);">vk.com/topic-124560669_34868074</a></div></div> </div> </div> </div> <style> #rec208194025 .t-text{color:#ffffff;}</style> </div> <div id="rec294525774" 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;">И здесь: </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> #rec294525774 .t-text{color:#ffffff;font-family:'BebasRoboto';font-weight:100;}</style> </div> <div id="rec208181729" 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="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_9"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="208181729" data-videolazy-type="youtube" data-videolazy-id="5RnXuurFUeM" data-videolazy-height="540px"> </div> <style>#rec208181729 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('208181729');});});</script> </div> <div id="rec208181730" 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-size:18px;line-height:32px;text-align:center;color:#999999;" data-customstyle="yes">Владимир</div></div> </div> </div> </div> <style> #rec208181730 .t-text{color:#ffffff;}</style> </div> <div id="rec208181731" 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-size:24px;text-align:center;color:#999999;" data-customstyle="yes"><span><b>***</b></span></div></div> </div> </div> </div> <style> #rec208181731 .t-text{color:#ffffff;}</style> </div> <div id="rec208181732" 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:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Присоединяйся к нам! <br /></span></span></span></span><br /> Обязательно вступай в наше <a href="https://vk.com/xyz_gamedev" style="color:rgb(128, 128, 255) !important;">сообщество</a> XYZ School в ВКонтакте.<br />У нас много полезного контента в открытом доступе. <br /><br /> Учись создавать игры вместе с нами! <br /><br /> XYZ School<br /></div></div> </div> </div> </div> <style> #rec208181732 .t-text{color:#ffffff;}</style> </div> <div id="rec208181733" 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/tild3561-3363-4630-b231-373461643131/1.png"> <img class="t-img t-width t107__widthauto"
src="https://thb.tildacdn.com/tild3561-3363-4630-b231-373461643131/-/empty/1.png" data-original="https://static.tildacdn.com/tild3561-3363-4630-b231-373461643131/1.png"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec208181734" 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:#efefef;"> <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="208181734" 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(208181734);});});</script> <style> #rec208181734 .t797__wrapper{border-radius:10px;}</style> </div> <div id="rec208181735" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec208181735 .t396__artboard {height:460px;background-color:#0D0D0D;}#rec208181735 .t396__filter {height:460px;}#rec208181735 .t396__carrier{height:460px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec208181735 .t396__artboard,#rec208181735 .t396__filter,#rec208181735 .t396__carrier {}#rec208181735 .t396__filter {}#rec208181735 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec208181735 .t396__artboard,#rec208181735 .t396__filter,#rec208181735 .t396__carrier {height:440px;}#rec208181735 .t396__filter {}#rec208181735 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec208181735 .t396__artboard,#rec208181735 .t396__filter,#rec208181735 .t396__carrier {}#rec208181735 .t396__filter {}#rec208181735 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec208181735 .t396__artboard,#rec208181735 .t396__filter,#rec208181735 .t396__carrier {height:480px;}#rec208181735 .t396__filter {}#rec208181735 .t396__carrier {background-attachment:scroll;}}#rec208181735 .tn-elem[data-elem-id="1564554044037"]{color:#ffffff;text-align:center;z-index:1;top:100px;;left:calc(50% - 600px + 320px);;width:560px;height:auto;}#rec208181735 .tn-elem[data-elem-id="1564554044037"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.2;font-weight:700;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec208181735 .tn-elem[data-elem-id="1564554044037"]{top:100px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec208181735 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec208181735 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 240px + 40px);;width:400px;height:auto;}}@media screen and (max-width:479px){#rec208181735 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}}#rec208181735 .tn-elem[data-elem-id="1564554130456"]{color:#999;text-align:center;z-index:2;top:185px;;left:calc(50% - 600px + 415px);;width:370px;height:auto;}#rec208181735 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#999;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec208181735 .tn-elem[data-elem-id="1564554130456"]{top:185px;;left:calc(50% - 480px + 295px);;height:auto;}}@media screen and (max-width:959px){#rec208181735 .tn-elem[data-elem-id="1564554130456"]{top:155px;;left:calc(50% - 320px + 135px);;height:auto;}}@media screen and (max-width:639px){#rec208181735 .tn-elem[data-elem-id="1564554130456"]{top:155px;;left:calc(50% - 240px + 55px);;height:auto;}}@media screen and (max-width:479px){#rec208181735 .tn-elem[data-elem-id="1564554130456"]{top:195px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;color:#999999;}#rec208181735 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#999999;background-size:cover;}}#rec208181735 .tn-elem[data-elem-id="1564554178466"]{z-index:3;top:258px;;left:calc(50% - 600px + 320px);;width:560px;height:auto;}#rec208181735 .tn-elem[data-elem-id="1564554178466"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec208181735 .tn-elem[data-elem-id="1564554178466"]{top:248px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec208181735 .tn-elem[data-elem-id="1564554178466"]{top:228px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec208181735 .tn-elem[data-elem-id="1564554178466"]{top:228px;;left:calc(50% - 240px + 10px);;width:460px;height:auto;}}@media screen and (max-width:479px){#rec208181735 .tn-elem[data-elem-id="1564554178466"]{top:248px;;left:calc(50% - 160px + 30px);;width:200px;height:auto;}}#rec208181735 .tn-elem[data-elem-id="1564876573371"]{color:#666666;text-align:center;z-index:4;top:330px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec208181735 .tn-elem[data-elem-id="1564876573371"] .tn-atom{color:#666666;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec208181735 .tn-elem[data-elem-id="1564876573371"]{top:335px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec208181735 .tn-elem[data-elem-id="1564876573371"]{top:315px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec208181735 .tn-elem[data-elem-id="1564876573371"]{top:310px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec208181735 .tn-elem[data-elem-id="1564876573371"]{top:375px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}#rec208181735 .tn-elem[data-elem-id="1564876573371"] .tn-atom{font-size:14px;background-size:cover;}}#rec208181735 .tn-elem[data-elem-id="1565701393805"]{color:#666666;text-align:center;z-index:5;top:375px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec208181735 .tn-elem[data-elem-id="1565701393805"] .tn-atom{color:#666666;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec208181735 .tn-elem[data-elem-id="1565701393805"]{top:380px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec208181735 .tn-elem[data-elem-id="1565701393805"]{top:360px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec208181735 .tn-elem[data-elem-id="1565701393805"]{top:360px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec208181735 .tn-elem[data-elem-id="1565701393805"]{top:420px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}#rec208181735 .tn-elem[data-elem-id="1565701393805"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="208181735" data-artboard-screens="320,480,640,960,1200" data-artboard-height="460" data-artboard-valign="center" data-artboard-height-res-320="480" data-artboard-height-res-640="440"> <div class="t396__carrier" data-artboard-recid="208181735"></div> <div class="t396__filter" data-artboard-recid="208181735"></div> <div class='t396__elem tn-elem tn-elem__2081817351564554044037' data-elem-id='1564554044037' data-elem-type='text' data-field-top-value="100" 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-fontsize-value="32" data-field-top-res-320-value="70" 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="40" data-field-top-res-960-value="100" data-field-left-res-960-value="200"> <div class='tn-atom'field='tn_text_1564554044037'>Хочешь получать лучшие статьи<br>от XyZ раз в неделю?</div> </div> <div class='t396__elem tn-elem tn-elem__2081817351564554130456' data-elem-id='1564554130456' data-elem-type='text' data-field-top-value="185" 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-fontsize-value="16" data-field-top-res-320-value="195" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="155" data-field-left-res-480-value="55" data-field-top-res-640-value="155" data-field-left-res-640-value="135" data-field-top-res-960-value="185" 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__2081817351564554178466' data-elem-id='1564554178466' data-elem-type='form' data-field-top-value="258" 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="248" data-field-left-res-320-value="30" data-field-width-res-320-value="200" data-field-top-res-480-value="228" 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="248" data-field-left-res-960-value="200" data-field-inputpos-value="h" data-field-inputfontfamily-value="Arial" data-field-inputfontsize-value="16" data-field-inputfontweight-value="400" data-field-inputcolor-value="#666" data-field-inputbordercolor-value="#666" data-field-inputbordersize-value="1" data-field-inputradius-value="7" data-field-inputheight-value="40" data-field-inputmargbottom-value="20" data-field-inputmargright-value="10" data-field-inputtitlefontsize-value="16" data-field-inputtitlefontweight-value="400" data-field-inputtitlecolor-value="#000" data-field-inputtitlemargbottom-value="5" data-field-inputelsfontweight-value="400" data-field-inputelsfontsize-value="14" data-field-buttontitle-value="Подписаться" data-field-buttoncolor-value="#fff" data-field-buttonbgcolor-value="#38b0cd" data-field-buttonbordercolor-value="#666" data-field-buttonradius-value="7" data-field-buttonwidth-value="200" data-field-buttonheight-value="40" data-field-buttonfontfamily-value="BebasRoboto" data-field-buttonfontsize-value="16" data-field-buttonfontweight-value="600" data-field-receivers-value="3a18b021f43e61a277b0babc9a16a84c,164a3b8e9611cc7ecc538151418a854a,d2ad269d53b8517d6f011d8452411a9b,24dadee303ff10af9effec771b8b4e6f,935c4708c0542e69b9c954810f75a47f,808290b07baffee2037d44c1adc9f960,7cb71ac814cf5f11b74e7aff35c39e83,9bd20a80f92aba4c9d1823f2d1339add,3106d7f849cc37cf58f92ca54a12b20d,473bfe0c466b0830324330245ec4f856,22b6124b7d1e8c12b1bfe44591394ad1,4e149223d2a1c89490c6886635e128b1,432ab6b299e9d3b4712f0d8b851a69ca,ede885f6bf92f8aa63caaa2019930c27,ddce5c970ee590f09521887d2c815328,e8e971129be626609ea9f5eacb531712,529d776f47525813dd4c7439d5e2957d,79efdc56002e2fb9160ff9fc91750f61,9349cade6ff136590942028e6ee8bdd0" 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> <!-- Form export deps: https://static.tildacdn.com/css/tilda-zero-form-errorbox.min.css https://static.tildacdn.com/css/tilda-zero-form-horizontal.min.css https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js https://static.tildacdn.com/css/tilda-date-picker-1.0.min.css https://static.tildacdn.com/js/tilda-date-picker-1.0.min.js https://static.tildacdn.com/js/tilda-calc-1.0.min.js https://static.tildacdn.com/js/tilda-upwidget-1.1.min.js https://static.tildacdn.com/js/uploadcare-3.x.full.min.js https://static.tildacdn.com/js/uploadcare-3.x.min.js https://static.tildacdn.com/js/tilda-range-1.0.min.js https://static.tildacdn.com/css/tilda-range-1.0.min.css https://static.tildacdn.com/js/tilda-img-select-1.0.min.js https://static.tildacdn.com/css/tilda-img-select-1.0.min.css --> <!--/noindex--> <!--googleon: all--> </div> <div class='t396__elem tn-elem tn-elem__2081817351564876573371' data-elem-id='1564876573371' data-elem-type='text' data-field-top-value="330" 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-fontsize-value="16" data-field-top-res-320-value="375" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="310" 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="335" 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__2081817351565701393805' data-elem-id='1565701393805' data-elem-type='text' data-field-top-value="375" 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-fontsize-value="16" data-field-top-res-320-value="420" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="360" 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="380" 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(102, 102, 102);" data-redactor-tag="a">Политика конфеденциальности</a></u><br></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('208181735');});});</script> <!-- /T396 --> </div> <div id="rec208181736" 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/tild3632-6138-4565-a137-373938626233/Cover.png" data-lazy-rule="comm:resize,round:100"
style="background-image: url('https://thb.tildacdn.com/tild3632-6138-4565-a137-373938626233/-/resizeb/20x/Cover.png');"> <div class="t132__wrappper" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.60), rgba(0,0,0,0.60));"> <a href="/kurs-po-geymdizaynu-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/tild6639-3834-4538-a662-393031643838/__.jpg" data-lazy-rule="comm:resize,round:100"
style="background-image: url('https://thb.tildacdn.com/tild6639-3834-4538-a662-393031643838/-/resizeb/20x/__.jpg');"> <div class="t132__wrappper" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.60), rgba(0,0,0,0.60));"> <a href="/hard-surface-kurs-po-prodvinutomu-3d-modelirovaniyu"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Hard Surface — курс по продвинутому 3D-моделированию</div> <div class="t132__descr t-descr t-descr_xs">Для тех, кто хочет выйти на новый уровень 3D-моделирования. Благодаря курсу ты научишься придумывать и создавать сложные Hard Surface-драфты с нуля — без чужого...</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('rec208181736');if(!rec) return;var wrapperBlock=rec.querySelector('.t132');if(wrapperBlock) {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});wrapperBlock.addEventListener("displayChanged",function() {t132_unifyHeights();});}}});</script> </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-page-alias="footer" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <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').html('–59 % на всё! Успей купить курс до конца акции'); // заголовок
$('.descr-1 .tn-atom').html(''); // описание
// текст для будничного бара
// $('.descr-2 .tn-atom').text(''); // Успейте купить курс со скидкой
let currentDate = new Date();
function daysInMonth (month, year) {
return new Date(year, month + 1, 0).getDate();
}
let daysInMonthQuantity = daysInMonth(currentDate.getMonth(), currentDate.getYear());
let numOfMonth = currentDate.getDate();
let numOfMonthFormatted;
let currentMonth = currentDate.getMonth() + 1;
let currentMonthFormatted = currentMonth >= 10 ? currentMonth : '0' + currentMonth;
function setDateEnd(additionalDays) {
if (numOfMonth + additionalDays > daysInMonthQuantity) {
numOfMonthFormatted = '0' + (numOfMonth + additionalDays - daysInMonthQuantity);
currentMonthFormatted = currentMonth + 1 >= 10 ? currentMonth + 1 : '0' + (currentMonth + 1);
} else {
numOfMonthFormatted = numOfMonth + additionalDays >= 10 ? numOfMonth + additionalDays : '0' + (numOfMonth + additionalDays);
}
}
/* указываем дату окончания акции в промобаре */
if (currentDate.getDay() == 1) { // если сегодня понедельник
setDateEnd(3);
} else if (currentDate.getDay() == 2) { // если сегодня вторник
setDateEnd(2);
} else if (currentDate.getDay() == 3) { // если сегодня среда
setDateEnd(1);
} else if (currentDate.getDay() == 4) { // если сегодня четверг
setDateEnd(0);
} else if (currentDate.getDay() == 5) { // если сегодня пятница
setDateEnd(2);
} else if (currentDate.getDay() == 6) { // если сегодня суббота
setDateEnd(1);
} else if (currentDate.getDay() == 0) { // если сегодня воскресенье
setDateEnd(0);
}
if (document.querySelector('.promobar__date-end .tn-atom')) {
document.querySelector('.promobar__date-end .tn-atom').textContent = `до ${numOfMonthFormatted}.${currentMonthFormatted}`;
// document.querySelector('.promobar__date-end .tn-atom').textContent = `до 31.12`;
}
/* end указываем дату окончания акции в промобаре на продуктовых страницах */
});
</script> <style>
.descr-1, .descr-2, .heading-1 {
/*width: auto !important;*/
/*max-width: 500px;*/
/*min-width: 320px;*/
}
/*применить стиль когда 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%);*/
}
@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);*/
}
}
@media (min-width: 640px) and (max-width: 959px) {
}
</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>
/* блок с акцией */
#rec1123441821 {
/*display: none;*/
}
</style> <!-- nominify end --> </div> </div> </div> </div> <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"
aria-label="Запишись на демо-урок" 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="#ffffff" 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:#ffffff !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;" data-popup-type="702"> <img class="t702__img t-img"
src="https://thb.tildacdn.com/tild3831-3666-4563-b734-333035633330/-/empty/_1.jpg" data-original="https://static.tildacdn.com/tild3831-3666-4563-b734-333035633330/_1.jpg"
imgfield="img"
alt=""> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_left"> <div class="t702__title t-title t-title_xxs" id="popuptitle_703641300">Запишись на демо-урок</div> <div class="t702__descr t-descr t-descr_xs">Зачем записываться?<br /><ul><li data-list="bullet">Познакомим тебя с платформой и процессом обучения.</li><li data-list="bullet">Подарим 1 из 9 курсов на выбор.</li><li data-list="bullet">Получишь доступ к пробной части курса и полную программу.</li></ul></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="79efdc56002e2fb9160ff9fc91750f61" 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="Заявка на бесплатный демо-урок"> <!-- @classes t-title t-text t-btn --> <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" data-field-name="name"> <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 #373742;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" data-field-name="email"> <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 #373742;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-async="true" data-field-type="ph" data-field-name="phone"> <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(000)000-0000" data-tilda-req="1" aria-required="true" aria-describedby="error_1016997753182"
style="color:#ffffff;border:1px solid #373742;border-radius:16px;"> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t_loadJsFile',function() {t_loadJsFile('https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js',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" data-field-name="privacy" data-default-value=y
> <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
> <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" data-field-name="check" data-default-value=y
> <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"
checked
> <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="Заявка на бесплатный демо-урок"> <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
class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
type="submit"><span class="t-btnflex__text">Отправить</span> <style>#rec703641300 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#6060ff;--border-width:0px;border-style:none !important;border-radius:50px;box-shadow:none !important;font-family:BebasRoboto;font-weight:400;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec703641300 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {color:#17171b !important;background-color:#ffffff !important;}#rec703641300 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {color:#17171b !important;background-color:#ffffff !important;}}</style></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> #rec703641300 .t702__title{color:#ffffff;font-family:'BebasRoboto';font-weight:500;text-transform:uppercase;}@media screen and (min-width:900px){#rec703641300 .t702__title{font-size:40px;line-height:1;}}@media screen and (min-width:480px) and (max-width:900px){#rec703641300 .t702__title{font-size:32px;}}@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: 20px;
right: 20px !important;
width: 40px;
height: 40px;
/*background: rgb(255 255 255 / 20%);*/
background: #23232a;
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 .t-popup__container {
padding: 8px;
box-sizing: border-box;
}
.uc-popup-grant .t702 .t702__img {
border-radius: 16px;
}
.uc-popup-grant .t702 .t702__wrapper {
padding: 24px;
}
/* градиент для заголовка */
.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 .t702 .t702__img {
border-radius: 10px;
}
.uc-popup-grant .t-popup .t-popup__container .t702__wrapper {
background: inherit;
-webkit-transform: none;
-o-transform: none;
transform: none;
padding: 24px 8px 8px;
}
.uc-popup-grant .t-popup__close {
/*top: 16px;*/
/*right: 16px !important;*/
left: auto;
padding: 0;
align-items: center;
justify-content: center;
zoom: 0.7;
}
.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> <!-- <strong>▼ Форма для новой версии футера ▼</strong> --> <div id="rec1221022041" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="121" data-alias-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- новая версия футера от 12.08.25 --> <footer> <div class="footer__wrap"> <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://www.school-xyz.com/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/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://www.school-xyz.com/courses/3ds-max">3ds Max: курсы и профессии</a></li>--> <li class="footer__list-link"><a href="https://school-xyz.com/courses">Все курсы</a></li> </ul> </nav> </div> <div class="footer__chapter-links-wrapper"> <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/mentorstvo-s-gamedev-magistrami">Менторство в геймдеве</a></li> <li class="footer__list-link"><a href="https://thecreativity.ru/plus">Креативити</a></li> </ul> </nav> </div> </div> <div class="footer__contacts-container"> <div class="footer__contacts-wrap"> <a href="tel:+74996474926" class="">+7 (499) 647-49-26</a> <a href="tel:+74993030408" class="">+7 (499) 303-04-08</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"> <img src="https://static.tildacdn.com/tild6138-6134-4835-a431-326434353061/artstation.svg" class="artstation" alt="Иконка Artstation"> </a> <a href="https://vk.com/xyz_gamedev" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild3933-6261-4533-b566-626135393434/vk.svg" class="vk" alt="Иконка VK"> </a> <a href="https://youtube.com/channel/UCtJsE0SDhyS4ib2evb5k3gg/videos" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild6539-3932-4764-b961-663633393636/youtube.svg" class="youtube" alt="Иконка Youtube"> </a> <a href="https://t.me/xyz_cg" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild3461-3738-4566-b931-323833326538/telegram.svg" class="telegram" alt="Иконка Telegram"> </a> </div> </div> </div> <div class="footer__other-info"> <div class="footer__other-info-left-side"> <p>©2026, 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://www.school-xyz.com/sitemap">Карта сайта</a> <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: #6060ff;
--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 .light-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);
}
.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;
box-sizing: border-box;
flex-wrap: wrap;
column-gap: 16px;
}
.footer__navigation {
display: flex;
flex-wrap: wrap;
width: 100%;
column-gap: 16px;
padding-bottom: 64px;
margin-bottom: 40px;
border-bottom: 1px solid var(--color-border);
}
.footer__chapter-links-wrapper {
display: flex;
flex-direction: column;
row-gap: 32px;
}
.footer__chapter-links {
width: 278px;
flex-shrink: 0;
}
.footer__chapter-links:last-child {
flex-shrink: 1;
}
#allrecords .footer__chapter-links-list {
display: flex;
flex-direction: column;
row-gap: 8px;
list-style-type: none;
padding-top: 16px;
padding-left: 0;
margin-bottom: 0;
}
.footer__chapter-links-heading {
font-weight: 600;
font-size: 24px;
line-height: 130%;
color: var(--color-text);
}
.footer__list-link {
font-weight: 400;
font-size: 14px;
line-height: 160%;
}
#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: 278px;
box-sizing: border-box;
}
.footer__contacts-wrap {
display: flex;
flex-direction: column;
row-gap: 4px;
}
#allrecords .footer__contacts-wrap a {
font-weight: 600;
font-size: 24px;
line-height: 130%;
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 {
font-weight: 400;
font-size: 18px;
line-height: 160%;
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;
border-radius: 50%;
overflow: hidden;
transition: .2s ease;
}
.footer__social-icon:hover {
transform: translateY(-4px);
}
.footer__other-info {
display: flex;
justify-content: space-between;
column-gap: 24px;
padding-bottom: 40px;
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__skolkovo-icon + a {
width: min-content;
}
.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-opacity);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__legal-info a:hover {
color: var(--color-text);
}
@media screen and (max-width: 1199px) {
.t123 footer {
padding-top: 96px;
}
.footer__wrap {
max-width: 940px;
}
.footer__contacts-container {
width: fit-content;
}
.footer__navigation {
row-gap: 32px;
padding-bottom: 40px;
}
.footer__chapter-links-wrapper {
flex-direction: row;
column-gap: 16px;
order: 4;
}
.footer__chapter-links {
width: 304px;
}
.footer__other-info {
flex-direction: column;
row-gap: 16px;
}
.footer__other-info-left-side {
column-gap: 24px;
}
.footer__legal-info {
column-gap: 16px;
}
}
@media screen and (max-width: 959px) {
.t123 footer {
padding-top: 88px;
}
.footer__wrap {
max-width: 620px;
padding-top: 16px;
border-top: 1px solid var(--color-border);
}
.footer__navigation {
flex-direction: column;
row-gap: 16px;
width: 100%;
}
.footer__chapter-links {
width: 100%;
padding-bottom: 16px;
border-bottom: 1px solid var(--color-border);
}
.footer__chapter-links-wrapper {
order: 3;
flex-direction: column;
row-gap: 16px;
}
.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;
padding-top: 24px;
order: 4;
}
.footer__other-info {
flex-wrap: wrap;
justify-content: flex-start;
}
.footer__other-info p {
order: 2;
}
.footer__awards {
order: 3;
}
.footer__legal-info {
flex-wrap: wrap;
order: 1;
max-width: 100%;
width: 100%;
column-gap: 24px;
row-gap: 8px;
}
}
@media screen and (max-width: 639px) {
.t123 footer {
padding-top: 72px;
}
.footer__wrap {
max-width: calc(100% - 24px);
}
.footer__chapter-links-heading {
font-size: 16px;
}
.footer__list-link {
font-size: 12px;
}
.footer__contacts-container {
width: 100%;
row-gap: 16px;
padding-top: 16px;
}
#allrecords .footer__contacts-wrap a {
font-size: 16px;
}
#allrecords a.footer__contacts-email {
font-size: 12px;
}
.footer__social-links {
width: fit-content;
}
.footer__navigation {
padding-bottom: 32px;
margin-bottom: 32px;
}
.footer__other-info {
row-gap: 24px;
justify-content: flex-start;
padding-bottom: 32px;
}
.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 {
align-items: flex-start;
}
#allrecords .footer__legal-info a {
font-size: 10px;
line-height: 16px;
}
}
</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');
});
}
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec958878116" 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 --> <!-- стилизация новых чекбоксов от 15.04.25 --> <style>
.t-input-group.t-input-group_cb[data-field-name="privacy"], .t-input-group_cb:has(input[name="privacy"]) {
margin-bottom: 0 !important;
}
/* скрываем чекбокс у согласия с политикой и оффертой */
.t-input-group_cb[data-field-name="privacy"] :is(.t-checkbox, .t-checkbox__indicator),
.t-input-group_cb input[name="privacy"], .t-input-group_cb input[name="privacy"] + .t-checkbox__indicator {
display: none;
}
.t-input-group_cb[data-field-name="privacy"] .t-checkbox__labeltext,
.t-input-group_cb input[name="privacy"] ~ .t-checkbox__labeltext {
margin-left: 0;
}
.t-input-group_cb[data-field-name="privacy"], .t-input-group_cb .t-checkbox__control:has([name="privacy"]) {
pointer-events: none;
}
.t-input-group_cb[data-field-name="privacy"] a, .t-input-group_cb input[name="privacy"] ~ .t-checkbox__labeltext a {
pointer-events: auto;
}
.t-input-group.t-input-group_cb[data-field-name="check"], .t-input-group_cb:has(input[name="check"]) {
margin-top: 16px;
margin-bottom: 0 !important;
}
.t-input-group.t-input-group_cb[data-field-name="check"] .t-checkbox__control {
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
</style> <!-- 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:530px;}#rec216668598 .t396__filter {height:530px;}#rec216668598 .t396__carrier{height:530px;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:522px;}#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:490px;}#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:649px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}#rec216668598 .tn-elem[data-elem-id="1564645816905"]{z-index:3;top:0px;;left:0px;;width:760px;height:530px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom{border-radius:24px 24px 24px 24px;background-color:#17171b;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:620px;height:522px;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:620px;height:490px;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:300px;height:649px;border-radius:16px 16px 16px 16px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}#rec216668598 .tn-elem[data-elem-id="1596205809432"]{color:#ffffff;z-index:4;top:144px;;left:40px;;width:310px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596205809432"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:136px;;left:40px;;width:300px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:112px;;left:32px;;width:260px;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:80px;;left:16px;;width:230px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596205809432"] .tn-atom{font-size:12px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1596206009249"]{color:#ffffff;z-index:5;top:144px;;left:350px;;width:280px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206009249"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:136px;;left:340px;;width:188px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:112px;;left:322px;;width:260px;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:324px;;left:16px;;width:240px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206009249"] .tn-atom{font-size:12px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1596206049927"]{color:#ffffff;z-index:6;top:40px;;left:40px;;width:418px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:80px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:40px;;left:40px;;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:72px;background-size:cover;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:32px;;left:32px;;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:56px;background-size:cover;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:24px;;left:16px;;width:202px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:40px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1607933466856"]{color:#ffffff;z-index:7;top:424px;;left:40px;;width:440px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1607933466856"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:416px;;left:40px;;width:434px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:392px;;left:32px;;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:549px;;left:16px;;width:268px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1607933466856"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="216668598" data-artboard-screens="320,640,960,1200" data-artboard-height="530" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-heightmode="hug" data-artboard-height-res-320="649" data-artboard-height-res-640="490" data-artboard-height-res-960="522"> <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="530" 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-heightmode-value="fixed" data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="649" data-field-width-res-320-value="300" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-height-res-640-value="490" data-field-width-res-640-value="620" data-field-axisx-res-640-value="left" data-field-heightmode-res-640-value="fixed" data-field-top-res-960-value="0" data-field-left-res-960-value="0" data-field-height-res-960-value="522" data-field-width-res-960-value="620" data-field-heightmode-res-960-value="fixed"> <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="144" data-field-left-value="40" data-field-height-value="264" 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="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="80" data-field-left-res-320-value="16" data-field-width-res-320-value="230" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="112" data-field-left-res-640-value="32" data-field-width-res-640-value="260" data-field-top-res-960-value="136" data-field-left-res-960-value="40" 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="144" data-field-left-value="350" data-field-height-value="242" 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="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="324" data-field-left-res-320-value="16" data-field-width-res-320-value="240" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="112" data-field-left-res-640-value="322" data-field-width-res-640-value="260" data-field-top-res-960-value="136" data-field-left-res-960-value="340" 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="40" data-field-left-value="40" data-field-height-value="140" 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="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="80" data-field-top-res-320-value="24" data-field-left-res-320-value="16" data-field-width-res-320-value="202" data-field-fontsize-res-320-value="40" data-field-top-res-640-value="32" data-field-left-res-640-value="32" data-field-fontsize-res-640-value="56" data-field-top-res-960-value="40" data-field-left-res-960-value="40" data-field-fontsize-res-960-value="72"> <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="424" data-field-left-value="40" data-field-height-value="66" 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="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="549" data-field-left-res-320-value="16" data-field-width-res-320-value="268" data-field-heightunits-res-320-value="px" data-field-textfit-res-320-value="autoheight" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="392" data-field-left-res-640-value="32" data-field-top-res-960-value="416" data-field-left-res-960-value="40" 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="t-btn t-btnflex t-btnflex_type_button t-btnflex_sm t886__btn"
type="button"><span class="t-btnflex__text">Принять</span> <style>#rec602614066 .t-btnflex.t-btnflex_type_button {color:#ffffff;background-color:#17171b;border-style:solid !important;border-color:#17171b !important;--border-width:1px;border-radius:50px;box-shadow:none !important;font-weight:400;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec602614066 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {color:#17171b !important;background-color:#ffffff !important;}#rec602614066 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible {color:#17171b !important;background-color:#ffffff !important;}}</style></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> #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: 1000000001;
}
.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 --> <!-- Yandex.Metrika counter 65640406 --> <script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym");window.mainMetrikaId='65640406';ym(window.mainMetrikaId,"init",{clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true,params:{__ym:{"ymCms":{"cms":"tilda","cmsVersion":"1.0","cmsCatalog":"1"}}},ecommerce:"dataLayer"});},2000);</script> <noscript><div><img src="https://mc.yandex.ru/watch/65640406" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <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) --> </body> </html>