Анонс бесплатного курса по программированию на C# от XYZ School
Освой азы программирования и сделай первый шаг к разработке собственных игр.
КОРОТКО О КУРСЕ:
— Преподаватель — Алексей Малороссиянов, ведущий Unity-разработчик в Pixonic.
— Ты научишься основам программирования с нуля и пройдёшь путь от «Hello, World» до сложных алгоритмов.
— Узнаешь, как работать с циклами, массивами, функциями и многим другим.
— Освоишь всё необходимое для того, чтобы начать комфортно работать в Unity.
ЧТО ЭТО ЗА КУРС
Это введение в программирование и своеобразный «приквел» к нашему большому курсу по Unity. На интро-курсе ты освоишь все базовые понятия и принципы программирования, без понимания которых тебе будет трудно учиться на наших курсах, связанных с кодом.
Изучать программирование мы будем на примере Unity и языка C#, но многие принципы, о которых мы будем рассказывать, универсальны — с их помощью при желании можно будет освоить другой язык программирования или движок.
War Robots — одна из игр, над которыми работал преподаватель курса Алексей Малороссиянов
О UNITY
Unity — самый популярный движок для независимых разработчиков со множеством встроенных решений. Hearthstone, Pokemon Go, Firewatch, Cuphead, Endless Legend — все они сделаны на Unity, и список крутых проектов продолжает расти.
Unity идеально подходит для обучения программированию: здесь в одном пакете доступны и редактор исходного кода и среда, в которой он будет исполняться. Благодаря этому ты всегда будешь видеть, как на практике работает программа, которую ты пишешь.
Для написания скриптов в Unity используется язык C# — поэтому учиться программированию мы будем именно на его примере.
ЦЕЛЬ КУРСА
Научить тебя азам программирования и дать тебе минимальный набор знаний, которого будет достаточно для прохождения основного курса по Unity.
Если пройдёшь этот интро-курс, а после него — полноценный курс по Unity, то у тебя будут все необходимые знания для того, чтобы создавать собственные простые игры.
НА ИНТРО-КУРСЕ ТЫ
— Разберёшься в синтаксисе C#.
— Узнаешь, как работать с типами данных и переменными.
— Научишься использовать циклы, массивы, локальные функции и многое другое.
— Познакомишься с объектно-ориентированным программированием.
— Научишься писать простые алгоритмы на C#.
— Подготовишься к прохождению нашего большого курса по созданию игр на Unity.
Cuphead — одна из самых известных игр, сделанных на Unity
ДЛЯ КОГО КУРС
Этот курс в первую очередь — для абсолютных новичков в программировании:
— Для тех, кто не знает, что такое цикл и массив.
— Для тех, кто знал это в школе, но уже всё забыл.
— Для тех, кто знает, что это, но не знает, как применять эти знания на практике.
Чем меньше ты знаешь о коде, тем больше пользы тебе принесёт этот курс.
Алексей Малороссиянов — ведущий Unity-разработчик в Pixonic.
Алексея с детства интересовали игры и компьютеры, но программировать он начал только в университете — ему повезло с преподавателем, который сумел увлечь его предметом. С тех пор он влюбился в игровую индустрию и твёрдо решил туда попасть: прямо во время учёбы устроился на полставки в игровую студию.
Начинал Алексей с браузерных игр на Flash, затем перешел на мобилки. Работал в Social Quantum и в Game Insight, а в последние несколько лет трудится ведущим разработчиком в Pixonic над мобильным шутером War Robots. Также принимает участие в гейм-джемах в качестве куратора и судьи.
War Robots — одна из игр, над которыми работал Алексей
ПРОГРАММА КУРСА
Интро-курс состоит из 12 лекций. Начнём с самых простых задач и постепенно доберёмся до более сложных концепций.
1. Введение, синтаксис C#
— Настройка окружения.
— «Hello world!».
— Немного теории.
— Синтаксис языка.
— Математические операции.
— Комментарии.
2. Базовые типы данных и переменные
— Зачем столько типов данных?
— Объявление и присваивание значения переменным. Целочисленные типы данных.
— Порядок выполнения инструкций и объявление переменных.
— Вещественные типы данных и операции над ними.
— Строковые типы данных.
— Строковая конкатенация.
— Преобразования типов.
— camelCase, PascalCase, skake_case, kebab-case.
3. Условные выражения и операторы
— Тип bool, блоки.
— Литералы и условные выражения.
— Условные операторы if/else.
— Оператор выбора switch.
4. Циклы
— Зачем нужны циклы?
— Цикл while.
— Цикл do / while.
— Цикл for.
— Операторы прерывания цикла continue/break.
5. Массивы
— Зачем нужны массивы?
— Объявление переменной массива.
— Индексирование массива.
— Размерность массива.
— Перебор массива for.
— Перебор массива foreach.
— Сортировка массива.
6. Локальные функции и методы
— Зачем нужны функции?
— Синтаксис.
— Отличие локальной функции от метода.
— Аргументы, ключевое слово params.
— Рекурсия.
— Ошибки Syntax, Runtime, Logic.
7. Объектно-ориентированное программирование, часть 1.
— Разница между процедурным и объектно-ориентированным программированием.
— Абстракция.
— Классы и экземпляры.
— Синтаксис.
— Члены класса.
— Конструктор.
— Инициализаторы.
8. Объектно-ориентированное программирование, часть 2.
— Значимые и ссылочные типы данных.
— Пространства имён и импорты.
— Инкапсуляция.
— Модификаторы доступа.
— Свойства.
9. Объектно-ориентированное программирование, часть 3.
— Перегрузка методов.
— Статические члены.
— Константы, поля только для чтения.
— Значение null.
10. Объектно-ориентированное программирование, часть 4.
— Наследование.
— Доступ к базовым членам из наследника.
— Порядок вызова конструкторов.
— Ключевое слово is.
— Преобразования типов.
11. Объектно-ориентированное программирование, часть 5.
— Полиморфизм.
— Виртуальные методы и свойства.
— Абстрактные классы и члены.
12. Делегаты.
— Для чего нужны делегаты?
— Синтаксис и примеры использования.
— Action, Predicate, Func.
Moana Island Life — одна из игр, над которыми работал Алексей
КАК БУДЕТ ПРОХОДИТЬ ОБУЧЕНИЕ
Платформа и короткие уроки
Ты можешь смотреть все уроки в удобное для тебя время. Все материалы уже нарезаны и залиты на нашу платформу.
Полезные материалы
Во время обучения у тебя будет доступ к полезным материалам, лично отобранным преподавателем. Эти знания помогут тебе учиться ещё быстрее и не совершать лишних ошибок.
Отдельный Discord
Доступ к курсу не ограничен по времени, но многим тяжело заниматься в одиночестве перед компьютером. Поэтому одновременно с тобой курс будут проходить сотни единомышленников со всей России (и не только)! Все будут общаться, делиться опытом и задавать вопросы в отдельном Discord-канале.
ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ
Чем я смогу заниматься, пройдя этот курс?
Ты получишь базовые знания о программировании на C#, и сможешь как использовать их для дальнейшего самостоятельного обучения, так и продолжить начатое на нашем большом курсе по созданию игр на Unity.
Какие программы мне понадобятся?
Кроме Unity — никаких.
Есть ли у курса системные требования?
Единственное требование к твоему компьютеру — на нём должен запускаться Unity. Вот актуальные минимальные системные требования Unity:
Операционная система: Windows 7 SP1+, 8, 10; Mac OS X 10.12+; Ubuntu 16.04, 18.04, и CentOS 7. Графический процессор: видеокарта с поддержкой DX10 (версия шейдеров 4.0).
Смогу ли я общаться с преподавателем или наставником?
Нет, бесплатный курс состоит только из записанных лекций. Если хочешь общаться с преподавателем и наставниками, получать от них фидбек и задавать вопросы — записывайся на основной курс по Unity.
ОТЗЫВЫ СТУДЕНТОВ 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="Освой азы программирования и сделай первый шаг к разработке собственных игр." /> <meta property="og:url" content="https://www.school-xyz.com/intro-kurs-po-programmirovaniyu" /> <meta property="og:title" content="Интро-курс по программированию от XYZ School" /> <meta property="og:description" content="Освой азы программирования и сделай первый шаг к разработке собственных игр." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild3931-3036-4530-a435-353839393261/houdinisite-1.jpg" /> <link rel="canonical" href="https://www.school-xyz.com/intro-kurs-po-programmirovaniyu"> <!--/metatextblock--> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <link rel="shortcut icon" href="https://static.tildacdn.com/tild6462-6438-4164-b332-316331666365/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="https://static.tildacdn.com/tild3733-3662-4966-a264-383561643337/XYZSchool.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://static.tildacdn.com/tild3733-3662-4966-a264-383561643337/XYZSchool.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://static.tildacdn.com/tild3733-3662-4966-a264-383561643337/XYZSchool.png"> <link rel="apple-touch-startup-image" href="https://static.tildacdn.com/tild3733-3662-4966-a264-383561643337/XYZSchool.png"> <!-- Assets --> <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page17335435.min.css?t=1737447167" 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-slds-1.4.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-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-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=1737447167"> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}function t396_initialScale(t){t=document.getElementById("rec"+t);if(t){t=t.querySelector(".t396__artboard");if(t){var e,r=document.documentElement.clientWidth,a=[];if(i=t.getAttribute("data-artboard-screens"))for(var i=i.split(","),l=0;l<i.length;l++)a[l]=parseInt(i[l],10);else a=[320,480,640,960,1200];for(l=0;l<a.length;l++){var n=a[l];n<=r&&(e=n)}var o="edit"===window.allrecords.getAttribute("data-tilda-mode"),d="center"===t396_getFieldValue(t,"valign",e,a),c="grid"===t396_getFieldValue(t,"upscale",e,a),s=t396_getFieldValue(t,"height_vh",e,a),u=t396_getFieldValue(t,"height",e,a),g=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!o&&d&&!c&&!s&&u&&!g){for(var _=parseFloat((r/e).toFixed(3)),f=[t,t.querySelector(".t396__carrier"),t.querySelector(".t396__filter")],l=0;l<f.length;l++)f[l].style.height=Math.floor(parseInt(u,10)*_)+"px";t396_scaleInitial__getElementsToScale(t).forEach(function(t){t.style.zoom=_})}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter(function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))}):[]}function t396_getFieldValue(t,e,r,a){var i=a[a.length-1],l=r===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+r);if(!l)for(var n=0;n<a.length;n++){var o=a[n];if(!(o<=r)&&(l=o===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return l}</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page17335435.min.js?t=1737447167" 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/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-slds-1.4.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-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/tilda-vote-1.1.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-zero-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zoom-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <!-- nominify begin --><script>
// скрипт для стилизации попапов с работами студентов при переходе по прямой ссылке на этот попап
if (window.location.pathname.includes('/tpost')) {
$('head').append('<link rel="stylesheet" href="https://landing-cdn.school-xyz.com/tpostTildaStyle.css?v=1" type="text/css">');
}
</script> <script>
document.addEventListener('DOMContentLoaded', function() {
var allRec = document.getElementById('allrecords');
if (allRec) allRec.setAttribute('data-fb-event', 'nosend');
});
</script> <script type="text/javascript" id="advcakeAsync">
(function ( a ) {
var b = a.createElement("script");
b.async = 1;
b.src = "//code.0gs25f.ru/";
a=a.getElementsByTagName("script")[0]; a.parentNode.insertBefore(b,a)
})(document);
</script> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/promosTildaScript.js?v=3"></script> <!-- отвечает за работу промобара --> <link rel="stylesheet" href="https://learn.school-xyz.com/tilda-static/public/promosTildaStyle.css?v=3"> <!-- стили для промобара --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/saveUrlGetParamsTildaScript.js"></script> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formsSubmittionTildaScript.js"></script> <!-- что-то про регистрацию на интро курсы --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/platformDataAutoFillTildaScript.js?v=2"></script> <!-- автоматизация цен, рассрочка, даты, скидка... --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/preValidatePhoneTildaScript.js"></script> <!-- валидация телефонного номера для любых форм на страницах --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formsAutoFillTildaScript.js"></script> <!-- автозаполнение форм, только имя и почта --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formValidateYmClientTildaScript.js"></script> <script type="text/javascript" src="https://landing-cdn.school-xyz.com/js/xyzCpa.js"></script> <!-- модуль CPA-интеграций https://t.me/dmitmix --> <!-- чатик амо --> <script>
(function(a,m,o,c,r,m){a[m]={id:"378099",hash:"92a1ec3f57f717148af9cf59e675212026b832cf161dfd911e27ce0145072a65",locale:"ru",setMeta:function(p){this.params=(this.params||[]).concat([p])}};a[o]=a[o]||function(){(a[o].q=a[o].q||[]).push(arguments)};var d=a.document,s=d.createElement('script');s.async=true;s.id=m+'_script';s.src='https://gso.amocrm.ru/js/button.js?1673354938';d.head&&d.head.appendChild(s)}(window,0,'amoSocialButton',0,0,'amo_social_button'));
</script> <!-- end чатик амо --> <!-- Carrot quest BEGIN --> <script type="text/javascript">
!function(){function t(t,e){return function(){window.carrotquestasync.push(t,arguments)}}if("undefined"==typeof carrotquest){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.carrotquest.app/api.min.js",document.getElementsByTagName("head")[0].appendChild(e),window.carrotquest={},window.carrotquestasync=[],carrotquest.settings={};for(var n=["connect","track","identify","auth","onReady","addCallback","removeCallback","trackMessageInteraction"],a=0;a<n.length;a++)carrotquest[n[a]]=t(n[a])}}(),carrotquest.connect("57541-af1839585bb8c20f2d3181212f");
</script> <!-- Carrot quest END --> <!-- UE admin BEGIN --> <link rel="stylesheet" href="https://tilda.ultimate.education/styles.css"> <script type="text/javascript" src="https://tilda.ultimate.education/index.js" apiUrl="https://product.it.ultimate.education" id="replacer" school="XYZ" currency="RUB"></script> <!-- UE admin END --> <script>
$(function() {
/* привязка амо виджета чата к скролу, чтобы промобар не перекрывал этот виджет */
function findAmoChat() {
let amoChat = $('.amo-button-holder');
if (amoChat.length == 1) {
console.log('Амо виджет найден!');
if (document.querySelector('.xyz-info-notification').clientHeight != 0) {
let promobarHeight = document.querySelector('.xyz-info-notification').clientHeight + 11;
document.querySelector('.amo-button-holder').style.setProperty('--dynamic-bottom', ' ' + promobarHeight + 'px');
$('.xyz-info-notification__close-btn').on('click', function() {
$(amoChat).addClass('hide-promobar');
});
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$(amoChat).addClass('show-promobar');
} else {
$(amoChat).removeClass('show-promobar');
}
$(document).scroll(function() {
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$(amoChat).addClass('show-promobar');
} else {
$(amoChat).removeClass('show-promobar');
}
});
}
if (document.querySelector('.uc-promobar')) {
let promobarHeight = document.querySelector('.uc-promobar').clientHeight + 13;
document.querySelector('.amo-button-holder').style.setProperty('--dynamic-bottom', ' ' + promobarHeight + 'px');
$('.promobar__hide-btn').on('click', function() {
$(amoChat).addClass('hide-promobar');
});
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$(amoChat).addClass('show-promobar');
} else {
$(amoChat).removeClass('show-promobar');
}
$(document).scroll(function() {
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$(amoChat).addClass('show-promobar');
} else {
$(amoChat).removeClass('show-promobar');
}
});
}
} else {
setTimeout(function() {
console.log('Амо виджет не найден');
findAmoChat();
}, 100);
}
}
if (document.documentElement.clientWidth < 640) {
findAmoChat();
}
/* end привязка амо виджета чата к скролу, чтобы промобар не перекрывал этот виджет */
});
</script><!-- nominify end --><script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> <!-- Google Tag Manager --> <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KTCCH4H');</script> <!-- End Google Tag Manager --> <!-- Facebook Pixel Code --> <script type="text/javascript" data-tilda-cookie-type="advertising">setTimeout(function(){!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='pltilda';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init','719845102500807');fbq('track','PageView');},2000);</script> <!-- End Facebook Pixel Code --> <script type="text/javascript">(function() {if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);}
document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script></head> <body class="t-body" style="margin:0;"> <!--allrecords--> <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="17335435" data-tilda-page-alias="intro-kurs-po-programmirovaniyu" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y"> <!--header--> <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="20568317" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec729922917" class="r t-rec" style=" " data-animationappear="off" data-record-type="121"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- НОВЫЙ ХЕДЕР от 04.04.24 --> <!-- изменения от 04.07.24 (добавил пункт меню Бесплатные курсы и вытащил в шапку Работы и отзывы студентов на десктопе) --> <!-- изменения от 09.07.24 (добавил пункт меню Менторство в геймдеве) --> <!-- изменения от 25.07.24 (заменил в хедере пункт Работы студентов на Тест на профориентацию. Пункт Работы студентов теперь в раскрывающемся меню.) --> <!-- изменения от 09.12.24 (скрыл пункт меню Менторство в геймдеве) --> <div class="header__overlay" style="display: none"></div> <header class="header__container"> <div class="header__wrapper"> <a href="/" class="header__logo"> <img class="header__logo_dark" src="https://static.tildacdn.com/tild3835-3630-4666-b864-366566303236/Logo-light.svg" alt="XYZ School logo"> <img class="header__logo_light" src="https://static.tildacdn.com/tild3538-3936-4030-a562-643962313938/Logo-dark.svg" alt="XYZ School logo"> </a> <nav class="header__items-container"> <ul class="header__items-wrapper"> <li class="header__item header__item-all-courses"> <div class="header__item-link">Все курсы</div> </li> <li class="header__item"> <a href="https://free.school-xyz.com" target="_blank" class="header__item-link">Бесплатные курсы</a> </li> <li class="header__item"> <a href="https://school-xyz.com/proforientaciya" class="header__item-link">Тест на профориентацию</a> </li> <li class="header__item"> <a href="https://school-xyz.com/feedback" class="header__item-link">Отзывы студентов</a> </li> </ul> <a href="https://learn.school-xyz.com/" target="_blank" class="header__members-btn">Личный кабинет</a> </nav> <div class="menu burger-btn"> <div class="icon-left"></div> <div class="icon-right"></div> </div> </div> <div class="menu__wrapper"> <div class="menu-left"> <nav class="menu-left__course-direction"> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item active"> <a href="https://school-xyz.com/3d-modelirovanie" class="menu-left__course-direction-link" data-direction-name="3d">3D-моделирование</a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/2d-illyustraciya" class="menu-left__course-direction-link" data-direction-name="2d">2D-иллюстрация</a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/geymdizayn" class="menu-left__course-direction-link" data-direction-name="gamedesign">Геймдизайн</a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/programmirovanie" class="menu-left__course-direction-link" data-direction-name="gamecode">Программирование</a> </li> </ul> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/video-i-speceffekty" class="menu-left__course-direction-link" data-direction-name="vfx">Видео и спецэффекты</a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/menedzhement" class="menu-left__course-direction-link" data-direction-name="business">Менеджмент</a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/courses" class="menu-left__course-direction-link" data-direction-name="all-courses">Все курсы</a> </li> </ul> </nav> </div> <div class="menu-right"> <figure class="direction-img active" data-direction-course-img="3d"> <img src="https://static.tildacdn.com/tild6531-3564-4062-b766-343062616131/3d_1.jpg" alt="Визуал для напрваления 3D-моделирование"> <figcaption>Работа студента Мирвойса Шах-Ак</figcaption> </figure> <figure class="direction-img" data-direction-course-img="2d"> <img src="https://static.tildacdn.com/tild6132-6630-4532-b864-316134323736/2d_1.jpg" alt="Визуал для напрваления 2D-иллюстрация"> <figcaption>Работа студентки Татьяны Кропиной</figcaption> </figure> <figure class="direction-img" data-direction-course-img="gamedesign"> <img src="https://static.tildacdn.com/tild6237-3833-4330-b539-323236633934/gamedesign_2_1.jpg" alt="Визуал для направления Геймдизайн"> <figcaption>Работа студента Изъяслава Пастушкова</figcaption> </figure> <figure class="direction-img" data-direction-course-img="gamecode"> <img src="https://static.tildacdn.com/tild3231-3935-4532-b665-313563656630/code_1.jpg" alt="Визуал для направления Программирование"> <figcaption></figcaption> </figure> <figure class="direction-img" data-direction-course-img="vfx"> <img src="https://static.tildacdn.com/tild6334-6366-4438-a435-323564336537/vfx_1.jpg" alt="Визуал для направления Видео и спецэффекты"> <figcaption></figcaption> </figure> <figure class="direction-img" data-direction-course-img="business"> <img src="https://static.tildacdn.com/tild3039-6333-4263-b938-393035633565/busines_1.jpg" alt="Визуал для направления Менеджмент"> <figcaption></figcaption> </figure> </div> <div class="menu-left__bottom-info"> <ul class="menu-left__bottom-info-list"> <li class="menu-left__bottom-info-link"> <a href="https://free.school-xyz.com" target="_blank">Бесплатные курсы</a> </li> <li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/proforientaciya">Тест на профориентацию</a> </li> <li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/raboty-studentov">Работы студентов</a> </li> <li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/feedback">Отзывы студентов</a> </li> <li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/b2b">Компаниям</a> </li> <li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/biblioteka-kursov-xyz-plus">Библиотека курсов XYZ+</a> </li> <!--<li class="menu-left__bottom-info-link"> <a href="https://school-xyz.com/mentorstvo-s-gamedev-magistrami">Менторство в геймдеве</a> </li>--> </ul> <a href="https://learn.school-xyz.com/" target="_blank" class="header__members-btn">Личный кабинет</a> </div> </div> </header> <style>
:root header {
font-family: 'BebasRoboto';
--color-bg: #17171b;
--color-bg-menu-open: #23232A;
--color-text: #fff;
--color-bg-lk-btn: #2b2b34;
--color-text-opacity: rgb(206 206 222 / 50%);
--color-accent: #8080ff;
--color-black: #17171b;
--color-border: #373742;
--color-burger-line: #fff;
--color-burger-bg: #22222e;
}
:root .dark-theme header {
--color-bg: #fff;
--color-bg-menu-open: #fff;
--color-text: #17171b;
--color-bg-lk-btn: #EAEAEA;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-border: #EDEDED;
--color-burger-line: #17171b;
--color-burger-bg: #e6e6e6;
}
/*:root header {
font-family: 'BebasRoboto';
--color-bg: #fff;
--color-bg-menu-open: #fff;
--color-text: #17171b;
--color-bg-lk-btn: #EAEAEA;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-accent: #8080ff;
--color-border: #EDEDED;
--color-black: #17171b;
--color-burger-line: #17171b;
--color-burger-bg: #e6e6e6;
}
:root .dark-theme header {
--color-bg: #17171b;
--color-bg-menu-open: #23232A;
--color-text: #fff;
--color-bg-lk-btn: #2b2b34;
--color-text-opacity: rgb(206 206 222 / 50%);
--color-border: #373742;
--color-burger-line: #fff;
--color-burger-bg: #22222e;
}*/
#allrecords header ul {
padding-left: 0;
margin-bottom: 0;
}
#allrecords header a {
color: inherit;
}
.header__overlay {
position: fixed;
inset: 0;
cursor: pointer;
z-index: 998;
background: rgb(0 0 0 / 50%);
-webkit-tap-highlight-color: transparent;
}
/* Бургер меню */
.burger-btn {
position: relative;
flex-shrink: 0;
width: 40px;
height: 40px;
top: 0;
left: 0;
transition-duration: 0.5s;
border-radius: 22px;
cursor: pointer;
transform: scale(0.8);
visibility: visible;
opacity: 1;
}
.burger-btn.open {
background: var(--color-burger-bg);
visibility: visible;
opacity: 1;
}
.burger-btn .icon-left {
transition-duration: 0.5s;
position: absolute;
width: 12px;
height: 2px;
top: 19px;
background-color: var(--color-burger-line);
left: 9px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left {
transition-duration: 0.3s;
background: transparent;
}
.burger-btn .icon-left:before {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: -8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left:before {
transform: rotateZ(45deg) scaleX(1.1) translate(2.5px, 2px);
}
.burger-btn .icon-left:after {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: 8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left:after {
transform: rotateZ(-45deg) scaleX(1.1) translate(2.5px, -2px);
}
.burger-btn .icon-right {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
top: 19px;
background-color: var(--color-burger-line);
left: 21px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right {
transition-duration: 0.3s;
background: transparent;
}
.burger-btn .icon-right:before {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: -8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right:before {
transform: rotateZ(-45deg) scaleX(1.1) translate(-3.5px, 1px);
}
.burger-btn .icon-right:after {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: 8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right:after {
transform: rotateZ(45deg) scaleX(1.1) translate(-3.5px, -1px);
}
/* Конец бургер меню */
header.header__container {
position: fixed;
background: transparent;
width: 100%;
z-index: 999;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transition: border-radius 0.3s ease, background 0.3s ease 0.3s, transform 0.3s ease;
overflow: hidden;
box-sizing: border-box;
}
header.header__container.open {
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
background: var(--color-bg-menu-open);
transition: border-radius 0.3s ease, background 0.3s ease 0s, transform 0.3s ease;
}
header.header__container.main-header--bg_scroll {
background: var(--color-bg);
transition: border-radius 0.3s ease, background 0.3s ease 0s, transform 0.3s ease;
}
header.header__container.main-header--bg_scroll.open {
background: var(--color-bg-menu-open);
}
header.header__container.out {
transform: translateY(-100%);
}
header.header__container.open.out {
transform: none;
}
header a {
color: inherit;
text-decoration: none;
}
header ul {
list-style: none;
}
.header__wrapper {
position: relative;
display: flex;
max-width: 1160px;
margin: 0 auto;
padding: 20px 0;
}
.header__wrapper:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: var(--color-border);
opacity: 0;
}
.header__container.open .header__wrapper:after {
opacity: 1;
transition: .3s ease;
}
a.header__logo {
display: flex;
margin-right: 48px;
}
.dark-theme .header__logo_light {
display: none;
}
.header__logo_dark {
display: none;
}
.dark-theme .header__logo_dark {
display: block;
}
.header__items-container {
display: flex;
justify-content: space-between;
width: 100%;
margin-right: 10px;
}
ul.header__items-wrapper {
display: flex;
align-items: center;
column-gap: 40px;
}
li.header__item {
position: relative;
font-size: 14px;
font-weight: 400;
line-height: 28px;
color: var(--color-text);
transition: .3s ease;
}
li.header__item.header__item-all-courses_open {
color: var(--color-accent);
}
a.header__item-link, .header__item-link {
display: block;
}
ul.header__items-wrapper li.header__item-all-courses {
cursor: pointer;
}
ul.header__items-wrapper li.header__item-all-courses a.header__item-link::before {
content: '';
display: block;
position: absolute;
background: #8080ff;
width: calc(100% - 16px);
height: 2px;
top: 34px;
opacity: 0;
transition: .3s ease;
cursor: auto;
}
ul.header__items-wrapper li.header__item-all-courses_open a.header__item-link::before {
opacity: 1;
}
ul.header__items-wrapper li.header__item-all-courses .header__item-link::after {
content: '';
display: inline-block;
position: relative;
vertical-align: middle;
width: 6px;
height: 6px;
margin-left: 10px;
transition: .3s ease;
border-width: 0 0 1.5px 1.5px;
border-color: var(--color-text);
border-style: solid;
transform: rotateZ(315deg) translate(1px, -2px);
}
ul.header__items-wrapper li.header__item-all-courses_open .header__item-link::after {
transform: rotateZ(135deg) translate(1px, -1px);
border-color: var(--color-accent);
}
#allrecords a.header__members-btn {
display: flex;
align-items: center;
width: fit-content;
font-size: 14px;
font-weight: 400;
line-height: 24px;
background: var(--color-bg-lk-btn);
border: 0;
border-radius: 30px;
padding: 8px 24px;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .header__container.open .header__members-btn {
background: var(--color-bg-lk-btn);
}
#allrecords a.header__members-btn:hover {
background: var(--color-accent);
color: #fff;
}
#allrecords .header__container.open .header__members-btn:hover {
background: var(--color-accent);
}
.menu__wrapper {
display: flex;
flex-wrap: wrap;
column-gap: 16px;
max-width: 1160px;
margin: 0 auto;
opacity: 0;
visibility: hidden;
max-height: 0;
padding: 0;
transition: .3s ease;
overflow: hidden;
box-sizing: border-box;
}
.menu__wrapper.menu__wrapper_active {
opacity: 1;
visibility: visible;
max-height: 100vh;
padding: 46px 0;
}
.menu-left {
width: 100%;
max-width: 768px;
min-height: 290px;
}
nav.menu-left__course-direction {
display: flex;
column-gap: 16px;
margin-bottom: 50px;
}
ul.menu-left__course-direction-list {
display: flex;
flex-direction: column;
row-gap: 20px;
width: 100%;
}
li.menu-left__course-direction-item {
font-weight: 300;
font-size: 32px;
line-height: 1;
color: var(--color-text-opacity);
}
li.menu-left__course-direction-item.active {
color: var(--color-text);
}
a.menu-left__course-direction-link {
transition: .2s ease;
}
#allrecords a.menu-left__course-direction-link:hover {
/*color: var(--color-accent);*/
}
.menu-left__bottom-info {
width: 100%;
}
ul.menu-left__bottom-info-list {
display: flex;
flex-direction: row;
column-gap: 30px;
}
#allrecords ul.menu-left__bottom-info-list {
margin-bottom: 0;
}
li.menu-left__bottom-info-link {
font-size: 14px;
line-height: 30px;
color: var(--color-text);
}
.menu-left__bottom-info-link:nth-child(-n+2), .menu-left__bottom-info-link:nth-child(4) {
display: none;
}
li.menu-left__bottom-info-link a {
transition: .2s ease;
}
#allrecords li.menu-left__bottom-info-link a:hover {
color: var(--color-accent);
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: none;
}
.menu-right {
position: relative;
display: flex;
padding: 0;
justify-content: space-between;
width: 100%;
max-width: 376px;
box-sizing: border-box;
}
.direction-img {
display: none;
width: inherit;
margin: 0;
}
.direction-img:after {
content: '';
position: absolute;
inset: 0;
border: 1px solid rgb(255 255 255 / 10%);
border-radius: 24px;
}
.direction-img.active {
display: block;
}
.direction-img img {
display: block;
width: inherit;
border-radius: 24px;
}
figcaption {
position: absolute;
bottom: 24px;
left: 24px;
font: 400 12px/1.5 'BebasRoboto';
color: rgb(255 255 255 / 50%);
width: min-content;
min-width: 120px;
}
@media screen and (min-width: 1200px) {
.header__items-container {
margin-right: 0;
}
.burger-btn {
display: none;
}
li.header__item:hover {
color: var(--color-accent);
}
ul.header__items-wrapper li.header__item-all-courses:hover .header__item-link::after {
border-color: var(--color-accent);
}
li.menu-left__course-direction-item.active a.menu-left__course-direction-link:after {
content: ' →';
}
}
@media screen and (min-width: 960px) {
.menu-left__bottom-info-link {
/*display: none;*/
}
li.menu-left__bottom-info-link.feedback-students {
display: block;
}
}
@media screen and (max-width: 1199px) {
.t-body.open-menu {
height: 100vh;
min-height: 100vh;
overflow: hidden;
}
header.header__container.open {
border-bottom-left-radius: 32px;
border-bottom-right-radius: 32px;
}
.header__wrapper {
max-width: 940px;
padding: 12px 0;
}
.header__wrapper:after {
width: 100%;
}
.menu__wrapper {
max-width: 940px;
padding: 0;
}
.menu-left {
max-width: 656px;
min-height: 246px;
}
.menu__wrapper.menu__wrapper_active {
padding: 32px 0;
}
li.menu-left__course-direction-item {
color: var(--color-text);
font-size: 24px;
}
.menu-left__course-direction-link {
display: block;
width: fit-content;
}
.menu-right {
max-width: 320px;
display: none;
}
}
@media screen and (max-width: 959px) {
header.header__container {
position: fixed;
overflow: auto;
}
header.header__container.open {
height: fit-content;
max-height: 100%;
/*background: var(--color-bg);*/
transition: border-radius 0.3s ease, background 0s ease 0s, transform 0.3s ease;
}
.header__wrapper {
position: sticky;
top: 0;
justify-content: space-between;
max-width: 620px;
padding: 12px 0;
/*background: var(--color-bg);*/
transition: .3s ease;
z-index: 99;
box-sizing: border-box;
}
.header__wrapper:after {
width: 100%;
}
header.header__container.open .header__wrapper {
background: var(--color-bg-menu-open);
/*transition: none;*/
}
nav.header__items-container {
display: none;
}
.menu__wrapper {
max-width: 620px;
padding: 0;
}
.menu__wrapper.menu__wrapper_active {
max-height: fit-content;
padding: 20px 0 32px;
}
.menu-left {
max-width: 100%;
height: max-content;
}
nav.menu-left__course-direction {
flex-wrap: wrap;
row-gap: 40px;
margin-bottom: 56px;
}
ul.menu-left__course-direction-list {
row-gap: 40px;
}
li.menu-left__course-direction-item:after {
content: '';
display: block;
position: relative;
top: 20px;
width: 100%;
height: 1px;
background: var(--color-border);
}
.menu-left__course-direction-link {
display: flex;
width: 100%;
justify-content: space-between;
}
.menu-left__course-direction-link:after {
content: ' →';
display: block;
transition: .3s ease;
}
.menu-left__bottom-info {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
row-gap: 32px;
}
ul.menu-left__bottom-info-list {
row-gap: 8px;
}
#allrecords ul.menu-left__bottom-info-list {
align-items: start;
flex-direction: column;
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: block;
}
.menu-left__bottom-info-link:nth-child(-n+2), .menu-left__bottom-info-link:nth-child(4) {
display: block;
}
.menu-right {
display: none;
}
}
@media screen and (max-width: 639px) {
header.header__container {
height: 58px;
}
header.header__container.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
}
.header__wrapper {
padding: 9px 10px;
}
.header__logo img {
width: 28px;
}
.header__wrapper:after {
width: calc(100% - 20px);
}
.menu__wrapper {
align-content: flex-start;
padding: 0 10px;
}
.menu__wrapper.menu__wrapper_active {
padding: 40px 10px;
}
li.menu-left__course-direction-item {
font-size: 20px;
}
.menu-left__bottom-info {
row-gap: 16px;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
// добавляем фон хедеру, если страница прокручена больше чем на 50 пикселей
setTimeout(function() {
if (document.documentElement.scrollTop > 50) {
$('.header__container').addClass('main-header--bg_scroll');
}
}, 2000);
$(window).scroll(function() {
let offsetTopByHeader = 50;
let classBgHeader = 'main-header--bg_scroll';
let header = $('.header__container');
if ($(this).scrollTop() >= offsetTopByHeader) {
header.addClass(classBgHeader);
} else {
header.removeClass(classBgHeader);
}
});
// скрываем/показываем хедер по скролу
const header = $('.header__container');
let scrollPrev = 0;
$(window).scroll(function() {
const scrolled = $(window).scrollTop();
if (scrolled > 550 && scrolled > scrollPrev) {
header.addClass('out');
} else {
header.removeClass('out');
}
scrollPrev = scrolled;
});
$('.menu-left__bottom-info-link a').click(function() {
$('.menu').trigger('click');
});
if (document.documentElement.clientWidth >= 1200) {
$('.header__item-all-courses').mouseenter(function() {
$('.header__item-all-courses').addClass('header__item-all-courses_open');
$('.menu__wrapper').addClass('menu__wrapper_active');
$('.header__overlay').fadeIn('linear');
$('.menu').addClass('open');
$('.header__container').addClass('open');
$('.t-body').addClass('open-menu');
});
$('.header__container').mouseleave(function() {
$('.header__item-all-courses').removeClass('header__item-all-courses_open');
$('.menu__wrapper').removeClass('menu__wrapper_active');
$('.header__overlay').fadeOut('linear');
$('.menu').removeClass('open');
$('.header__container').removeClass('open');
$('.t-body').removeClass('open-menu');
});
let menuCoursesList = [
['[data-direction-name="3d"]', '[data-direction-course-img="3d"]'],
['[data-direction-name="2d"]', '[data-direction-course-img="2d"]'],
['[data-direction-name="gamedesign"]', '[data-direction-course-img="gamedesign"]'],
['[data-direction-name="gamecode"]', '[data-direction-course-img="gamecode"]'],
['[data-direction-name="business"]', '[data-direction-course-img="business"]'],
['[data-direction-name="vfx"]', '[data-direction-course-img="vfx"]'],
['[data-direction-name="all-courses"]', '[data-direction-course-img="all-courses"]'],
];
menuCoursesList.forEach(function(item) {
let directionLink = item[0];
let directionData = item[1];
$(directionLink).mouseenter(function() {
if ($(this).parent().hasClass('active') && $(directionData).hasClass('active')) {
} else {
$('.menu-left__course-direction-item, .direction-img').removeClass('active');
$(directionData).addClass('active');
$(this).parent().addClass('active');
}
});
});
}
if (document.documentElement.clientWidth < 1200) {
$('.header__item-all-courses, .header__overlay, .menu').click(function() {
$('.header__item-all-courses').toggleClass('header__item-all-courses_open');
$('.menu__wrapper').toggleClass('menu__wrapper_active');
$('.header__overlay').fadeToggle('linear');
$('.menu').toggleClass('open');
$('.header__container').toggleClass('open');
$('.t-body').toggleClass('open-menu');
});
}
});
</script> <!-- nominify end --> </div> </div> </div> </div> </header> <!--/header--> <div id="rec281211477" 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="recorddiv281211477"bgimgfield="img"style="height:100vh;background-image:url('https://thb.tildacdn.com/tild3739-3335-4432-b639-666163633735/-/resize/20x/tilda.jpg');"> <div class="t-cover__carrier" id="coverCarry281211477"data-content-cover-id="281211477"data-content-cover-bg="https://static.tildacdn.com/tild3739-3335-4432-b639-666163633735/tilda.jpg"data-display-changed="true"data-content-cover-height="100vh"data-content-cover-parallax="fixed"data-content-use-image-for-mobile-cover=""style="height:100vh; "itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.com/tild3739-3335-4432-b639-666163633735/tilda.jpg"></div> <div class="t-cover__filter" style="height:100vh;background-image: -moz-linear-gradient(top, rgba(0,0,0,0.60), rgba(0,0,0,0.60));background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.60), rgba(0,0,0,0.60));background-image: -o-linear-gradient(top, rgba(0,0,0,0.60), rgba(0,0,0,0.60));background-image: -ms-linear-gradient(top, rgba(0,0,0,0.60), rgba(0,0,0,0.60));background-image: linear-gradient(top, rgba(0,0,0,0.60), rgba(0,0,0,0.60));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000', endColorstr='#66000000');"></div> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t-cover__wrapper t-valign_middle" style="height:100vh;"> <div class="t001 t-align_center"> <div class="t001__wrapper" data-hook-content="covercontent"> <div class="t001__uptitle t-uptitle t-uptitle_sm" field="subtitle">Анонс бесплатного курса по программированию на C# от XYZ School</div> <h1 class="t001__title t-title t-title_xl" field="title">Интро-курс по программированию от XYZ School <br /></h1> <span class="space"></span> </div> </div> </div> </div> </div> </div> <style> #rec281211477 .t001__uptitle{font-weight:100;font-family:'BebasRoboto';letter-spacing:0.5px;}#rec281211477 .t001__title{font-weight:500;font-family:'BebasRoboto';text-transform:uppercase;}</style> </div> <div id="rec281211479" 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(47,189,76,1); height:80px; " data-bgcolor-hex="#2fbd4c" data-bgcolor-rgba="rgba(47,189,76,1)" data-appearoffset="" data-bgopacity-two="" data-menushadow="" data-menushadow-css="" data-bgopacity="1" data-storage-item="t654cookiename_1006203" data-storage-delta="10"> <div class="t654__wrapper"> <div class="t654__maincontainer " style="height:80px;"> <div class="t654__cell-container t654__cell-container_centered"> <div class="t-container_flex" style="justify-content: center;"> <div class="t-col_flex"> <div class="t654__text t-name t-descr_xxs" field="text"> <div style="color:#ffffff;" data-customstyle="yes"> Освой азы программирования и сделай первый шаг к разработке собственных игр. <br /></div> </div> </div> <div class="t654__btn-wrapper" style="padding-left:20px;"> <a href="https://bit.ly/3tUb2tX" target="" class="t654__btn t-btn t-btn_xs " style="color:#2fbd4c;background-color:#ffffff;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;font-family:Arial;text-transform:uppercase;" data-buttonfieldset="button"> <table role="presentation" style="width:100%; height:100%;"> <tr> <td>
Записаться на INTRO Программирование
</td> </tr> </table> </a> </div> </div> </div> <button type="button" class="t654__close-button t654__icon-close" aria-label="Закрыть"> <svg role="presentation" width="13px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <desc>Close</desc> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> </div> </div> <script>t_onFuncLoad('t654_setBg',function() {window.addEventListener('resize',t_throttle(function() {t654_setBg('281211479');}));});t_onReady(function() {t_onFuncLoad('t654_setBg',function() {t654_setBg('281211479');});});t_onReady(function() {t_onFuncLoad('t654_showPanel',function() {t654_showPanel('281211479');});});</script> <style> #rec281211479 .t654__text{color:#ffffff;font-family:'Arial';}#rec281211479 .t654__btn-text{color:#ffffff;font-family:'Arial';}</style> </div> <div id="rec281211480" class="r t-rec t-rec_pt_30 t-rec_pb_15" style="padding-top:30px;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:#999999;" data-customstyle="yes"> Освой азы программирования и сделай первый шаг к разработке собственных игр. <br /><br /> <span style="color: rgb(255, 255, 255);">Зарегистрироваться:</span> <a href="https://bit.ly/3tUb2tX" style="color:#8080ff !important;">School-xyz.com/intro-programmirovanie</a><br /></div></div> </div> </div> </div> <style> #rec281211480 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211481" 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/tild3434-3134-4132-a238-333031303132/_.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild3434-3134-4132-a238-333031303132/-/empty/_.jpg" data-original="https://static.tildacdn.com/tild3434-3134-4132-a238-333031303132/_.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3434-3134-4132-a238-333031303132/_.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"><em><em data-redactor-tag="em"><em><br /></em></em></em></div></div> </div> </div> </div> </div> <div id="rec281211483" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500" style="font-weight: 500"><span data-redactor-tag="span" style="font-size: 40px;">КОРОТКО О КУРСЕ:<br /></span></span><br /></span> — Преподаватель — Алексей Малороссиянов, ведущий Unity-разработчик в Pixonic. <br /><br /> — Ты научишься основам программирования с нуля и пройдёшь путь от «Hello, World» до сложных алгоритмов. <br /><br /> — Узнаешь, как работать с циклами, массивами, функциями и многим другим. <br /><br /> — Освоишь всё необходимое для того, чтобы начать комфортно работать в Unity. <br /></div></div> </div> </div> </div> <style> #rec281211483 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211485" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;"><span data-redactor-tag="span" style="font-size: 40px;">ЧТО ЭТО ЗА КУРС<br /></span><br /></span></span> Это введение в программирование и своеобразный «приквел» к нашему большому курсу по Unity. На интро-курсе ты освоишь все базовые понятия и принципы программирования, без понимания которых тебе будет трудно учиться на наших курсах, связанных с кодом. <br /><br /> Изучать программирование мы будем на примере Unity и языка C#, но многие принципы, о которых мы будем рассказывать, универсальны — с их помощью при желании можно будет освоить другой язык программирования или движок. <br /></div></div> </div> </div> </div> <style> #rec281211485 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211484" 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/tild3736-3236-4337-b936-613062336330/1.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3736-3236-4337-b936-613062336330/-/empty/1.jpg" data-original="https://static.tildacdn.com/tild3736-3236-4337-b936-613062336330/1.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3736-3236-4337-b936-613062336330/1.jpg" alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes">War Robots — одна из игр, над которыми работал преподаватель курса Алексей Малороссиянов<em><em data-redactor-tag="em"><em><br /></em></em></em></div></div> </div> </div> </div> </div> <div id="rec281316956" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#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;" data-redactor-tag="span">О UNITY<br /></span></span></span><br /><span style="color: rgb(255, 255, 255);">Unity</span> — самый популярный движок для независимых разработчиков со множеством встроенных решений. Hearthstone, Pokemon Go, Firewatch, Cuphead, Endless Legend — все они сделаны на Unity, и список крутых проектов продолжает расти. <br /><br /> Unity идеально подходит для обучения программированию: здесь в одном пакете доступны и редактор исходного кода и среда, в которой он будет исполняться. Благодаря этому ты всегда будешь видеть, как на практике работает программа, которую ты пишешь. <br /><br /> Для написания скриптов в Unity используется язык C# — поэтому учиться программированию мы будем именно на его примере. <br /></div></div> </div> </div> </div> <style> #rec281316956 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281317676" 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/tild3632-3161-4430-b236-656530396231/2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3632-3161-4430-b236-656530396231/-/empty/2.jpg" data-original="https://static.tildacdn.com/tild3632-3161-4430-b236-656530396231/2.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3632-3161-4430-b236-656530396231/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">Интерфейс Unity<em><em data-redactor-tag="em"><em><br /></em></em></em></div></div> </div> </div> </div> </div> <div id="rec281212959" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;"><span data-redactor-tag="span" style="font-size: 40px;">ЦЕЛЬ КУРСА<br /></span><br /></span></span> Научить тебя азам программирования и дать тебе минимальный набор знаний, которого будет достаточно для прохождения основного курса по Unity. <br /><br /> Если пройдёшь этот интро-курс, а после него — полноценный курс по Unity, то у тебя будут все необходимые знания для того, чтобы создавать собственные простые игры. <br /></div></div> </div> </div> </div> <style> #rec281212959 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211486" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;"><span data-redactor-tag="span" style="font-size: 40px;">НА ИНТРО-КУРСЕ ТЫ<br /></span><br /></span></span> — Разберёшься в синтаксисе C#. <br /><br /> — Узнаешь, как работать с типами данных и переменными. <br /><br /> — Научишься использовать циклы, массивы, локальные функции и многое другое. <br /><br /> — Познакомишься с объектно-ориентированным программированием. <br /><br /> — Научишься писать простые алгоритмы на C#. <br /><br /> — Подготовишься к прохождению нашего большого курса по созданию игр на Unity. <br /></div></div> </div> </div> </div> <style> #rec281211486 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211487" 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/tild6533-3035-4835-a532-633733333537/3.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6533-3035-4835-a532-633733333537/-/empty/3.jpg" data-original="https://static.tildacdn.com/tild6533-3035-4835-a532-633733333537/3.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6533-3035-4835-a532-633733333537/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">Cuphead — одна из самых известных игр, сделанных на Unity<em><em data-redactor-tag="em"><em><br /></em></em></em></div></div> </div> </div> </div> </div> <div id="rec281211488" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-size: 40px;" data-redactor-style="font-size: 40px;"><span style="font-weight: 500;" data-redactor-tag="span">ДЛЯ КОГО КУРС<br /></span></span></span><br /> Этот курс в первую очередь — для абсолютных новичков в программировании: <br /><br /> — Для тех, кто не знает, что такое цикл и массив. <br /><br /> — Для тех, кто знал это в школе, но уже всё забыл. <br /><br /> — Для тех, кто знает, что это, но не знает, как применять эти знания на практике. <br /><br /> Чем меньше ты знаешь о коде, тем больше пользы тебе принесёт этот курс. <br /></div></div> </div> </div> </div> <style> #rec281211488 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281213548" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;"><span style="font-size: 40px;" data-redactor-tag="span">О ПРЕПОДАВАТЕЛЕ</span></span></span><br /></div></div> </div> </div> </div> <style> #rec281213548 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281213593" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="223" data-bg-color="#0d0d0d"> <!-- T195 --> <div class="t195"> <div class="t-container"> <div class="t-col t-col_4 t-prefix_2 t195__imgsection" itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.com/tild6661-3338-4533-b562-643466616464/7SFwVQTrhQY.jpg"> <img class="t195__img t-img"
src="https://thb.tildacdn.com/tild6661-3338-4533-b562-643466616464/-/empty/7SFwVQTrhQY.jpg" data-original="https://static.tildacdn.com/tild6661-3338-4533-b562-643466616464/7SFwVQTrhQY.jpg"
imgfield="img" data-tu-max-width="1200" data-tu-max-height="1200"
alt=""><br /> <div class="t195__sectitle t-descr" field="imgtitle" itemprop="name"></div> <div class="t195__secdescr t-descr" field="imgdescr" itemprop="description"></div> </div> <div class="t-col t-col_6 "> <div class="t195__text t-text t-text_md" field="text"><div style="font-family:'BebasRoboto';color:#9f9f9f;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;"><span style="font-size: 24px;" data-redactor-tag="span">Алексей Малороссиянов</span></span></span> — ведущий Unity-разработчик в Pixonic. <br /><br /> Алексея с детства интересовали игры и компьютеры, но программировать он начал только в университете — ему повезло с преподавателем, который сумел увлечь его предметом. С тех пор он влюбился в игровую индустрию и твёрдо решил туда попасть: прямо во время учёбы устроился на полставки в игровую студию. <br /></div></div> </div> </div> </div> </div> <div id="rec281213939" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="font-family:'BebasRoboto';color:#898989;" data-customstyle="yes">Начинал Алексей с браузерных игр на Flash, затем перешел на мобилки. Работал в Social Quantum и в Game Insight, а в последние несколько лет трудится ведущим разработчиком в Pixonic над мобильным шутером War Robots. Также принимает участие в гейм-джемах в качестве куратора и судьи. <br /></div></div> </div> </div> </div> <style> #rec281213939 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211490" 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/tild3635-3938-4861-a634-383665656336/5.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3635-3938-4861-a634-383665656336/-/empty/5.jpg" data-original="https://static.tildacdn.com/tild3635-3938-4861-a634-383665656336/5.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3635-3938-4861-a634-383665656336/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">War Robots — одна из игр, над которыми работал Алексей<em><em data-redactor-tag="em"><em><br /></em></em></em></div></div> </div> </div> </div> </div> <div id="rec281211491" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;"><span style="font-size: 38px;" data-redactor-tag="span">ПРОГРАММА КУРСА <br /></span></span></span>Интро-курс состоит из 12 лекций. Начнём с самых простых задач и постепенно доберёмся до более сложных концепций. <br /> <ol></ol></div></div> </div> </div> </div> <style> #rec281211491 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211492" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500;" style="font-weight: 500;"><span data-redactor-tag="span" style="font-size: 30px;">1. Введение, синтаксис C# <br /></span></span><br /></span> — Настройка окружения. <br /><br /> — «Hello world!». <br /><br /> — Немного теории. <br /><br /> — Синтаксис языка. <br /><br /> — Математические операции. <br /><br /> — Комментарии. <br /><br /><span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500" style="font-weight: 500;"><span style="font-size: 30px;">2. Базовые типы данных и переменные <br /></span></span></span><br /> — Зачем столько типов данных? <br /><br /> — Объявление и присваивание значения переменным. Целочисленные типы данных. <br /><br /> — Порядок выполнения инструкций и объявление переменных.<br /><br /> — Вещественные типы данных и операции над ними. <br /><br /> — Строковые типы данных. <br /><br /> — Строковая конкатенация.<br /><br /> — Преобразования типов.<br /><br /> — camelCase, PascalCase, skake_case, kebab-case.<br /></div></div> </div> </div> </div> <style> #rec281211492 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281218106" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#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: 30px;">3. Условные выражения и операторы <br /></span></span></span><br /> — Тип bool, блоки. <br /><br /> — Литералы и условные выражения. <br /><br /> — Условные операторы if/else. <br /><br /> — Оператор выбора switch. <br /><br /> <span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500" style="font-weight: 500;"><span style="font-size: 30px;">4. Циклы <br /></span></span></span><br /> — Зачем нужны циклы? <br /><br /> — Цикл while. <br /><br /> — Цикл do / while. <br /><br /> — Цикл for. <br /><br /> — Операторы прерывания цикла continue/break. <br /><br /> <span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500" style="font-weight: 500;"><span style="font-size: 30px;">5. Массивы <br /></span></span></span><br /> — Зачем нужны массивы? <br /><br /> — Объявление переменной массива. <br /><br /> — Индексирование массива. <br /><br /> — Размерность массива. <br /><br /> — Перебор массива for. <br /><br /> — Перебор массива foreach. <br /><br /> — Сортировка массива. <br /><br /> <span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500" style="font-weight: 500;"><span style="font-size: 30px;">6. Локальные функции и методы <br /></span></span></span><br /> — Зачем нужны функции? <br /><br /> — Синтаксис. <br /><br /> — Отличие локальной функции от метода. <br /><br /> — Аргументы, ключевое слово params. <br /><br /> — Рекурсия. <br /><br /> — Ошибки Syntax, Runtime, Logic. <br /></div></div> </div> </div> </div> <style> #rec281218106 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281218551" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="text-align:left;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"> <span style="color: rgb(255, 255, 255);"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;"><span style="font-size: 30px;">7. Объектно-ориентированное программирование, часть 1. <br /></span></span></span><br /> — Разница между процедурным и объектно-ориентированным программированием. <br /><br /> — Абстракция. <br /><br /> — Классы и экземпляры. <br /><br /> — Синтаксис. <br /><br /> — Члены класса. <br /><br /> — Конструктор. <br /><br /> — Инициализаторы. <br /><br /> <span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500;" style="font-weight: 500;"><span data-redactor-tag="span" style="font-size: 30px;">8. Объектно-ориентированное программирование, часть 2. <br /></span></span></span><br /> — Значимые и ссылочные типы данных. <br /><br /> — Пространства имён и импорты. <br /><br /> — Инкапсуляция. <br /><br /> — Модификаторы доступа. <br /><br /> — Свойства. <br /><br /> <span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500;" style="font-weight: 500;"><span data-redactor-tag="span" style="font-size: 30px;">9. Объектно-ориентированное программирование, часть 3. <br /></span></span></span><br /> — Перегрузка методов. <br /><br /> — Статические члены. <br /><br /> — Константы, поля только для чтения. <br /><br /> — Значение null. <br /><br /> <span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500;" style="font-weight: 500;"><span data-redactor-tag="span" style="font-size: 30px;">10. Объектно-ориентированное программирование, часть 4. <br /></span></span></span><br /> — Наследование. <br /><br /> — Доступ к базовым членам из наследника. <br /><br /> — Порядок вызова конструкторов. <br /><br /> — Ключевое слово is. <br /><br /> — Преобразования типов. <br /><br /> <span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500;" style="font-weight: 500;"><span data-redactor-tag="span" style="font-size: 30px;">11. Объектно-ориентированное программирование, часть 5. <br /></span></span></span><br /> — Полиморфизм. <br /><br /> — Виртуальные методы и свойства. <br /><br /> — Абстрактные классы и члены. <br /><br /> <span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500;" style="font-weight: 500;"><span data-redactor-tag="span" style="font-size: 30px;">12. Делегаты. <br /></span></span></span><br /> — Для чего нужны делегаты? <br /><br /> — Синтаксис и примеры использования. <br /><br /> — Action, Predicate, Func. <br /></div></div> </div> </div> </div> <style> #rec281218551 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211493" 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/tild6561-3038-4531-a430-356231626133/6.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6561-3038-4531-a430-356231626133/-/empty/6.jpg" data-original="https://static.tildacdn.com/tild6561-3038-4531-a430-356231626133/6.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6561-3038-4531-a430-356231626133/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">Moana Island Life — одна из игр, над которыми работал Алексей<em><em data-redactor-tag="em"><em><br /></em></em></em></div></div> </div> </div> </div> </div> <div id="rec281211494" 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;font-family:'BebasRoboto';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;" data-redactor-tag="span">КАК БУДЕТ ПРОХОДИТЬ ОБУЧЕНИЕ <br /></span></span></span><span style="color: rgb(255, 255, 255);">Платформа и короткие уроки <br /></span><br /> Ты можешь смотреть все уроки в удобное для тебя время. Все материалы уже нарезаны и залиты на нашу платформу. <br /><br /> <span style="color: rgb(255, 255, 255);">Полезные материалы <br /></span><br /> Во время обучения у тебя будет доступ к полезным материалам, лично отобранным преподавателем. Эти знания помогут тебе учиться ещё быстрее и не совершать лишних ошибок. <br /><br /> <span style="color: rgb(255, 255, 255);">Отдельный Discord <br /></span><br /> Доступ к курсу не ограничен по времени, но многим тяжело заниматься в одиночестве перед компьютером. Поэтому одновременно с тобой курс будут проходить сотни единомышленников со всей России (и не только)! Все будут общаться, делиться опытом и задавать вопросы в отдельном Discord-канале. <br /> </div></div> </div> </div> </div> <style> #rec281211494 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211496" 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;font-family:'BebasRoboto';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;" data-redactor-tag="span">ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ <br /></span></span></span> <span style="color: rgb(255, 255, 255);">Чем я смогу заниматься, пройдя этот курс? <br /></span><br /> Ты получишь базовые знания о программировании на C#, и сможешь как использовать их для дальнейшего самостоятельного обучения, так и продолжить начатое на нашем большом курсе по созданию игр на Unity. <br /><br /> <span style="color: rgb(255, 255, 255);">Какие программы мне понадобятся? <br /></span><br /> Кроме Unity — никаких. <br /><br /> <span style="color: rgb(255, 255, 255);">Есть ли у курса системные требования? <br /></span><br />Единственное требование к твоему компьютеру — на нём должен запускаться Unity. Вот актуальные минимальные системные требования Unity: <br /><br /> Операционная система: Windows 7 SP1+, 8, 10; Mac OS X 10.12+; Ubuntu 16.04, 18.04, и CentOS 7. Графический процессор: видеокарта с поддержкой DX10 (версия шейдеров 4.0). <br /><br /><ul> </ul> <span style="color: rgb(255, 255, 255);">Смогу ли я общаться с преподавателем или наставником? <br /></span><br /> Нет, бесплатный курс состоит только из записанных лекций. Если хочешь общаться с преподавателем и наставниками, получать от них фидбек и задавать вопросы — записывайся на основной курс по Unity. <br /> </div></div> </div> </div> </div> <style> #rec281211496 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211497" 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:40px;line-height:32px;text-align:left;font-family:'BebasRoboto';color:#ffffff;" data-customstyle="yes"><span style="font-weight: 500;">ОТЗЫВЫ </span><span style="font-weight: 500;">СТУДЕНТОВ XYZ SCHOOL </span><br /></div></div> </div> </div> </div> <style> #rec281211497 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec294548682" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="font-weight: 100;">Читать отзывы о XYZ School: </span><a href="https://headkurs.com/schools/otzyvy-xyz-school/" target="_blank" style="color: rgb(128, 128, 255); font-weight: 100;">headkurs.com/schools/otzyvy-xyz-school/</a><br /><span style="font-weight: 100;"> </span></div></div> </div> </div> </div> <style> #rec294548682 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211498" 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="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="281211498" data-videolazy-type="youtube" data-videolazy-id="xmhL3y8sZbo" data-videolazy-height="540px"
style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('281211498');});});</script> </div> <div id="rec281211499" 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="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="281211499" data-videolazy-type="youtube" data-videolazy-id="0Dg5E51Ikgc" data-videolazy-height="540px"
style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('281211499');});});</script> </div> <div id="rec281211500" 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="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="281211500" data-videolazy-type="youtube" data-videolazy-id="5RnXuurFUeM" data-videolazy-height="540px"
style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('281211500');});});</script> </div> <div id="rec281211501" 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="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="281211501" data-videolazy-type="youtube" data-videolazy-id="KVYMq6FIlcw" data-videolazy-height="540px"
style="height: 540px;"> </div> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('281211501');});});</script> </div> <div id="rec281211502" 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;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes">Больше отзывов читай здесь: <a href="https://vk.com/topic-124560669_34868074" style="color:rgb(128, 128, 255) !important;">vk.com/topic-124560669_34868074</a></div></div> </div> </div> </div> <style> #rec281211502 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211504" 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;font-family:'BebasRoboto';color:#ffffff;" data-customstyle="yes"><span style="font-size: 40px;"><span style="font-weight: 500;" data-redactor-style="font-weight: 500;">***</span></span></div></div> </div> </div> </div> <style> #rec281211504 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211505" 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;font-family:'BebasRoboto';color:#999999;" data-customstyle="yes"> <a href="https://bit.ly/3tUb2tX" style="color:#8080ff !important;">Записывайся</a> на наш бесплатный курс и начинай обучение сразу после регистрации. <br /><br /> По любым вопросам — пиши в <a href="https://vk.me/xyz_gamedev" style="color:rgb(128, 128, 255) !important;">личные сообщения</a> группы.<br /><br /><a href="https://vk.com/xyz_gamedev" style="color:rgb(128, 128, 255) !important;">Подписывайся</a> на нас, чтобы не пропустить новые курсы и статьи.<br /></div></div> </div> </div> </div> <style> #rec281211505 .t-text{color:#ffffff;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211506" class="r t-rec t-rec_pt_15 t-rec_pb_30" style="padding-top:15px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6362-6432-4162-b830-363533333966/Group_1952.svg"> <img class="t-img t-width t107__widthauto"
src="https://static.tildacdn.com/tild6362-6432-4162-b830-363533333966/Group_1952.svg"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec281211507" class="r t-rec t-rec_pt_15 t-rec_pb_90" style="padding-top:15px;padding-bottom:90px;background-color:#0d0d0d; " data-record-type="797" data-bg-color="#0d0d0d"> <!-- t797 --> <div class="t797"> <div class="t-container"> <div class="t-col t-col_6 t-prefix_3 t-align_center"> <div class="t797__wrapper t797__wrapper_padding" style="background-color:#8080ff;"> <div class="t794__title t-descr t-descr_md t-animate" data-animate-style="fadein" data-animate-group="yes" data-animate-order="1" field="title">Понравилась статья?</div> <div class="t797__answers t-vote" style="margin-top:-20px" data-vote-type="single" data-vote-id="281211507" 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(281211507);});});</script> <style> #rec281211507 .t794__title{font-weight:100;font-family:'BebasRoboto';}#rec281211507 .t797__text{font-weight:100;font-family:'BebasRoboto';}#rec281211507 .t-vote__btn-res{font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec281211508" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec281211508 .t396__artboard {height:430px;background-color:#8080FF;}#rec281211508 .t396__filter {height:430px;}#rec281211508 .t396__carrier{height:430px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec281211508 .t396__artboard,#rec281211508 .t396__filter,#rec281211508 .t396__carrier {height:450px;}#rec281211508 .t396__filter {}#rec281211508 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec281211508 .t396__artboard,#rec281211508 .t396__filter,#rec281211508 .t396__carrier {height:440px;}#rec281211508 .t396__filter {}#rec281211508 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec281211508 .t396__artboard,#rec281211508 .t396__filter,#rec281211508 .t396__carrier {height:490px;}#rec281211508 .t396__filter {}#rec281211508 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec281211508 .t396__artboard,#rec281211508 .t396__filter,#rec281211508 .t396__carrier {height:630px;}#rec281211508 .t396__filter {}#rec281211508 .t396__carrier {background-attachment:scroll;}}#rec281211508 .tn-elem[data-elem-id="1564554044037"]{color:#ffffff;text-align:center;z-index:1;top:70px;left:calc(50% - 600px + 290px);width:620px;height:auto;}#rec281211508 .tn-elem[data-elem-id="1564554044037"] .tn-atom{color:#ffffff;font-size:45px;font-family:'BebasRoboto',Arial,sans-serif;line-height:0.9;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec281211508 .tn-elem[data-elem-id="1564554044037"] {top:90px;left:calc(50% - 480px + 200px);height:auto;}}@media screen and (max-width:959px) {#rec281211508 .tn-elem[data-elem-id="1564554044037"] {top:70px;left:calc(50% - 320px + 10px);height:auto;}}@media screen and (max-width:639px) {#rec281211508 .tn-elem[data-elem-id="1564554044037"] {top:70px;left:calc(50% - 240px + 40px);width:400px;height:auto;}}@media screen and (max-width:479px) {#rec281211508 .tn-elem[data-elem-id="1564554044037"] {top:60px;left:calc(50% - 160px + 30px);width:260px;height:auto;}#rec281211508 .tn-elem[data-elem-id="1564554044037"] {text-align:left;}}#rec281211508 .tn-elem[data-elem-id="1564554130456"]{color:#000000;text-align:center;z-index:2;top:171px;left:calc(50% - 600px + 415px);width:370px;height:auto;}#rec281211508 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec281211508 .tn-elem[data-elem-id="1564554130456"] {top:175px;left:calc(50% - 480px + 295px);height:auto;}}@media screen and (max-width:959px) {#rec281211508 .tn-elem[data-elem-id="1564554130456"] {top:163px;left:calc(50% - 320px + 135px);height:auto;}}@media screen and (max-width:639px) {#rec281211508 .tn-elem[data-elem-id="1564554130456"] {top:212px;left:calc(50% - 240px + 55px);height:auto;}}@media screen and (max-width:479px) {#rec281211508 .tn-elem[data-elem-id="1564554130456"] {top:325px;left:calc(50% - 160px + 30px);width:260px;height:auto;}#rec281211508 .tn-elem[data-elem-id="1564554130456"]{color:#000000;text-align:left;}#rec281211508 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#000000;}}#rec281211508 .tn-elem[data-elem-id="1564554178466"]{z-index:3;top:219px;left:calc(50% - 600px + 320px);width:560px;height:auto;}#rec281211508 .tn-elem[data-elem-id="1564554178466"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec281211508 .tn-elem[data-elem-id="1564554178466"] {top:238px;left:calc(50% - 480px + 200px);height:auto;}}@media screen and (max-width:959px) {#rec281211508 .tn-elem[data-elem-id="1564554178466"] {top:228px;left:calc(50% - 320px + 40px);height:auto;}}@media screen and (max-width:639px) {#rec281211508 .tn-elem[data-elem-id="1564554178466"] {top:265px;left:calc(50% - 240px + 10px);width:460px;height:auto;}}@media screen and (max-width:479px) {#rec281211508 .tn-elem[data-elem-id="1564554178466"] {top:378px;left:calc(50% - 160px + 30px);width:200px;height:auto;}}#rec281211508 .tn-elem[data-elem-id="1564876573371"]{color:#000000;text-align:center;z-index:4;top:291px;left:calc(50% - 600px + 445px);width:310px;height:auto;}#rec281211508 .tn-elem[data-elem-id="1564876573371"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec281211508 .tn-elem[data-elem-id="1564876573371"] {top:325px;left:calc(50% - 480px + 325px);height:auto;}}@media screen and (max-width:959px) {#rec281211508 .tn-elem[data-elem-id="1564876573371"] {top:315px;left:calc(50% - 320px + 165px);height:auto;}}@media screen and (max-width:639px) {#rec281211508 .tn-elem[data-elem-id="1564876573371"] {top:347px;left:calc(50% - 240px + 85px);height:auto;}}@media screen and (max-width:479px) {#rec281211508 .tn-elem[data-elem-id="1564876573371"] {top:505px;left:calc(50% - 160px + 30px);width:260px;height:auto;}#rec281211508 .tn-elem[data-elem-id="1564876573371"] {text-align:left;}#rec281211508 .tn-elem[data-elem-id="1564876573371"] .tn-atom{font-size:14px;}}#rec281211508 .tn-elem[data-elem-id="1565701393805"]{color:#000000;text-align:center;z-index:5;top:336px;left:calc(50% - 600px + 445px);width:310px;height:auto;}#rec281211508 .tn-elem[data-elem-id="1565701393805"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec281211508 .tn-elem[data-elem-id="1565701393805"] {top:370px;left:calc(50% - 480px + 325px);height:auto;}}@media screen and (max-width:959px) {#rec281211508 .tn-elem[data-elem-id="1565701393805"] {top:360px;left:calc(50% - 320px + 165px);height:auto;}}@media screen and (max-width:639px) {#rec281211508 .tn-elem[data-elem-id="1565701393805"] {top:397px;left:calc(50% - 240px + 85px);height:auto;}}@media screen and (max-width:479px) {#rec281211508 .tn-elem[data-elem-id="1565701393805"] {top:550px;left:calc(50% - 160px + 30px);width:260px;height:auto;}#rec281211508 .tn-elem[data-elem-id="1565701393805"] {text-align:left;}#rec281211508 .tn-elem[data-elem-id="1565701393805"] .tn-atom{font-size:14px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="281211508" data-artboard-screens="320,480,640,960,1200" data-artboard-height="430" data-artboard-valign="center" data-artboard-height-res-320="630" data-artboard-height-res-480="490" data-artboard-height-res-640="440" data-artboard-height-res-960="450"> <div class="t396__carrier" data-artboard-recid="281211508"></div> <div class="t396__filter" data-artboard-recid="281211508"></div> <div class='t396__elem tn-elem tn-elem__2812115081564554044037' data-elem-id='1564554044037' data-elem-type='text' data-field-top-value="70" data-field-left-value="290" data-field-width-value="620" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="60" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="70" data-field-left-res-480-value="40" data-field-width-res-480-value="400" data-field-top-res-640-value="70" data-field-left-res-640-value="10" data-field-top-res-960-value="90" data-field-left-res-960-value="200"> <div class='tn-atom'field='tn_text_1564554044037'>ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ СТАТЬИ <br>
ОТ XYZ РАЗ В НЕДЕЛЮ? <br></div> </div> <div class='t396__elem tn-elem tn-elem__2812115081564554130456' data-elem-id='1564554130456' data-elem-type='text' data-field-top-value="171" data-field-left-value="415" data-field-width-value="370" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="325" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="212" data-field-left-res-480-value="55" data-field-top-res-640-value="163" data-field-left-res-640-value="135" data-field-top-res-960-value="175" data-field-left-res-960-value="295"> <div class='tn-atom'field='tn_text_1564554130456'>Подпишись на рассылку XYZ</div> </div> <div class='t396__elem tn-elem tn-elem__2812115081564554178466' data-elem-id='1564554178466' data-elem-type='form' data-field-top-value="219" data-field-left-value="320" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="378" data-field-left-res-320-value="30" data-field-width-res-320-value="200" data-field-top-res-480-value="265" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="228" data-field-left-res-640-value="40" data-field-top-res-960-value="238" data-field-left-res-960-value="200" data-field-inputpos-value="h" data-field-inputfontfamily-value="BebasRoboto" data-field-inputfontsize-value="16" data-field-inputfontweight-value="100" data-field-inputcolor-value="#000000" data-field-inputbordercolor-value="#000000" data-field-inputbordersize-value="2" data-field-inputradius-value="0" data-field-inputheight-value="45" data-field-inputmargbottom-value="20" data-field-inputmargright-value="10" data-field-inputtitlefontsize-value="16" data-field-inputtitlefontweight-value="400" data-field-inputtitlecolor-value="#000000" data-field-inputtitlemargbottom-value="5" data-field-inputelsfontweight-value="100" data-field-inputelsfontsize-value="14" data-field-buttontitle-value="Подписаться" data-field-buttoncolor-value="#000000" data-field-buttonbgcolor-value="#ffffff" data-field-buttonbordercolor-value="#000000" data-field-buttonradius-value="0" data-field-buttonwidth-value="200" data-field-buttonheight-value="45" data-field-buttonfontfamily-value="BebasRoboto" data-field-buttonfontsize-value="16" data-field-buttonfontweight-value="100" data-field-receivers-value="3a18b021f43e61a277b0babc9a16a84c,164a3b8e9611cc7ecc538151418a854a,d2ad269d53b8517d6f011d8452411a9b,24dadee303ff10af9effec771b8b4e6f,935c4708c0542e69b9c954810f75a47f,808290b07baffee2037d44c1adc9f960,7cb71ac814cf5f11b74e7aff35c39e83,9bd20a80f92aba4c9d1823f2d1339add,3106d7f849cc37cf58f92ca54a12b20d,473bfe0c466b0830324330245ec4f856,22b6124b7d1e8c12b1bfe44591394ad1,4e149223d2a1c89490c6886635e128b1,432ab6b299e9d3b4712f0d8b851a69ca,ede885f6bf92f8aa63caaa2019930c27,ddce5c970ee590f09521887d2c815328,e8e971129be626609ea9f5eacb531712,529d776f47525813dd4c7439d5e2957d" data-field-inputpos-res-320-value="v" data-field-inputmargbottom-res-320-value="10" data-field-buttonwidth-res-320-value="260"> <div class='tn-atom tn-atom__form'></div> <!--googleoff: all--> <!--noindex--> <div data-nosnippet="true" class="tn-atom__inputs-wrapp" style="display:none;"> <textarea class="tn-atom__inputs-textarea">[{"lid":"1531306540094","ls":"10","loff":"","li_type":"em","li_ph":"Email","li_req":"y","li_nm":"Email"}]</textarea> </div> <!--/noindex--> <!--googleon: all--> </div> <div class='t396__elem tn-elem tn-elem__2812115081564876573371' data-elem-id='1564876573371' data-elem-type='text' data-field-top-value="291" data-field-left-value="445" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="505" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="347" data-field-left-res-480-value="85" data-field-top-res-640-value="315" data-field-left-res-640-value="165" data-field-top-res-960-value="325" data-field-left-res-960-value="325"> <div class='tn-atom'field='tn_text_1564876573371'>Нажимая на кнопку, вы соглашаетесь с условиями обработки данных<br></div> </div> <div class='t396__elem tn-elem tn-elem__2812115081565701393805' data-elem-id='1565701393805' data-elem-type='text' data-field-top-value="336" data-field-left-value="445" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="550" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="397" data-field-left-res-480-value="85" data-field-top-res-640-value="360" data-field-left-res-640-value="165" data-field-top-res-960-value="370" data-field-left-res-960-value="325"> <div class='tn-atom'field='tn_text_1565701393805'><u><a href="https://school-xyz.com/privacy" style="color:rgb(0, 0, 0) !important;" data-redactor-tag="a">Политика конфеденциальности</a></u><br></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('281211508');});});</script> <!-- /T396 --> </div> <div id="rec281211509" 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/tild3339-3461-4566-b535-376636663834/tovarka.png" style="background-image: url('https://thb.tildacdn.com/tild3339-3461-4566-b535-376636663834/-/resizeb/20x/tovarka.png');"> <div class="t132__wrappper" style="background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70)); background-image: linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));"> <a href="/osnovy-illyustracii-old"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Основы иллюстрации (Old)</div> <div class="t132__descr t-descr t-descr_xs">Обрети навыки цифрового рисунка и иллюстрации, необходимые для работы в геймдеве - создавай объекты, придавай им объем и ставь в пространстве на онлайн-курсе за 6...</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('rec281211509');if(!rec) return;var wrapperBlock=rec.querySelector('.t132');if(wrapperBlock) {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});wrapperBlock.addEventListener("displayChanged",function() {t132_unifyHeights();});}}});</script> <style> #rec281211509 .t132__title{font-size:24px;font-weight:100;font-family:'BebasRoboto';}#rec281211509 .t132__descr{font-size:16px;font-weight:100;font-family:'BebasRoboto';}</style> </div> <div id="rec629087641" class="r t-rec" style=" " data-record-type="305"> <div class="t303"> <script>window.location.replace("https://www.school-xyz.com/intro-programmirovanie" + window.location.search + window.location.hash);</script> <noscript>
Redirect to URL: <a href="https://www.school-xyz.com/intro-programmirovanie">https://www.school-xyz.com/intro-programmirovanie</a> </noscript> </div> </div> <!--footer--> <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="4312269" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes"> <div id="rec703641300" class="r t-rec uc-popup-grant" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:get-consult" data-track-popup='/tilda/popup/rec703641300/opened' role="dialog"
aria-modal="true"
tabindex="-1"
style="background-color: rgba(0,0,0,0.80);"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#17171b" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <style>@media screen and (max-width:560px){#rec703641300 .t-popup__close-icon g{fill:#17171b !important;}}</style> <style> #rec703641300 .t-popup__container{border-radius:24px;overflow:hidden;}@media (max-width:480px){#rec703641300 .t-popup__container{border-radius:16px;overflow:hidden;}}</style> <div class="t-popup__container t-width t-width_6" style="background-color:#23232a;"> <img class="t702__img t-img"
src="https://thb.tildacdn.com/tild3838-3632-4134-b633-363363363433/-/empty/_1.jpg" data-original="https://static.tildacdn.com/tild3838-3632-4134-b633-363363363433/_1.jpg"
imgfield="img"
alt=""> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__descr t-descr t-descr_xs">До конца ноября популярные профессии можно купить с дополнительной скидкой до 15 000 ₽</div> </div> <form
id="form703641300" name='form703641300' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group"
class="t-form js-form-proccess t-form_inputs-total_5 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="d19077112a38917a19ec3d0d3a0d2542" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="9349cade6ff136590942028e6ee8bdd0" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" class="js-formaction-services"> <input type="hidden" name="tildaspec-formname" tabindex="-1" value="Заявка на консультацию — Акция 11.11 попап"> <div class="js-successbox t-form__successbox t-text t-text_md"
aria-live="polite"
style="display:none;"></div> <div class="t-form__inputsbox t-form__inputsbox_vertical-form t-form__inputsbox_inrow"> <div
class=" t-input-group t-input-group_nm " data-input-lid="3316997753180" data-field-type="nm"> <div class="t-input-block " style="border-radius:16px;"> <input
type="text"
autocomplete="name"
name="name"
id="input_3316997753180"
class="t-input js-tilda-rule"
value=""
placeholder="Как тебя зовут?" data-tilda-req="1" aria-required="true" data-tilda-rule="name"
aria-describedby="error_3316997753180"
style="color:#ffffff;border:1px solid #ffffff;border-radius:16px;"> </div> <div class="t-input-error" aria-live="polite" id="error_3316997753180"></div> </div> <div
class=" t-input-group t-input-group_em " data-input-lid="1016997753181" data-field-type="em"> <div class="t-input-block " style="border-radius:16px;"> <input
type="email"
autocomplete="email"
name="email"
id="input_1016997753181"
class="t-input js-tilda-rule"
value=""
placeholder="Твоя почта" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1016997753181"
style="color:#ffffff;border:1px solid #ffffff;border-radius:16px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753181"></div> </div> <div
class=" t-input-group t-input-group_ph " data-input-lid="1016997753182" data-field-type="ph"> <div class="t-input-block " style="border-radius:16px;"> <input
type="tel"
autocomplete="tel"
name="phone"
id="input_1016997753182" data-phonemask-init="no" data-phonemask-id="703641300" data-phonemask-lid="1016997753182" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(999)999-9999" data-tilda-req="1" aria-required="true" aria-describedby="error_1016997753182"
style="color:#ffffff;border:1px solid #ffffff;border-radius:16px;"> <script type="text/javascript">if(!document.getElementById('t-phonemask-script')) {(function(d,w,o) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.id='t-phonemask-script';s.src="https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js";if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'script');} else {t_onReady(function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec703641300 [data-phonemask-lid="1016997753182"]');t_form_phonemask_load(phoneMasks);});});}</script> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753182"></div> </div> <input type="hidden" name="519683" tabindex="-1" value="true"> <input type="hidden" name="519697" tabindex="-1" value="Консультация"> <div
class=" t-input-group t-input-group_cb " data-input-lid="1016997753185" data-field-type="cb"> <div class="t-input-block " style="border-radius:16px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style="color:#ffffff"> <input
type="checkbox"
name="privacy"
value="yes"
class="t-checkbox js-tilda-rule"
checked data-tilda-req="1" aria-required="true"> <div
class="t-checkbox__indicator"
style="border-color:#ffffff"></div> <span><div style="font-size: 14px;" data-customstyle="yes">Я согласен с <a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">Политикой обработки персональных данных, Согласием Пользователя сайта на обработку персональных данных</a> и <a href="https://school-xyz.com/agreement" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">договором публичной оферты</a></div></span></label> <style>#rec703641300 .t-checkbox__indicator:after{border-color:#ffffff;}</style> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753185"></div> </div> <div
class=" t-input-group t-input-group_cb " data-input-lid="1016997753186" data-field-type="cb"> <div class="t-input-block " style="border-radius:16px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style="color:#ffffff"> <input
type="checkbox"
name="check"
value="yes"
class="t-checkbox js-tilda-rule"> <div
class="t-checkbox__indicator"
style="border-color:#ffffff"></div> <span><div style="font-size: 14px;" data-customstyle="yes">Я согласен получать рекламную рассылку и ознакомился с <a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">Согласием на получение рекламной рассылки</a></div></span></label> <style>#rec703641300 .t-checkbox__indicator:after{border-color:#ffffff;}</style> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753186"></div> </div> <input type="hidden" name="526133" tabindex="-1" value="Заявка на консультацию — Акция 11.11"> <div class="t-form__errorbox-middle"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button
type="submit"
class="t-submit"
style="color:#17171b;background-color:#ffffff;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;font-family:BebasRoboto;font-weight:400;" data-field="buttontitle" data-buttonfieldset="button">
Отправить </button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec703641300 input::-webkit-input-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 input::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 input:-moz-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 input:-ms-input-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 textarea::-webkit-input-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 textarea::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 textarea:-moz-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 textarea:-ms-input-placeholder{color:#ffffff;opacity:0.5;}</style> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('703641300');});});</script> <style>@media (hover:hover),(min-width:0\0) {#rec703641300 .t-submit:hover {color:#ffffff !important;background-color:#8080ff !important;}#rec703641300 .t-submit:focus-visible {color:#ffffff !important;background-color:#8080ff !important;}}#rec703641300 .t-submit {transition-property:background-color,color,border-color,box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;}</style> <style> #rec703641300 .t702__title{color:#ffffff;font-weight:500;font-family:'BebasRoboto';text-transform:uppercase;}@media screen and (min-width:900px){#rec703641300 .t702__title{font-size:40px;line-height:1;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec703641300 .t702__title{font-size:32px;line-height:1;}}#rec703641300 .t702__descr{font-size:16px;line-height:1.6;color:#ffffff;font-weight:400;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec703641300 .t702__descr{font-size:14px;line-height:1.6;}}</style> </div> <div id="rec684407761" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стили для #popup:get-consult --> <style>
.uc-popup-grant .t-popup__close {
top: 16px;
right: 16px !important;
width: 40px;
height: 40px;
background: rgb(255 255 255 / 20%);
border-radius: 50px;
}
.uc-popup-grant .t-popup__block-close-button {
width: 16px;
padding: 12px;
}
.uc-popup-grant .t-popup__close-icon {
width: 16px;
height: 16px;
}
.uc-popup-grant .t702 .t702__wrapper {
padding: 32px;
}
/* градиент для заголовка */
.uc-popup-grant .t702__title {
/*background: linear-gradient(#FFEBA9, #D9B339 100%);*/
/*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/
display: inline-block;
}
.uc-popup-grant .t-descr {
display: inline-block;
}
.uc-popup-grant .t-form__inputsbox {
display: flex;
flex-direction: column;
}
.uc-popup-grant .t702 .t-input-group {
margin-bottom: 8px;
}
.uc-popup-grant .t702 .t-input {
border-color: rgb(255 255 255 / 10%) !important;
}
/* стилизация чекбоксов в зеро формах */
.uc-popup-grant .t-checkbox__control {
display: flex;
column-gap: 8px;
}
.uc-popup-grant .t-checkbox__indicator {
width: 24px;
height: 24px;
margin-right: 0;
border: 2px solid rgb(255 255 255 / 50%) !important;
border-radius: 4px;
}
.uc-popup-grant .t702 .t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator {
border-color: rgb(255 255 255 / 50%) !important;
background: transparent;
}
.uc-popup-grant .t-checkbox__indicator:after {
width: 5px;
height: 11px;
left: 7px;
top: 1px;
border-width: 0 2px 2px 0;
border-color: rgb(255 255 255 / 50%) !important;
}
/* конец стилизация чекбоксов в зеро формах */
.uc-popup-grant .t-input-group_cb {
order: 5;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] {
color: rgb(255 255 255 / 50%) !important;
font-size: 12px !important;
line-height: 1.2;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] :is(span, a) {
color: rgb(255 255 255 / 50%) !important;
border-color: rgb(255 255 255 / 50%) !important;
}
.uc-popup-grant .t702 .t-form__submit {
margin-top: 8px;
margin-bottom: 16px;
}
.uc-popup-grant .t702 .t702__form-bottom-text {
margin-top: 24px;
}
/* стилизация кнопки Телеграм */
.uc-popup-grant .t702__form-bottom-text a {
display: flex;
justify-content: center;
align-items: center;
column-gap: 8px;
height: 54px;
background: #fff;
border-radius: 50px;
color: #17171b !important;
transition: .2s ease;
}
.uc-popup-grant .t702__form-bottom-text a:hover {
background: #f5f5f5;
}
.uc-popup-grant .t702__form-bottom-text a:before {
content: '';
width: 1.5em;
aspect-ratio: 1;
background: url(https://static.tildacdn.com/tild3738-3936-4437-b162-383836343233/Artboard.svg);
background-size: contain;
background-repeat: no-repeat;
}
/* end стилизация кнопки Телеграм */
@media (max-width: 639px) {
.uc-popup-grant .t-popup {
padding: 0 10px;
}
.uc-popup-grant .t-popup[style="display: block;"] {
display: flex !important;
flex-wrap: wrap;
align-items: center;
}
.uc-popup-grant .t-popup .t-popup__container {
flex-wrap: wrap;
min-height: fit-content;
padding: 0;
margin: 24px 0;
overflow: hidden;
}
.uc-popup-grant .t-popup .t-popup__container .t702__wrapper {
background: inherit;
-webkit-transform: none;
-o-transform: none;
transform: none;
padding: 16px;
}
.uc-popup-grant .t-popup__close {
top: 16px;
right: 16px !important;
left: auto;
padding: 0;
align-items: center;
justify-content: center;
zoom: 0.8;
}
.uc-popup-grant .t-popup__block-close-button {
margin-right: 0;
}
.uc-popup-grant .t702 .t-input-group {
margin-bottom: 8px;
}
.uc-popup-grant .t702 .t-input {
border-radius: 8px !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] {
font-size: 12px !important;
}
}
</style> <script>
// переносим крестик внутрь попапа
document.addEventListener('DOMContentLoaded', function() {
$('.uc-popup-grant .t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec517261770" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- автоматизация промо бара с таймером для курсов и профессий --> <script>
$(function() {
// текст для бара с акцией
$('.heading-1 .tn-atom').text('Начни год с геймдева'); // заголовок
$('.descr-1 .tn-atom').text('Библиотека XYZ+ и мини-курс в подарок к скидке в'); // описание
// текст для будничного бара
$('.descr-2 .tn-atom').text(''); // Успейте купить курс со скидкой
if ($('.descr-1 .tn-atom').text() == '') {
var descrWidth = $('.descr-2').width();
} else {
if ( $('.heading-1').width() > $('.descr-1').width() ) {
var descrWidth = $('.heading-1').width();
} else {
var descrWidth = $('.descr-1').width();
}
}
document.documentElement.style.setProperty('--descr-width', ' ' + descrWidth + 'px');
// $('.descr-1').siblings('.discount-octagon, .xyz-course-promo-badge__amount-text').addClass('badge-x-position');
// $('.descr-1').siblings('.zero-timer').addClass('timer-x-position');
/* добавляем к таймеру в промобаре нужное количество дней в зависимости от дня недели */
let date = new Date;
if (date.getDay() == 1) { // если сегодня понедельник
document.querySelectorAll('.xyz-info-notification__timer').forEach(function(timer) {
timer.setAttribute('quantity-days', '3 дня');
});
} else if (date.getDay() == 2) { // если сегодня вторник
document.querySelectorAll('.xyz-info-notification__timer').forEach(function(timer) {
timer.setAttribute('quantity-days', '2 дня');
});
} else if (date.getDay() == 3) { // если сегодня среда
document.querySelectorAll('.xyz-info-notification__timer').forEach(function(timer) {
timer.setAttribute('quantity-days', '1 день');
});
} else if (date.getDay() == 5) { // если сегодня пятница
document.querySelectorAll('.xyz-info-notification__timer').forEach(function(timer) {
timer.setAttribute('quantity-days', '2 дня');
});
} else if (date.getDay() == 6) { // если сегодня суббота
document.querySelectorAll('.xyz-info-notification__timer').forEach(function(timer) {
timer.setAttribute('quantity-days', '1 день');
});
}
/* end добавляем к таймеру в промобаре нужное количество дней в зависимости от дня недели */
});
</script> <style>
:root {
--descr-width: auto;
}
.descr-1, .descr-2, .heading-1 {
/*width: auto !important;*/
/*max-width: 500px;*/
/*min-width: 320px;*/
}
.badge-x-position {
left: calc(50% - 580px + var(--descr-width) + 60px) !important;
}
.timer-x-position {
left: calc(50% - 580px + var(--descr-width) + 140px) !important;
}
/*применить стиль когда descr-1 в две строки*/
.heading-1 {
/*transform: translateY(-8px);*/
}
/* применить, если описание в две строки */
[data-record-type="121"] .descr-1 {
/*transform: translateY(-14px);*/
}
[data-record-type="121"] .descr-2 {
/*transform: translateY(-50%);*/
}
/* стиль для таймера на промобаре, чтобы отобразить кол-во дней */
.xyz-info-notification__timer:before {
content: attr(quantity-days);
margin-right: 0.25em;
}
@media (min-width: 960px) {
.descr-1 {
width: auto !important;
}
}
@media (min-width: 960px) and (max-width: 1199px) {
/*применить стиль когда descr-1 в одну строку*/
.heading-1 {
transform: translateY(5px);
}
/*применить стиль когда descr-1 в две строки*/
.heading-1 {
/*transform: translateY(0);*/
}
.descr-1, .descr-2 {
/*max-width: 400px;*/
/*min-width: 280px;*/
}
/*применить стиль когда descr-1 в две строки*/
[data-record-type="121"] .descr-1 {
/*transform: translateY(0);*/
}
.badge-x-position {
left: calc(50% - 470px + var(--descr-width) + 40px) !important;
}
.timer-x-position {
left: calc(50% - 470px + var(--descr-width) + 110px) !important;
}
}
@media (min-width: 640px) and (max-width: 959px) {
.xyz-info-notification__timer:before {
display: block;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec521328895" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- скрыть/показать блок с акцией на курсах и профессиях --> <style>
/* блок с акцией */
#rec665027100 {
/*display: none;*/
}
</style> <!-- nominify end --> </div> </div> </div> </div> <!-- <strong>▼ Форма для новой версии футера ▼</strong> --> <div id="rec636322623" class="r t-rec uc-footerform-holder" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec636322623 .t396__artboard {height:190px;background-color:#f5f5f5;}#rec636322623 .t396__filter {height:190px;}#rec636322623 .t396__carrier{height:190px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec636322623 .t396__artboard,#rec636322623 .t396__filter,#rec636322623 .t396__carrier {height:138px;}#rec636322623 .t396__filter {}#rec636322623 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec636322623 .t396__artboard,#rec636322623 .t396__filter,#rec636322623 .t396__carrier {}#rec636322623 .t396__filter {}#rec636322623 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec636322623 .t396__artboard,#rec636322623 .t396__filter,#rec636322623 .t396__carrier {height:168px;}#rec636322623 .t396__filter {}#rec636322623 .t396__carrier {background-attachment:scroll;}}#rec636322623 .tn-elem[data-elem-id="1693855334902"]{z-index:3;top:0px;left:0px;width:410px;height:auto;}#rec636322623 .tn-elem[data-elem-id="1693855334902"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec636322623 .tn-elem[data-elem-id="1693855334902"] {width:356px;height:auto;}}@media screen and (max-width:959px) {#rec636322623 .tn-elem[data-elem-id="1693855334902"] {width:550px;height:auto;}}@media screen and (max-width:639px) {#rec636322623 .tn-elem[data-elem-id="1693855334902"] {width:100%;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="636322623" data-artboard-screens="320,640,960,1200" data-artboard-height="190" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="168" data-artboard-height-res-960="138"> <div class="t396__carrier" data-artboard-recid="636322623"></div> <div class="t396__filter" data-artboard-recid="636322623"></div> <div class='t396__elem tn-elem footer__zero-form tn-elem__6363226231693855334902' data-elem-id='1693855334902' data-elem-type='form' data-field-top-value="0" data-field-left-value="0" data-field-height-value="202" data-field-width-value="410" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-width-res-640-value="550" data-field-width-res-960-value="356" data-field-inputpos-value="h" data-field-inputfontfamily-value="BebasRoboto" data-field-fieldfontfamily-value="BebasRoboto" data-field-buttonhoverbgcolor-value="#6060ff" data-field-inputfontsize-value="18" data-field-inputfontweight-value="400" data-field-inputcolor-value="#17171b" data-field-inputbgcolor-value="#fff" data-field-inputbordercolor-value="#ededed" data-field-inputbordersize-value="1" data-field-inputradius-value="16" data-field-inputheight-value="60" data-field-inputmargbottom-value="20" data-field-inputmargright-value="8" data-field-inputtitlefontsize-value="16" data-field-inputtitlefontweight-value="400" data-field-inputtitlecolor-value="#9c9c9e" data-field-inputelscolor-value="#9c9c9e" data-field-inputelsfontweight-value="400" data-field-inputelsfontsize-value="12" data-field-buttontitle-value="Подписаться" data-field-buttoncolor-value="#fff" data-field-buttonbgcolor-value="#8080ff" data-field-buttonradius-value="40" data-field-buttonwidth-value="162" data-field-buttonheight-value="60" data-field-buttonfontfamily-value="BebasRoboto" data-field-buttonfontsize-value="18" data-field-buttonfontweight-value="400" data-field-formname-value="Форма из футера" data-field-receivers-value="9349cade6ff136590942028e6ee8bdd0,398ca53e0044e6a6273fa8e1526677f2" data-field-inputpos-res-320-value="v" data-field-inputfontsize-res-320-value="14" data-field-inputradius-res-320-value="8" data-field-inputheight-res-320-value="48" data-field-inputmargbottom-res-320-value="8" data-field-inputtitlefontsize-res-320-value="12" data-field-inputelsfontsize-res-320-value="12" data-field-buttonheight-res-320-value="48" data-field-buttonfontsize-res-320-value="14"> <div class='tn-atom tn-atom__form'></div> <!--googleoff: all--> <!--noindex--> <div data-nosnippet="true" class="tn-atom__inputs-wrapp" style="display:none;"> <textarea class="tn-atom__inputs-textarea">[{"lid":"1531306243545","ls":"10","loff":"","li_parent_id":"","li_type":"em","li_ph":"\u041f\u043e\u0447\u0442\u0430","li_name":"email","li_req":"y","li_nm":"email"},{"lid":"1693855999398","ls":"20","loff":"","li_parent_id":"","li_type":"cb","li_label":"\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0441 <a href=\"https:\/\/school-xyz.com\/privacy-policy\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(156, 156, 158); border-bottom: 1px solid rgb(156, 156, 158); box-shadow: none; text-decoration: none; font-weight: 400;\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445, \u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435\u043c \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0441\u0430\u0439\u0442\u0430 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/a> \u0438 <a href=\"https:\/\/school-xyz.com\/agreement\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"color: rgb(156, 156, 158); border-bottom: 1px solid rgb(156, 156, 158); box-shadow: none; text-decoration: none; font-weight: 400;\">\u0434\u043e\u0433\u043e\u0432\u043e\u0440\u043e\u043c \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u043e\u0444\u0435\u0440\u0442\u044b<\/a>","li_name":"privacy","li_checked":"y","li_req":"y","li_nm":"privacy"},{"lid":"1713371835118","ls":"30","loff":"","li_parent_id":"","li_type":"cb","li_label":"<span style=\"font-weight: 400;\">\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u043b\u0441\u044f \u0441 <\/span><a href=\"https:\/\/school-xyz.com\/privacy-policy\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"border-bottom: 1px solid rgb(156, 156, 158); box-shadow: none; text-decoration: none; font-weight: 400; color: rgb(156, 156, 158);\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435\u043c \u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0439 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438<\/a>","li_name":"check","li_req":"y","li_nm":"check"},{"lid":"1719934523108","ls":"40","loff":"","li_parent_id":"","li_type":"hd","li_name":"526133","li_value":"\u0424\u043e\u0440\u043c\u0430 \u0432 \u043f\u043e\u0434\u0432\u0430\u043b\u0435","li_nm":"526133"},{"lid":"1735311271272","ls":"50","loff":"","li_parent_id":"","li_type":"hd","li_name":"519697","li_value":"\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430","li_nm":"519697"}]</textarea> </div> <!--/noindex--> <!--googleon: all--> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('636322623');});});</script> <!-- /T396 --> </div> <div id="rec636326565" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="121"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- новая версия футера от 05.09.23 --> <!-- изменения от 09.07.24 (добавил пункт меню Менторство в геймдеве в раздел Проекты) --> <!-- изменения от 09.07.24 (добавил пункт меню Менторство в геймдеве в раздел Проекты) --> <footer> <div class="footer__wrap"> <div class="footer__contacts-container"> <div class="footer__form-container"> <p>Подпишись на обновления</p> <div class="footer__form"></div> </div> <div class="footer__contacts-wrap"> <a href="tel:+74996474926" class="">+7 (499) 647-49-26</a> <a href="mailto:hello@school-xyz.com" class="footer__contacts-email">hello@school-xyz.com</a> </div> <div class="footer__social-links"> <a href="https://artstation.com/xyzschool" class="footer__social-icon"> <svg width="16" height="14" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 12.3344L1.52039 14.9883C1.83088 15.6098 2.45805 16 3.14315 16H13.2358L11.1411 12.3344H0ZM17.9994 12.352C17.9994 11.9879 17.8909 11.6448 17.7092 11.358L11.7941 0.976462C11.4808 0.376043 10.8627 0 10.1888 0H7.06309L16.1978 15.9818L17.6394 13.4643C17.9207 12.982 17.9994 12.769 17.9994 12.352ZM9.65276 9.7311L5.57195 2.59197L1.48833 9.7311H9.65276Z" fill="var(--color-social-icon)"/> </svg> </a> <a href="https://vk.com/xyz_gamedev" class="footer__social-icon"> <svg width="20" height="10" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.0953 12H18.6878C17.7805 12 17.4969 11.3192 15.8679 9.82525C14.4502 8.56295 13.8058 8.40693 13.4707 8.40693C12.9809 8.40693 12.8417 8.51567 12.8417 9.15391V11.1396C12.8417 11.6738 12.6562 11.9953 11.1199 11.9953C8.5835 11.9953 5.76358 10.577 3.78396 7.9578C0.814531 4.12362 0 1.19717 0 0.620388C0 0.298903 0.118571 0.00105674 0.81453 0.00105674H3.22204C3.8252 0.00105674 4.05719 0.237443 4.29433 0.856773C5.48004 3.99598 7.45966 6.74751 8.27419 6.74751C8.57835 6.74751 8.71754 6.61986 8.71754 5.91543V2.67222C8.62474 1.17353 7.75866 1.04588 7.75866 0.51165C7.76528 0.368183 7.8346 0.233205 7.95099 0.137145C8.06737 0.0410855 8.22102 -0.00796662 8.37729 0.00105674H12.1509C12.6665 0.00105674 12.8469 0.256353 12.8469 0.814224V5.18736C12.8469 5.66013 13.0583 5.83033 13.2181 5.83033C13.5222 5.83033 13.78 5.66013 14.3368 5.14481C15.5493 3.77808 16.5455 2.26129 17.2959 0.639298C17.4604 0.252363 17.8744 0.0036855 18.3269 0.0199676H20.7499C21.4716 0.0199676 21.6366 0.365091 21.4716 0.833135C21.1726 2.11435 18.2341 5.91543 18.2599 5.91543C18.0022 6.29837 17.9094 6.46857 18.2599 6.89879C18.5177 7.22028 19.3528 7.88216 19.9148 8.47785C20.9458 9.54632 21.7294 10.4446 21.9408 11.0639C22.1521 11.6832 21.781 12 21.0953 12Z" fill="var(--color-social-icon)"/> </svg> </a> <a href="https://t.me/xyz_cg" class="footer__social-icon"> <svg width="16" height="13" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.7716 14.0925L7.05124 9.89721L14.7212 3.03396C15.0607 2.7265 14.6513 2.57773 14.2019 2.84552L4.73427 8.7864L0.639633 7.49706C-0.239215 7.24911 -0.249202 6.64411 0.839372 6.20772L16.7885 0.0982373C17.5175 -0.229056 18.2166 0.276761 17.937 1.38758L15.2205 14.0925C15.0308 14.9951 14.4815 15.2133 13.7225 14.7967L9.58791 11.7618L7.60052 13.676C7.37082 13.9041 7.18107 14.0925 6.7716 14.0925Z" fill="var(--color-social-icon)"/> </svg> </a> <a href="https://youtube.com/channel/UCtJsE0SDhyS4ib2evb5k3gg/videos" class="footer__social-icon"> <svg width="16" height="11" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2984 1.11596C16.6487 0.323326 15.4491 0 13.1581 0H4.84176C2.49834 0 1.27841 0.344177 0.631111 1.18806C8.16776e-06 2.01084 0 3.22315 0 4.90102V8.09903C0 11.3496 0.748796 13 4.84176 13H13.1581C15.1448 13 16.2458 12.7147 16.958 12.0152C17.6884 11.2979 18 10.1267 18 8.09903V4.90102C18 3.13157 17.9512 1.91211 17.2984 1.11596ZM11.5561 6.94154L7.77965 8.96698C7.69522 9.01227 7.6029 9.03473 7.5107 9.03473C7.4063 9.03473 7.30213 9.00589 7.20987 8.94857C7.03614 8.84054 6.93005 8.6473 6.93005 8.43887V4.40096C6.93005 4.19288 7.03585 3.99982 7.20923 3.89173C7.38267 3.78363 7.59838 3.77624 7.77832 3.87218L11.5547 5.88458C11.7469 5.98696 11.8675 6.19051 11.8678 6.41259C11.868 6.63485 11.7479 6.83869 11.5561 6.94154Z" fill="var(--color-social-icon)"/> </svg> </a> <!-- <a href="https://discord.gg/6UwHqeRVFd" class="footer__social-icon"> <svg width="18" height="12" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18.6361 1.34C17.212 0.714 15.6893 0.259052 14.0973 0C13.9018 0.332095 13.6734 0.77877 13.5159 1.1341C11.8236 0.894993 10.1469 0.894993 8.48573 1.1341C8.32828 0.77877 8.09468 0.332095 7.89741 0C6.30374 0.259052 4.77928 0.715671 3.35518 1.34331C0.482756 5.42136 -0.29591 9.39811 0.0934236 13.3184C1.99856 14.655 3.84487 15.467 5.66003 15.9984C6.1082 15.4189 6.50791 14.8028 6.85224 14.1536C6.19644 13.9195 5.56832 13.6306 4.97482 13.2952C5.13227 13.1856 5.28628 13.071 5.43508 12.9531C9.05501 14.5438 12.9882 14.5438 16.5648 12.9531C16.7154 13.071 16.8694 13.1856 17.0251 13.2952C16.4299 13.6322 15.8 13.9211 15.1442 14.1553C15.4885 14.8028 15.8865 15.4205 16.3364 16C18.1533 15.4687 20.0014 14.6567 21.9065 13.3184C22.3633 8.77378 21.1261 4.83355 18.6361 1.34ZM7.34541 10.9075C6.25874 10.9075 5.36759 9.95435 5.36759 8.7937C5.36759 7.63305 6.23972 6.67831 7.34541 6.67831C8.45114 6.67831 9.34226 7.63138 9.32323 8.7937C9.32495 9.95435 8.45114 10.9075 7.34541 10.9075ZM14.6545 10.9075C13.5678 10.9075 12.6767 9.95435 12.6767 8.7937C12.6767 7.63305 13.5488 6.67831 14.6545 6.67831C15.7602 6.67831 16.6514 7.63138 16.6323 8.7937C16.6323 9.95435 15.7602 10.9075 14.6545 10.9075Z" fill="var(--color-social-icon)"/> </svg> </a> --> </div> </div> <div class="footer__navigation"> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Направления</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://school-xyz.com/3d-modelirovanie">3D-моделирование</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/geymdizayn">Геймдизайн</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/2d-illyustraciya">2D-иллюстрация</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/programmirovanie">Программирование</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/menedzhement">Менеджмент</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/video-i-speceffekty">Видео и спецэффекты</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/courses">Все курсы</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">О школе</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="#popup:license">Лицензия</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/feedback">Отзывы студентов</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/raboty-studentov">Работы студентов</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/rassrochka">Рассрочка</a></li> <li class="footer__list-link"><a href="#popup:rec">Реквизиты</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/certificate">Подарочный сертификат</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/adminform">Оставить отзыв руководству</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/info-about-it-activities">Об IT деятельности</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/lms">Об обучающей платформе</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/career-xyz">Вакансии</a></li> <li class="footer__list-link"><a href="https://career-center.ultimate-education.ru" target="_blank">Карьерный центр</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Сотрудничество</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://school-xyz.com/b2b">Корпоративное обучение</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/we-are-looking-for-new-teachers">Вакансии для экспертов</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/partners">Партнёрская программа</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Проекты</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://media-xyz.com/">XYZ Media</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/2d-arena">2D-арена</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/mentorstvo-s-gamedev-magistrami">Менторство в геймдеве</a></li> </ul> </nav> </div> </div> <div class="footer__other-info"> <div class="footer__other-info-left-side"> <p>©2025, XYZ</p> <div class="footer__awards"> <img src="" class="footer__runet-icon" alt="Иконка Рунет"> <a href="https://vk.com/wall-124560669_50286">Премия Рунета 2020, Игровая индустрия</a> </div> <div class="footer__awards"> <img src="" class="footer__skolkovo-icon" alt="Иконка Сколково"> <a href="https://navigator.sk.ru/?q=N4IgZiBcoC4IYHMDOB9GBPADgUyiA9gE4gC%2BANCEngLQC22tARtoSkgJYB2AxrhZlACMJIA">Участник Сколково</a> </div> </div> <div class="footer__legal-info"> <a href="https://school-xyz.com/info-about-educational-organization">Сведения об образовательной организации</a> <a href="https://school-xyz.com/privacy-policy">Обработка персональных данных</a> <a href="https://school-xyz.com/agreement">Оферта</a> <a href="#popup:sout">СОУТ</a> </div> </div> </div> </footer> <style>
:root {
font-family: 'BebasRoboto';
--color-bg: #17171b;
--color-text: #fff;
--color-text-opacity: rgba(255, 255, 255, 0.5);
--color-accent: #8080ff;
--color-border: #373742;
--color-bg-contacts: #2B2A37;
--color-bg-input: #212127;
--color-social-icon: var(--color-accent);
--color-bg-social-icon: #2B2B34;
--url-runet-icon: url(https://static.tildacdn.com/tild6136-3933-4465-b933-613637353637/runet-icon-dark.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3235-3332-4635-a537-396662353164/skolkovo-icon-dark.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild6663-3965-4735-b337-393062313665/arrow-down-dark.svg);
}
:root .dark-theme {
--color-bg: #fff;
--color-text: #17171b;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-border: #EDEDED;
--color-bg-contacts: #f5f5f5;
--color-bg-input: #fff;
--color-bg-social-icon: #fff;
--url-runet-icon: url(https://static.tildacdn.com/tild6133-3337-4530-b063-336537643538/runet-icon-light_1.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3737-3331-4464-a437-613336636531/skolkovo-icon-light.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild3737-3062-4562-b662-623536383335/arrow-down-light.svg);
}
/*:root {
font-family: 'BebasRoboto';
--color-bg: #fff;
--color-text: #17171b;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-accent: #8080ff;
--color-border: #EDEDED;
--color-bg-contacts: #f5f5f5;
--color-bg-input: #fff;
--color-social-icon: var(--color-accent);
--color-bg-social-icon: #fff;
--url-runet-icon: url(https://static.tildacdn.com/tild6133-3337-4530-b063-336537643538/runet-icon-light_1.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3737-3331-4464-a437-613336636531/skolkovo-icon-light.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild3737-3062-4562-b662-623536383335/arrow-down-light.svg);
}
:root .dark-theme {
--color-bg: #17171b;
--color-text: #fff;
--color-text-opacity: rgba(255, 255, 255, 0.5);
--color-border: #373742;
--color-bg-contacts: #2B2A37;
--color-bg-input: #212127;
--color-bg-social-icon: #2B2B34;
--url-runet-icon: url(https://static.tildacdn.com/tild6136-3933-4465-b933-613637353637/runet-icon-dark.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3235-3332-4635-a537-396662353164/skolkovo-icon-dark.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild6663-3965-4735-b337-393062313665/arrow-down-dark.svg);
}*/
.t123 footer {
position: relative;
background: var(--color-bg);
width: 100%;
will-change: transform;
-webkit-transform: translateZ(0);
padding-top: 112px;
}
.footer__wrap {
display: flex;
max-width: 1160px;
margin: 0 auto;
padding: 64px 0 0;
box-sizing: border-box;
flex-wrap: wrap;
column-gap: 16px;
border-top: 1px solid var(--color-border);
}
.footer__navigation {
display: flex;
flex-wrap: wrap;
width: 572px;
column-gap: 16px;
row-gap: 48px;
margin-bottom: 80px;
}
.footer__chapter-links {
width: 278px;
flex-shrink: 0;
}
.footer__chapter-links:last-child {
flex-shrink: 1;
}
#allrecords .footer__chapter-links-list {
list-style-type: none;
padding-top: 16px;
padding-left: 0;
}
.footer__chapter-links-heading {
font-weight: 300;
font-size: 32px;
line-height: 100%;
color: var(--color-text);
}
.footer__list-link {
font-weight: 400;
font-size: 14px;
line-height: 160%;
margin-bottom: 8px;
}
#allrecords .footer__list-link a {
text-decoration: none;
transition: .2s ease;
color: var(--color-text);
}
#allrecords .footer__list-link a:hover {
color: var(--color-accent);
}
.footer__contacts-container {
display: flex;
align-items: flex-start;
flex-direction: column;
row-gap: 24px;
width: 572px;
margin-bottom: 32px;
box-sizing: border-box;
}
.footer__form-container {
background: var(--color-bg-contacts);
width: 474px;
padding: 32px;
box-sizing: border-box;
border-radius: 24px;
}
.footer__form-container p {
font-weight: 500;
font-size: 60px;
line-height: 100%;
text-transform: uppercase;
color: var(--color-text);
margin-bottom: 24px;
}
.uc-footerform-holder {
height: 0;
overflow: hidden;
}
.footer__form .footer__zero-form {
position: relative;
}
.footer__form .footer__zero-form .t-form .t-form__inputsbox {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
row-gap: 8px;
}
.footer__form .footer__zero-form .t-form .t-input-group_em {
flex-grow: 1;
margin-bottom: 8px !important;
padding-right: 8px !important;
order: 1;
}
.footer__form .footer__zero-form .t-input-group_em .t-input {
background: var(--color-bg-input) !important;
border-color: var(--color-border) !important;
color: var(--color-text) !important;
}
.footer__form .footer__zero-form .t-form .t-form__inputsbox .t-input-group_cb {
order: 3;
width: 100%;
margin-bottom: 0 !important;
padding-right: 0 !important;
}
.footer__form .footer__zero-form .t-checkbox__control {
display: flex;
}
.footer__form .footer__zero-form .t-checkbox__indicator {
flex-shrink: 0;
border-radius: 4px;
width: 20px;
height: 20px;
border-width: 2px;
}
.footer__form .footer__zero-form .t-checkbox__indicator::after {
width: 3px;
height: 8px;
left: 6px;
top: 2px;
border-color: #8080ff;
border-width: 0 2px 2px 0;
}
.footer__form .footer__zero-form .t-checkbox__control .t-checkbox:checked~.t-checkbox__indicator {
border-color: #8080ff !important;
}
.footer__form .footer__zero-form .t-checkbox__labeltext {
line-height: 1.2;
}
.footer__form .footer__zero-form .tn-form__submit {
position: relative;
bottom: 0;
order: 2;
}
.footer__form .footer__zero-form .t-submit {
color: #fff;
border-radius: 40px;
font-size: 18px;
font-family: BebasRoboto;
cursor: pointer;
background-color: #8080ff;
transition: 0.3s ease all;
}
.footer__form .footer__zero-form .t-submit:hover {
background: #6060ff;
}
.footer__contacts-wrap {
display: flex;
flex-direction: column;
row-gap: 4px;
}
#allrecords .footer__contacts-wrap a {
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__contacts-wrap a:hover {
color: var(--color-accent);
}
#allrecords a.footer__contacts-email {
color: var(--color-accent);
transition: .2s ease;
}
#allrecords a.footer__contacts-email:hover {
color: var(--color-text);
}
.footer__social-links {
display: flex;
column-gap: 8px;
}
.footer__social-links a {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
transition: .2s ease;
}
.footer__social-icon {
background: var(--color-bg-social-icon);
border: 1px solid var(--color-border);
border-radius: 8px;
box-sizing: border-box;
}
.footer__social-icon:hover {
transform: translateY(-4px);
}
.footer__other-info {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 16px;
padding-bottom: 32px;
width: 100%;
}
.footer__other-info-left-side {
display: flex;
align-items: center;
column-gap: 32px;
}
.footer__other-info p {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
}
.footer__awards {
display: flex;
align-items: center;
column-gap: 10px;
max-width: 160px;
}
#allrecords .footer__awards a {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
text-decoration: none;
}
.footer__runet-icon {
content: var(--url-runet-icon);
font-size: 10px;
}
.footer__skolkovo-icon {
content: var(--url-skolkovo-icon);
font-size: 10px;
}
.footer__legal-info {
display: flex;
align-items: center;
column-gap: 16px;
}
#allrecords .footer__legal-info a {
font-size: 12px;
line-height: 18px;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__legal-info a:hover {
color: var(--color-accent);
}
@media screen and (max-width: 1199px) {
.t123 footer {
padding-top: 96px;
}
.footer__wrap {
max-width: 940px;
padding-top: 56px;
}
.footer__contacts-container {
width: 462px;
}
.footer__form-container {
width: 420px;
}
.footer__form-container p {
font-size: 52px;
}
.footer__navigation {
width: 462px;
row-gap: 40px;
margin-bottom: 64px;
}
.footer__chapter-links {
width: 220px;
}
.footer__chapter-links-heading {
font-size: 24px;
}
.footer__other-info-left-side {
column-gap: 24px;
}
.footer__legal-info {
column-gap: 16px;
max-width: 462px;
}
}
@media screen and (max-width: 959px) {
.t123 footer {
padding-top: 88px;
}
.footer__wrap {
max-width: 620px;
padding-top: 48px;
}
.footer__navigation {
flex-direction: column;
row-gap: 16px;
margin-bottom: 56px;
width: 100%;
}
.footer__chapter-links {
width: 100%;
padding-bottom: 16px;
border-bottom: 1px solid var(--color-border);
}
.footer__chapter-links-heading {
position: relative;
display: flex;
align-items: center;
will-change: transform;
}
.footer__chapter-links-heading::after {
content: ' ';
background-image: var(--url-arrow-down);
width: 24px;
height: 24px;
position: absolute;
right: 0;
transition: .4s ease;
}
.footer__chapter-links-heading.open::after {
transform: rotateX(180deg);
}
.footer__chapter-links-wrap {
display: none;
}
.footer__contacts-container {
width: 620px;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
height: fit-content;
row-gap: 32px;
margin-bottom: 56px;
}
.footer__form-container {
width: 100%;
padding: 24px;
border-radius: 24px;
}
.footer__form-container p {
font-size: 48px;
}
.footer__contacts-wrap {
flex-direction: row;
column-gap: 32px;
}
.footer__other-info {
flex-wrap: wrap;
justify-content: flex-start;
gap: 24px;
}
.footer__other-info p {
order: 2;
flex-grow: 1;
}
.footer__awards {
order: 3;
}
.footer__legal-info {
order: 1;
max-width: 100%;
width: 100%;
column-gap: 24px;
}
}
@media screen and (max-width: 639px) {
.t123 footer {
padding-top: 72px;
}
.footer__wrap {
padding-top: 40px;
max-width: calc(100% - 24px);
}
.footer__chapter-links-heading {
font-size: 20px;
}
.footer__contacts-container {
flex-direction: column;
row-gap: 16px;
margin-bottom: 40px;
width: 100%;
}
.footer__form-container {
padding: 24px 16px;
border-radius: 16px;
margin-bottom: 16px;
}
.footer__form-container p {
font-size: 32px;
margin-bottom: 16px;
}
.footer__form .footer__zero-form {
width: 100% !important;
}
.footer__form .footer__zero-form .t-form .t-input-group_em {
margin-bottom: 8px !important;
padding-right: 0 !important;
}
.footer__form .footer__zero-form .tn-form__submit {
padding: 0;
margin-bottom: 16px;
width: 100%;
}
.footer__form .footer__zero-form .t-submit {
width: 100% !important;
font-size: 14px;
}
#allrecords .footer__contacts-wrap a {
font-size: 14px;
}
.footer__social-links {
width: fit-content;
}
.footer__navigation {
margin-bottom: 40px;
}
.footer__other-info {
gap: 24px 18px;
justify-content: flex-start;
}
.footer__other-info p {
order: 3;
text-align: center;
font-size: 10px;
width: 100%;
}
.footer__other-info-left-side {
order: 2;
flex-wrap: wrap;
justify-content: flex-start;
row-gap: 16px;
}
.footer__awards {
order: 2;
margin-bottom: 8px;
max-width: 142px;
}
#allrecords .footer__awards a {
font-size: 10px;
}
.footer__legal-info {
flex-direction: column;
align-items: flex-start;
row-gap: 8px;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
if (document.documentElement.clientWidth < 960) {
$('.footer__chapter-links-heading').click(function() {
$(this).siblings('.footer__chapter-links-wrap').slideToggle();
$(this).toggleClass('open');
});
}
function readyZeroForm() {
if (document.querySelector('.footer__zero-form').querySelector('.t-form__inputsbox') === null) {
console.log('Форма не готова');
setTimeout(function() {
readyZeroForm();
}, 400);
} else {
$('.footer__zero-form').prependTo('.footer__form');
}
}
readyZeroForm();
});
</script> <!-- nominify end --> </div> </div> </div> </div> <!-- <strong>▼ Мини-футер ▼</strong> --> <div id="rec216668598" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec216668598 .t396__artboard {height:535px;}#rec216668598 .t396__filter {height:535px;}#rec216668598 .t396__carrier{height:535px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:532px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:525px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:755px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:792px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}#rec216668598 .tn-elem[data-elem-id="1564645816905"]{z-index:2;top:0px;left:0px;width:760px;height:535px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom {border-radius:40px;background-color:#17171b;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec216668598 .tn-elem[data-elem-id="1564645816905"] {top:0px;left:0px;width:620px;height:532px;}}@media screen and (max-width:959px) {#rec216668598 .tn-elem[data-elem-id="1564645816905"] {top:0px;left:0px;width:620px;height:525px;}}@media screen and (max-width:639px) {#rec216668598 .tn-elem[data-elem-id="1564645816905"] {top:0px;left:10px;width:460px;height:755px;border-radius:24px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom {border-radius:24px;}}@media screen and (max-width:479px) {#rec216668598 .tn-elem[data-elem-id="1564645816905"] {top:0px;left:0px;width:320px;height:792px;}}#rec216668598 .tn-elem[data-elem-id="1596205809432"]{color:#ffffff;z-index:3;top:155px;left:50px;width:310px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596205809432"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec216668598 .tn-elem[data-elem-id="1596205809432"] {top:152px;left:50px;width:300px;height:auto;}}@media screen and (max-width:959px) {#rec216668598 .tn-elem[data-elem-id="1596205809432"] {top:152px;left:40px;width:260px;height:auto;}}@media screen and (max-width:639px) {#rec216668598 .tn-elem[data-elem-id="1596205809432"] {top:100px;left:40px;height:auto;}}@media screen and (max-width:479px) {#rec216668598 .tn-elem[data-elem-id="1596205809432"] {top:92px;left:32px;width:230px;height:auto;}}#rec216668598 .tn-elem[data-elem-id="1596206009249"]{color:#ffffff;z-index:4;top:155px;left:360px;width:280px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206009249"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec216668598 .tn-elem[data-elem-id="1596206009249"] {top:152px;left:360px;width:188px;height:auto;}}@media screen and (max-width:959px) {#rec216668598 .tn-elem[data-elem-id="1596206009249"] {top:152px;left:330px;width:260px;height:auto;}}@media screen and (max-width:639px) {#rec216668598 .tn-elem[data-elem-id="1596206009249"] {top:375px;left:40px;height:auto;}}@media screen and (max-width:479px) {#rec216668598 .tn-elem[data-elem-id="1596206009249"] {top:366px;left:32px;width:240px;height:auto;}}#rec216668598 .tn-elem[data-elem-id="1596206049927"]{color:#ffffff;z-index:5;top:10px;left:50px;width:418px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{color:#ffffff;font-size:90px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec216668598 .tn-elem[data-elem-id="1596206049927"] {top:10px;left:50px;height:auto;}}@media screen and (max-width:959px) {#rec216668598 .tn-elem[data-elem-id="1596206049927"] {top:10px;left:40px;height:auto;}}@media screen and (max-width:639px) {#rec216668598 .tn-elem[data-elem-id="1596206049927"] {top:20px;left:40px;width:320px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:45px;}}@media screen and (max-width:479px) {#rec216668598 .tn-elem[data-elem-id="1596206049927"] {top:32px;left:32px;width:194px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:40px;line-height:1;}}#rec216668598 .tn-elem[data-elem-id="1607933466856"]{color:#ffffff;z-index:6;top:429px;left:50px;width:440px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1607933466856"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec216668598 .tn-elem[data-elem-id="1607933466856"] {top:426px;left:50px;width:434px;height:auto;}}@media screen and (max-width:959px) {#rec216668598 .tn-elem[data-elem-id="1607933466856"] {top:425px;left:40px;height:auto;}}@media screen and (max-width:639px) {#rec216668598 .tn-elem[data-elem-id="1607933466856"] {top:627px;left:40px;width:382px;height:auto;}}@media screen and (max-width:479px) {#rec216668598 .tn-elem[data-elem-id="1607933466856"] {top:642px;left:32px;width:250px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="216668598" data-artboard-screens="320,480,640,960,1200" data-artboard-height="535" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="792" data-artboard-height-res-480="755" data-artboard-height-res-640="525" data-artboard-height-res-960="532"> <div class="t396__carrier" data-artboard-recid="216668598"></div> <div class="t396__filter" data-artboard-recid="216668598"></div> <div class='t396__elem tn-elem requisites-bg tn-elem__2166685981564645816905' data-elem-id='1564645816905' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="535" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="792" data-field-width-res-320-value="320" data-field-top-res-480-value="0" data-field-left-res-480-value="10" data-field-height-res-480-value="755" data-field-width-res-480-value="460" data-field-axisx-res-480-value="left" data-field-container-res-480-value="grid" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-height-res-640-value="525" data-field-width-res-640-value="620" data-field-axisx-res-640-value="left" data-field-top-res-960-value="0" data-field-left-res-960-value="0" data-field-height-res-960-value="532" data-field-width-res-960-value="620"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596205809432' data-elem-id='1596205809432' data-elem-type='text' data-field-top-value="155" data-field-left-value="50" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="92" data-field-left-res-320-value="32" data-field-width-res-320-value="230" data-field-top-res-480-value="100" data-field-left-res-480-value="40" data-field-container-res-480-value="grid" data-field-top-res-640-value="152" data-field-left-res-640-value="40" data-field-width-res-640-value="260" data-field-top-res-960-value="152" data-field-left-res-960-value="50" data-field-width-res-960-value="300"> <div class='tn-atom'field='tn_text_1596205809432'><span style="color: rgb(115, 115, 115);">Наименование</span><br>ООО "ИКС ВАЙ ЗЕТ НЕТВОРК" <br><br><span style="color: rgb(115, 115, 115);">ИНН</span><br>9705150153 <br><br><span style="color: rgb(115, 115, 115);">КПП</span> <br>770501001 <br><br><span style="color: rgb(115, 115, 115);">Счёт (₽) </span><br>40702810902500083750<br>1207700448361 ОГРН</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596206009249' data-elem-id='1596206009249' data-elem-type='text' data-field-top-value="155" data-field-left-value="360" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="366" data-field-left-res-320-value="32" data-field-width-res-320-value="240" data-field-top-res-480-value="375" data-field-left-res-480-value="40" data-field-container-res-480-value="grid" data-field-top-res-640-value="152" data-field-left-res-640-value="330" data-field-width-res-640-value="260" data-field-top-res-960-value="152" data-field-left-res-960-value="360" data-field-width-res-960-value="188"> <div class='tn-atom'field='tn_text_1596206009249'><span style="color: rgb(115, 115, 115);">Банк получателя</span><br> "ООО "Банк Точка" "<br><br><span style="color: rgb(115, 115, 115);">Город </span><br>Москва<br><br><span style="color: rgb(115, 115, 115);">БИК </span><br>044525104<br><br><span style="color: rgb(115, 115, 115);">Корр. счёт </span><br>30101810745374525104</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596206049927' data-elem-id='1596206049927' data-elem-type='text' data-field-top-value="10" data-field-left-value="50" data-field-width-value="418" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="32" data-field-left-res-320-value="32" data-field-width-res-320-value="194" data-field-top-res-480-value="20" data-field-left-res-480-value="40" data-field-width-res-480-value="320" data-field-container-res-480-value="grid" data-field-top-res-640-value="10" data-field-left-res-640-value="40" data-field-top-res-960-value="10" data-field-left-res-960-value="50"> <div class='tn-atom'field='tn_text_1596206049927'>РЕКВИЗИТЫ</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981607933466856' data-elem-id='1607933466856' data-elem-type='text' data-field-top-value="429" data-field-left-value="50" data-field-width-value="440" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="642" data-field-left-res-320-value="32" data-field-width-res-320-value="250" data-field-top-res-480-value="627" data-field-left-res-480-value="40" data-field-width-res-480-value="382" data-field-container-res-480-value="grid" data-field-top-res-640-value="425" data-field-left-res-640-value="40" data-field-top-res-960-value="426" data-field-left-res-960-value="50" data-field-width-res-960-value="434"> <div class='tn-atom'field='tn_text_1607933466856'><span style="color: rgb(115, 115, 115);">Юридический адрес</span><br>115184, г. Москва, вн.тер.г. муниципальный округ Замоскворечье, ул Бахрушина, д. 10, стр. 2</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('216668598');});});</script> <!-- /T396 --> </div> <div id="rec216668599" class="r t-rec uc-requisites" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:rec"
role="dialog"
aria-modal="true"
tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_8"> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec216668599');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('216668599');});});</script> </div> <div id="rec216668601" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация попапа Реквизиты --> <style>
.shirina {
background: none !important;
right: 0 !important;
left: 0 !important;
}
.parpadding {
padding: 0 !important;
}
:is(.uc-requisites, .t390, .t331) .t-popup__close {
top: 24px;
right: 24px !important;
width: 44px;
height: 44px;
background: rgb(255 255 255 / 20%);
border-radius: 30px;
zoom: 0.8;
}
.t-popup__block-close-button {
width: 18px;
padding: 13px;
}
.t-popup__close-icon {
display: block;
width: 18px;
height: 18px;
}
@media (max-width: 639px) {
.uc-requisites .t-popup {
background: rgb(0 0 0 / 40%);
}
.uc-requisites .t-popup__container.t-popup__container-static {
margin: 24px auto;
}
:is(.uc-requisites, .t390) .t-popup__close {
position: absolute;
top: 16px;
right: 16px !important;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
var ZeroPopID = '#rec216668598'; //Прописываем ID Zero
var PopWindID = '#rec216668599'; //Прописываем ID PopUp окна BF503
//Переносим ZeroBlock в POPup + Добавляем новый клас в POPup
$(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID));
$(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding");
// перемещаем крестик внутрь попапа
$('.uc-requisites').each(function() {
$(this).find('.requisites-bg').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec577164264" class="r t-rec uc-license-popup" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:license"
role="dialog"
aria-modal="true"
tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#17171b" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_6"> <div class="t390__wrapper t-align_center"> <div class="t390__descr t-descr t-descr_xs">Лицензия на образовательную деятельность рег. номер <span style="font-weight: 700;">Л035−1 298−77/179 677</span> от 22 февраля 2022</div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec577164264');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('577164264');});});</script> <style> #rec577164264 .t390__descr{color:#17171b;}</style> </div> <div id="rec586447967" class="r t-rec uc-license-popup" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:sout"
role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Результаты СОУТ"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#17171b" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_8"> <div class="t390__wrapper t-align_left"> <div class="t390__title t-heading t-heading_lg" id="popuptitle_586447967">Результаты СОУТ</div> <div class="t390__descr t-descr t-descr_xs">В декабре 2022 года в соответствии с действующим законодательством Российской Федерации в ООО «ИКС ВАЙ ЗЕТ НЕТВОРК» была проведена специальная оценка условий труда.<br /><br />С учётом требований законодательства Российской Федерации о персональных данных и законодательства Российской Федерации о государственной и об иной охраняемой законом тайне публикуем:<br /><ul><li style="color: rgb(23, 23, 27);"><a href="https://drive.google.com/file/d/1Hf0P73TIs0gn8ZB2SeQOeCdK0y1RaYP_/view" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">сводную ведомость специальной оценки условий труда</a></li><li><a href="https://drive.google.com/file/d/1msPYwdLZh2h88eb6Jrz-xDyERfamTmQc/view" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">перечень мероприятий по улучшению условий и охраны труда работников</a>, на рабочих местах которых проводилась специальная оценка условий труда.</li></ul></div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec586447967');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('586447967');});});</script> <style> #rec586447967 .t390__title{color:#17171b;font-weight:500;text-transform:uppercase;}@media screen and (min-width:900px){#rec586447967 .t390__title{font-size:60px;line-height:1;}}#rec586447967 .t390__descr{font-size:14px;line-height:1.6;color:#17171b;}</style> </div> <div id="rec577164294" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация попапа с лицензией и СОУТ --> <style>
.uc-license-popup .t-popup__container {
border-radius: 20px;
}
.uc-license-popup .t-popup__close {
zoom: 0.8;
background: #F0F0F0;
border-radius: 30px;
width: 44px;
height: 44px;
}
.uc-license-popup .t-popup__block-close-button {
width: 18px;
padding: 13px;
}
.uc-license-popup .t-popup__close-icon {
display: block;
width: 18px;
height: 18px;
}
@media screen and (max-width: 1199px) {
.uc-license-popup .t390__title {
font-size: 52px !important;
}
}
@media screen and (max-width: 959px) {
.uc-license-popup .t390__title {
font-size: 48px !important;
}
}
@media screen and (max-width: 639px) {
.uc-license-popup .t-popup__close {
zoom: 0.6;
top: 16px;
right: 16px;
}
.uc-license-popup .t390__wrapper {
padding: 32px 40px;
}
.uc-license-popup .t390__title {
font-size: 28px !important;
}
.uc-license-popup .t390__descr {
font-size: 10px !important;
}
}
</style> <script>
// переносим крестик внутрь попапа
document.addEventListener('DOMContentLoaded', function() {
$('.uc-license-popup .t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec602614066" class="r t-rec" style=" " data-animationappear="off" data-record-type="886"> <!-- T886 --> <div class="t886 t886_closed" data-storage-item="t886cookiename_1006203" style=";"> <div class="t886__wrapper" style="background-color:#ffffff; width:820px"> <div class="t886__text t-text t-text_xs t-valign_middle" field="text">Привет! Для улучшения работы сайта мы используем файлы cookie и данные об IP-адресе. Оставаясь на сайте, ты соглашаешься с <a href="https://www.school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">политикой обработки персональных данных</a>.</div> <div class="t886__btn-wrapper t-valign_middle"> <div
class="t886__btn t-btn t-btn_md"
style="color:#ffffff;border:1px solid #17171b;background-color:#17171b;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;font-weight:400;" data-buttonfieldset="button">
Принять
</div> </div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t886_init',function() {t886_init('602614066');});});</script> <style>#rec602614066 .t886__text{text-align:left;}</style> <style>@media (hover:hover),(min-width:0\0) {#rec602614066 .t-btn:not(.t-animate_no-hover):hover {color:#17171b !important;background-color:#ffffff !important;}#rec602614066 .t-btn:not(.t-animate_no-hover):focus-visible {color:#17171b !important;background-color:#ffffff !important;}#rec602614066 .t-btn:not(.t-animate_no-hover) {transition-property:background-color,color,border-color,box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;}#rec602614066 .t-btntext:not(.t-animate_no-hover):hover {color:#17171b !important;}#rec602614066 .t-btntext:not(.t-animate_no-hover):focus-visible {color:#17171b !important;}}</style> <style> #rec602614066 .t886__text{line-height:1.6;color:#17171b;}</style> <style>#rec602614066 .t886__wrapper {box-shadow:0px 0px 4px rgba(0,0,0,0.1);}</style> <style> #rec602614066 .t886__wrapper{border-radius:16px;}</style> </div> <div id="rec602637647" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация виджета cookie --> <style>
.t886 {
width: 100%;
z-index: 1500;
}
.t886__wrapper {
display: block;
padding: 24px;
margin: 0 auto;
}
.t886__text {
font-size: 14px;
}
.t886__btn {
font-size: 14px;
line-height: 1.6;
padding: 4px 16px;
}
@media (max-width: 639px) {
.t886__text {
font-size: 10px;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec368502560" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- плагин интеграции amo crm -> yandex metrika --> <script type="text/javascript">
(function(){
var ya_counter_id = '65640406';
var ya_client_id = '';
var setYaClientId = function (){
var intervalYaClientId = setInterval(function(){
try {
if (typeof window['yaCounter'+ya_counter_id] !== "undefined" && typeof window['yaCounter'+ya_counter_id].getClientID !== "undefined") {
ya_client_id = window['yaCounter'+ya_counter_id].getClientID();
if (!ya_client_id)
return;
var forms = document.getElementsByTagName("form");
for (var i = 0; i < forms.length; i++) {
var input = document.createElement("INPUT");
input.type = "hidden";
input.name = "YMClientID";
input.value = ya_client_id;
forms[i].appendChild(input);
}
clearInterval(intervalYaClientId);
}
} catch(err) {
}
}, 1000);
};
setYaClientId();
})();
</script> <!-- nominify end --> </div> </div> </div> </div> </footer> <!--/footer--> </div> <!--/allrecords--> <!-- Stat --> <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';}
window.tildastatscroll='yes';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'46f1ce95aad41ac8b0d98605c4e04383','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTCCH4H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- FB Pixel code (noscript) --> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=719845102500807&ev=PageView&agent=pltilda&noscript=1"/></noscript> <!-- End FB Pixel code (noscript) --> </body> </html>