Rivalry2

Бесплатный курс «Основы веб-разработки» от Хекслета: начните программировать с нуля!
2026-02-26 18:22 Diff
https://ru.hexlet.io/courses/introduction_to_programming
Бесплатный курс

Основы веб-разработки от Хекслета

Изучите фундаментальные принципы создания современных веб-сайтов, освоив языки HTML, CSS и JavaScript. Этот курс поможет вам заложить прочный фундамент для дальнейшего профессионального роста в веб-разработке
Бессрочный доступ к материалам курса
12 уроков в удобном формате
5 практических упражнений на тренажере
Подходит для новичков в веб-разработке
Курс успешно прошли 1 020 человек
Зачем изучать веб-разработку

Освоив основные языки веб-разработки, такие как HTML, CSS и JavaScript, вы сможете создавать функциональные и привлекательные веб-страницы, а также управлять данными (data) и добавлять интерактивные элементы.
Веб-разработка позволит вам глубже понять процесс создания современных веб-сайтов и научит, как быть уверенным разработчиком, создающим качественные продукты для пользователей.
Серверная часть разработки — это ключ к созданию сложных и динамичных веб-приложений, что позволяет вашим проектам оставаться актуальными и востребованными.
Веб-разработка — это не просто создание сайтов.
Востребованная на рынке труда IT-профессия

Средний темп роста веб-разработчика от джуна до миддла
Среднее количество вакансий для веб-разработчиков в России
Работа веб-разработчика в цифрах. Средняя зарплата:

Сразу после начала работы
Кому подходит этот курс

Желающим изучить основы веб-разработки
Стремящимся обновить свои знания в области верстки и современных веб-технологий
Всем, кто хочет сменить
сферу деятельности
Рассматривающим смену карьеры и желающим освоить востребованную профессию в сфере веб-разработки
Ключевые концепции веб-разработки
Понимание основных концепций веб-разработки позволит вам уверенно двигаться к созданию профессиональных сайтов
Создание веб-страниц

Освойте HTML и CSS для создания структурированных и стильных веб-страниц
JavaScript

Научитесь использовать язык JavaScript для добавления интерактивности и управления элементами на сайте
Чему вы научитесь:

Курс ориентирован на реальные задачи, которые помогут вам быстрее освоить материал и применить его на практике
Курс регулярно обновляется, чтобы соответствовать актуальным трендам в веб-разработке
Учитесь вместе с единомышленниками и получайте помощь от опытных наставников, если столкнетесь с трудностями
Как проходит обучение на курсе

Получите качественное образование без финансовых затрат
Программа обучения

12 уроков
Изучите основы современной верстки с помощью HTML и CSS, научитесь работать с инструментами разработчика и отладкой кода.
8 проверочных тестов
Проверьте свои знания по пройденному материалу, чтобы убедиться, что вы уверенно освоили основные концепции.
5+3 упражнений в тренажере
Закрепите навыки верстки и стилизации веб-страниц на практике с помощью интерактивных упражнений.
Дополнительные материалы
Получите доступ к дополнительным ресурсам и рекомендациям для углубленного изучения верстки и веб-разработки.
Что вы изучите:
Основы веб-верстки
Разработка статических веб-страниц и задание стилей элементам с помощью HTML и CSS.
Отладка кода
Пошаговая отладка кода с использованием встроенных в браузер средств, таких как Chrome DevTools.
Редакторы кода
Использование редакторов кода с полезными расширениями, такими как Emmet, для ускорения процесса разработки.
Публикация сайта
Публикация своего сайта в интернете с использованием хостинга GitHub Pages.
Уроки:
Введение
Введение в HTML
Блочная модель
Семантический HTML
Базовая структура HTML-документа
Основы CSS
Каскадность в CSS
Chrome DevTools
Редакторы кода
Emmet
Публикация в интернете
Графические редакторы
Что вы изучите:
Основы веб-верстки
Разработка статических веб-страниц и задание стилей элементам с помощью HTML и CSS.
Отладка кода
Пошаговая отладка кода с использованием встроенных в браузер средств, таких как Chrome DevTools.
Редакторы кода
Использование редакторов кода с полезными расширениями, такими как Emmet, для ускорения процесса разработки.
Публикация сайта
Публикация своего сайта в интернете с использованием хостинга GitHub Pages.
Уроки:
Введение
Введение в HTML
Блочная модель
Семантический HTML
Базовая структура HTML-документа
Основы CSS
Каскадность в CSS
Chrome DevTools
Редакторы кода
Emmet
Публикация в интернете
Графические редакторы
Отзывы участников курса

Результат супер! Благодаря этому курсу я понял, что быть web-разработчиком — это мое призвание. Практические задания позволяют закрепить теорию, а поддержка сообщества делает обучение намного проще. Теперь я уверенно создаю сайты и работаю с дата на сервере.
Хотелось бы поблагодарить команду Хекслета за такой классный продукт, который мне лично помог продвинуться в профессии и развиваться в ней:).
Спасибо, шикарное упражнение. Очень хотелось немного поломать голову, и вуаля :) Всё, что есть в «Теории», нужно просто внимательно прочитать, вникнуть и исполнить. Спасибо еще раз.
Я выбрал Хекслет по совету своих знакомых разработчиков, которые уже много лет в этой сфере. Они сказали, что тут программа достаточно объёмная и сложная, в ней много всего полезного. На выходе из этой школы получаются крутые специалисты, которые имеют ценность на рынке.
Очень интересное задание! Особенно интересно количество вариантов решения. Спасибо команде Хекслета!
Особенно круто, что обучение построено таким образом, что ты читаешь теорию, потом проходишь тест и закрепляется это все практикой.
Впечатления от обучения самые лучшие! Интересные задачи, проекты которые заставляют становиться сильнее, крутые наставники и не менее крутое сообщество! Хекслет за время обучения стал для меня больше чем просто школой.
Что важно: в курсе очень много полезной информации, именно практической, не только теория. И ты можешь общаться как с такими же обучающимися, как и ты, так и с преподавателями. И, что важно, ты сам регламентируешь свое время, как долго ты будешь учиться. Для занятых людей это важно.
Хекслет меня подкупил тем, что у них очень хорошая практика. Теории, кажется, мало, но практика заставляет думать. Именно благодаря практике, после каждого урока, у тебя действительно остается что-то в голове.
В целом, обучение мне очень понравилось. В обучении вообще нет воды, даже иногда хотелось немного отдохнуть, потому что информации очень много:)
Очень интересное задание! Особенно интересно количество вариантов решения. Спасибо команде Хекслета!
Если вы хотите освоить основы веб-разработки и научиться создавать современные сайты, зарегистрируйтесь на наш бесплатный курс. Полученные знания помогут вам уверенно начать карьеру
Вопрос-ответ

Курс рассчитан на начинающих, однако является полезным и тем, кто хочет обновить свои знания в области веб-разработки.
ООО «Хекслет Рус»
108813, г. Москва, вн.тер.г. поселение Московский, г. Московский, ул. Солнечная,д. 3А, стр. 1, помещ. 10/3
ОГРН 1217300010476
<!DOCTYPE html> <html class="is-guest" lang="ru"> <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" /> <!--metatextblock--> <title>Бесплатный курс «Основы веб-разработки» от Хекслета: начните программировать с нуля!</title> <meta name="description" content="Изучите веб-разработку бесплатно, в своем темпе, с курсом от Хекслета. 12 уроков, 5 упражнений, 8 тестов от лучшей школы программирования по версии Хабра. Начните кодить через 9 часов!" /> <meta property="og:url" content="https://ru.hexlet.io/programs/web-development-free" /> <meta property="og:title" content="Бесплатный курс «Основы веб-разработки» от Хекслета: начните программировать с нуля!" /> <meta property="og:description" content="Изучите веб-разработку бесплатно, в своем темпе, с курсом от Хекслета. 12 уроков, 5 упражнений, 8 тестов от лучшей школы программирования по версии Хабра. Начните кодить через 9 часов!" /> <meta property="og:type" content="website" /> <meta property="og:image" content="/tp/versions/721750928198/tild3338-3832-4530-b165-303230336433___1.png" /> <link rel="canonical" href="https://ru.hexlet.io/programs/web-development-free"> <!--/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="/tp/versions/721750928198/tild6163-3838-4430-b561-623662303864__favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="/tp/versions/721750928198/tild3831-6232-4437-a136-376162316265__logo_ru.svg"> <link rel="apple-touch-icon" sizes="76x76" href="/tp/versions/721750928198/tild3831-6232-4437-a136-376162316265__logo_ru.svg"> <link rel="apple-touch-icon" sizes="152x152" href="/tp/versions/721750928198/tild3831-6232-4437-a136-376162316265__logo_ru.svg"> <link rel="apple-touch-startup-image" href="/tp/versions/721750928198/tild3831-6232-4437-a136-376162316265__logo_ru.svg"> <meta name="msapplication-TileColor" content="#000000"> <meta name="msapplication-TileImage" content="/tp/versions/721750928198/tild3730-3638-4535-b635-653265393364__hexlet_logo_wide.png"> <!-- Assets --> <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <style>*,*:before,*:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,img,b,u,i,center,table,tr,th,td,video{margin:0;padding:0;border:0}sup{line-height:0;font-size:smaller;vertical-align:super}sub{line-height:0;font-size:smaller;vertical-align:sub}.t-clear{clear:both}.t-row{margin:0}.t-container{margin-left:auto;margin-right:auto;width:100%;max-width:1200px;padding:0}.t-container.flexx{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.t-container_flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.t-container_100{width:100%;padding:0}.t-container_10{margin-left:auto;margin-right:auto;width:100%;max-width:1000px;padding:0}.t-container_8{margin-left:auto;margin-right:auto;width:100%;max-width:800px;padding:0}.t-container:before,.t-container:after,.t-container_10:before,.t-container_10:after,.t-container_8:before,.t-container_8:after,.t-container_100:before,.t-container_100:after{display:table;content:" ";width:0}.t-container:after,.t-container_10:after,.t-container_8:after,.t-container_100:after{clear:both}.t-col{display:inline;float:left;margin-left:20px;margin-right:20px;width:100%}.t-col.flexx{align-items:stretch;height:inherit;margin-top:auto;margin-bottom:auto}.t-col_flex{align-items:stretch;height:inherit;margin-top:auto;margin-bottom:auto}.t-col_1{max-width:60px}.t-col_2{max-width:160px}.t-col_3{max-width:260px}.t-col_4{max-width:360px}.t-col_5{max-width:460px}.t-col_6{max-width:560px}.t-col_7{max-width:660px}.t-col_8{max-width:760px}.t-col_9{max-width:860px}.t-col_10{max-width:960px}.t-col_11{max-width:1060px}.t-col_12{max-width:1160px}.t-col_100{max-width:100vw}.t-prefix_1{padding-left:100px}.t-prefix_2{padding-left:200px}.t-prefix_3{padding-left:300px}.t-prefix_4{padding-left:400px}.t-prefix_5{padding-left:500px}.t-prefix_6{padding-left:600px}.t-prefix_7{padding-left:700px}.t-prefix_8{padding-left:800px}.t-prefix_9{padding-left:900px}.t-prefix_10{padding-left:1000px}.t-prefix_11{padding-left:1100px}.t-prefix_12{padding-left:1200px}.t-width{width:100%}.t-width_1{max-width:60px}.t-width_2{max-width:160px}.t-width_3{max-width:260px}.t-width_4{max-width:360px}.t-width_5{max-width:460px}.t-width_6{max-width:560px}.t-width_7{max-width:660px}.t-width_8{max-width:760px}.t-width_9{max-width:860px}.t-width_10{max-width:960px}.t-width_11{max-width:1060px}.t-width_12{max-width:1160px}.t-width_100{max-width:100%}.t-cell{display:table-cell;vertical-align:middle;height:100%;margin-left:0;margin-right:0}.t-cell_25{width:25vw}.t-cell_33{width:33.3333333vw}.t-cell_50{width:50vw}.t-cell_100{width:100vw}@media screen and (max-width:1200px){.t-container{max-width:960px;padding:0}.t-container_10{max-width:780px}.t-container_8{max-width:640px}.t-col{display:inline;float:left;margin-left:10px;margin-right:10px;width:100%}.t-col_1{max-width:60px}.t-col_2{max-width:140px}.t-col_3{max-width:220px}.t-col_4{max-width:300px}.t-col_5{max-width:380px}.t-col_6{max-width:460px}.t-col_7{max-width:540px}.t-col_8{max-width:620px}.t-col_9{max-width:700px}.t-col_10{max-width:780px}.t-col_11{max-width:860px}.t-col_12{max-width:940px}.t-prefix_1{padding-left:80px}.t-prefix_2{padding-left:160px}.t-prefix_3{padding-left:240px}.t-prefix_4{padding-left:320px}.t-prefix_5{padding-left:400px}.t-prefix_6{padding-left:480px}.t-prefix_7{padding-left:560px}.t-prefix_8{padding-left:640px}.t-prefix_9{padding-left:720px}.t-prefix_10{padding-left:800px}.t-prefix_11{padding-left:880px}.t-prefix_12{padding-left:960px}.t-width_1{max-width:60px}.t-width_2{max-width:140px}.t-width_3{max-width:220px}.t-width_4{max-width:300px}.t-width_5{max-width:380px}.t-width_6{max-width:460px}.t-width_7{max-width:540px}.t-width_8{max-width:620px}.t-width_9{max-width:700px}.t-width_10{max-width:780px}.t-width_11{max-width:860px}.t-width_12{max-width:940px}.t-width_100{max-width:100%}}@media screen and (max-width:960px){.t-container{max-width:640px}.t-container.flexx{display:block}.t-container_flex{display:block}.t-col{display:block;float:none;padding-left:20px;padding-right:20px;margin:0;width:100%;max-width:100%;box-sizing:border-box}.t-col_1,.t-col_2,.t-col_3,.t-col_4,.t-col_5,.t-col_6,.t-col_7,.t-col_8,.t-col_9,.t-col_10,.t-col_11,.t-col_12{width:100%;max-width:100%}.t-prefix_1,.t-prefix_2,.t-prefix_3,.t-prefix_4,.t-prefix_5,.t-prefix_6,.t-prefix_7,.t-prefix_8,.t-prefix_9,.t-prefix_10,.t-prefix_11,.t-prefix_12{padding-left:none}} .cva:not(.uc-lead-form) { content-visibility: style }</style> 
      <link rel="preload" as="style" href="/tp/versions/721750928198/tilda-blocks-page54595895.min.css?t=1750928193">
      <!-- async CSS -->
      <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/tp/versions/721750928198/tilda-blocks-page54595895.min.css?t=1750928193">
      <!-- no-JS fallback -->
      <noscript><link rel="stylesheet" href="/tp/versions/721750928198/tilda-blocks-page54595895.min.css?t=1750928193"></noscript>
     <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&subset=latin,cyrillic&display=swap" rel="stylesheet"> <style>.t396 .t-animate[data-animate-style=fadein],.t396 .t-animate[data-animate-style=fadeindown],.t396 .t-animate[data-animate-style=fadeinleft],.t396 .t-animate[data-animate-style=fadeinright],.t396 .t-animate[data-animate-style=fadeinup],.t396 .t-animate[data-animate-style=zoomin],.t396 .t-animate[data-animate-style=zoomout]{opacity:0}@media screen and (min-width:980px){.t-animate[data-animate-style=fadein],.t-animate[data-animate-style=fadeindown],.t-animate[data-animate-style=fadeinleft],.t-animate[data-animate-style=fadeinright],.t-animate[data-animate-style=fadeinup],.t-animate[data-animate-style=zoomin],.t-animate[data-animate-style=zoomout]{opacity:0;-webkit-transition-property:opacity,transform;transition-property:opacity,transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.t-title.t-animate{-webkit-transition-duration:1.2s;transition-duration:1.2s}.t-descr.t-animate,.t-subtitle.t-animate,.t-text.t-animate,.t-uptitle.t-animate{-webkit-transition-duration:.7s;transition-duration:.7s}.t-item.t-animate{-webkit-transition-duration:.5s;transition-duration:.5s}.t-animate_started[data-animate-style=fadein]{opacity:1}.t-animate[data-animate-style=fadeinup]{-webkit-transform:translate(0,100px);transform:translate(0,100px)}.t-animate_started[data-animate-style=fadeinup]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=fadeindown]{-webkit-transform:translate(0,-100px);transform:translate(0,-100px)}.t-animate_started[data-animate-style=fadeindown]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=fadeinleft]{-webkit-transform:translate(100px,0);transform:translate(100px,0)}.t-animate_started[data-animate-style=fadeinleft]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=fadeinright]{-webkit-transform:translate(-100px,0);transform:translate(-100px,0)}.t-animate_started[data-animate-style=fadeinright]{opacity:1;-webkit-transform:none;transform:none}.t-animate[data-animate-style=zoomin]{-webkit-transform:scale(.9);transform:scale(.9)}.t-animate_started[data-animate-style=zoomin]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.t-animate[data-animate-style=zoomout]{-webkit-transform:scale(1.2);transform:scale(1.2)}.t-animate_started[data-animate-style=zoomout]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.t-animate_started[data-animate-distance],.t-animate_started[data-animate-scale]{-webkit-transform:none!important;transform:none!important}}.t-animate-for-wrapper .t-animate:not(.t-animate_started){opacity:0!important;transition-duration:0s!important}</style> 
      <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Onest:wght@100..900&display=swap">
      <!-- async CSS -->
      <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Onest:wght@100..900&display=swap">
      <!-- no-JS fallback -->
      <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Onest:wght@100..900&display=swap"></noscript>
     <script defer nomodule src="/tp/versions/721750928198/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script>setTimeout(function() {
 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 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}
}, 10);</script> <script src="/tp/versions/721750928198/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script>function t_onReady(t){"loading"!=document.readyState?t():document.addEventListener("DOMContentLoaded",t)}function t_addClass(t,e){document.body.classList?t.classList.add(e):t.className+=(t.className?" ":"")+e}function t_removeClass(t,e){document.body.classList?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\s+)"+e+"(\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function t_removeEl(t){t&&t.parentNode&&t.parentNode.removeChild(t)}function t_outerWidth(t){var e=getComputedStyle(t),n=e.width,o=e.marginLeft,i=e.marginRight;return"auto"===n&&(n=0),"auto"===o&&(o=0),"auto"===i&&(i=0),n=parseInt(n)+parseInt(o)+parseInt(i)}var version,version;(window.isSearchBot=!1,/Bot/i.test(navigator.userAgent)&&(window.isSearchBot=!0),window.isMobile=!1,window.$isMobile=!1,/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&(window.isMobile=!0,window.$isMobile=!0),window.isTablet=/(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/i.test(navigator.userAgent),window.isiOS=!1,/iPhone|iPad|iPod/i.test(navigator.userAgent)&&(window.isiOS=!0),window.isiOSChrome=!!navigator.userAgent.match("CriOS"),window.isFirefox=/firefox/i.test(navigator.userAgent),window.isOpera=!!window.opr&&!!window.opr.addons||!!window.opera||navigator.userAgent.indexOf(" OPR/")>=0,window.isiOSVersion="",window.isiOS)&&(null!==(version=navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/))&&(window.isiOSVersion=[parseInt(version[1],10),parseInt(version[2],10),parseInt(version[3]||0,10)]));(window.isSafari=!1,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&(window.isSafari=!0),window.isIE=!!document.documentMode,window.isSafariVersion="",window.isSafari)&&(null!==(version=navigator.appVersion.match(/Version\/(\d+)\.(\d+)\.?(\d+)? Safari/))&&(window.isSafariVersion=[parseInt(version[1],10),parseInt(version[2],10),parseInt(version[3]||0,10)]));function t_throttle(t,e,n){var o,i;return e||(e=250),function(){var r=n||this,a=+new Date,l=arguments;o&&a<o+e?(clearTimeout(i),i=setTimeout((function(){o=a,t.apply(r,l)}),e)):(o=a,t.apply(r,l))}}function t_onFuncLoad(t,e,n){var o=15e3,i=t_checkIsEditMode(),r=function t(){return!i||i&&t_checkEditorIsReady()},a=function t(e){return"function"==typeof window[e]||"object"==typeof window[e]};if(a(t)&&r())e();else{var l=Date.now(),d=new Error(t+" is undefined"),s=function t(){throw d};setTimeout((function i(){var d=Date.now();a(t)&&r()?e():("complete"===document.readyState&&d-l>o&&!a(t)&&s(),setTimeout(i,n||100))}))}}function t_checkIsEditMode(){var t=!1,e=document.getElementById("allrecords");if(!e)return!1;var n=e.getAttribute("data-tilda-mode");return!!(t=n&&"edit"===n)}function t_checkEditorIsReady(){var t=!1;if(!t_checkIsEditMode())return!1;var e=document.body.getAttribute("data-ready-status");return!!(t=e&&"ready"===e)}function t_scrollBarWidthCompensator__setObject(){window.scrollBarWidthCompensator={};var t=window.scrollBarWidthCompensator;t.isInited=!1,t.scrollBarWidth=Math.abs(window.innerWidth-document.documentElement.clientWidth),t.delay=0,t.cancelTimeout=null;var e=["t450","t282__container","t282__container__bg_opened","t282__menu__container","t830m","t830__panel","t451m","t204__menu","tn-atom__sbs-anim-wrapper"],n=document.querySelectorAll("*");n=Array.prototype.filter.call(n,(function(t){return!t.closest(".t1093")&&!e.some((function(e){return t.classList.contains(e)}))})),t.fixedElements=[],Array.prototype.forEach.call(n,(function(e){if(!e.classList.contains("t975")){var n=window.getComputedStyle(e),o=n.getPropertyValue("position"),i=n.getPropertyValue("width"),r=n.getPropertyValue("height"),a="100%"===i||i===window.innerWidth+"px"||i===window.innerWidth-t.scrollBarWidth+"px"||"100vw"===i,l="100%"===r||r===window.innerHeight+"px"||r===window.innerHeight-t.scrollBarWidth+"px"||"auto"===r||"100vh"===r;("fixed"===o||"absolute"===o&&a&&!l)&&t.fixedElements.push({el:e,computedStyle:n})}}))}function t_scrollBarWidthCompensator__init(){if(!window.isMobile){window.scrollBarWidthCompensator||t_scrollBarWidthCompensator__setObject();var t=window.scrollBarWidthCompensator;if(t.scrollBarWidth=Math.abs(window.innerWidth-document.documentElement.clientWidth),t.cancelTimeout&&(window.clearTimeout(t.cancelTimeout),t.cancelTimeout=null),!t.isInited&&t.scrollBarWidth){t.isInited=!0;var e=window.getComputedStyle(document.body).getPropertyValue("padding-right");e=parseInt(e.replace("px",""),10);var n=document.body.style.paddingRight;n&&document.body.setAttribute("data-tilda-initial-padding-right",n),document.body.style.paddingRight=t.scrollBarWidth+e+"px",document.body.style.height="100vh",document.body.style.minHeight="100vh",document.body.style.overflow="hidden";var o=[];Array.prototype.forEach.call(t.fixedElements,(function(e){var n=e.el;if(document.body.contains(n)&&!n.classList.contains("t975")&&!n.classList.contains("t975")){var i=e.computedStyle,r=i.getPropertyValue("position");if("fixed"===r||"absolute"===r){var a=i.getPropertyValue("transition-duration");a.indexOf("ms")+1?(a=parseInt(a.replace("ms",""),10),o.push(a)):a.indexOf("s")+1&&(a=1e3*parseFloat(a.replace("s","")),o.push(a));var l=i.getPropertyValue("right");l=parseInt(l.replace("px",""),10);var d=i.getPropertyValue("width"),s=i.getPropertyValue("height"),c=n.style.right;c&&n.setAttribute("data-tilda-initial-right",c);var u=n.style.width;u&&n.setAttribute("data-tilda-initial-width",u);var m="100%"===d||d===window.innerWidth+"px"||d===window.innerWidth-t.scrollBarWidth+"px"||"100vw"===d,h="100%"===s||s===window.innerHeight+"px"||s===window.innerHeight-t.scrollBarWidth+"px"||"auto"===s||"100vh"===s;!l&&0!==l||"auto"===n.style.right||"absolute"===r||m?m&&!h&&(n.style.width="calc(100vw - "+t.scrollBarWidth+"px)"):n.style.right=t.scrollBarWidth+l+"px"}}})),o.length&&(t.delay=Math.max.apply(null,o))}}}function t_scrollBarWidthCompensator__cancel(){var t=window.scrollBarWidthCompensator;t&&t.isInited&&(t.isInited=!1,t.delay=0,document.body.hasAttribute("data-tilda-initial-padding-right")?(document.body.style.paddingRight=document.body.getAttribute("data-tilda-initial-padding-right"),document.body.removeAttribute("data-tilda-initial-padding-right")):document.body.style.removeProperty("padding-right"),document.body.style.removeProperty("height"),document.body.style.removeProperty("min-height"),document.body.style.removeProperty("overflow"),Array.prototype.forEach.call(t.fixedElements,(function(t){var e=t.el,n=e.classList.contains("tn-atom__sticky-wrapper")||e.classList.contains("tn-atom__sbs-anim-wrapper");e.hasAttribute("data-tilda-initial-right")?(e.style.right=e.getAttribute("data-tilda-initial-right"),e.removeAttribute("data-tilda-initial-right")):e.style.removeProperty("right"),e.hasAttribute("data-tilda-initial-width")?(e.style.width=e.getAttribute("data-tilda-initial-width"),e.removeAttribute("data-tilda-initial-width")):(e.style.removeProperty("width"),n&&(e.style.width="inherit"))})))}function t_triggerEvent(t,e){var n;document.createEvent?(n=document.createEvent("HTMLEvents")).initEvent(e,!0,!1):document.createEventObject&&((n=document.createEventObject()).eventType=e),n.eventName=e,t.dispatchEvent?t.dispatchEvent(n):t.fireEvent?t.fireEvent("on"+n.eventType,n):t[e]?t[e]():t["on"+e]&&t["on"+e]()}function t_loadJsFile(t,e,n){void 0===n&&(n=0);var o=3,i=1e3;if(document.querySelector('script[src^="'+t+'"]'))e&&e();else{var r=document.createElement("script");r.type="text/javascript",r.src=t,e&&r.addEventListener("load",(function(){e()})),r.addEventListener("error",(function(o){if(!(n<=3)){var a=o.message||"<no error message>";throw new Error("Failed to load "+t+" script: "+a,{cause:o})}setTimeout((function(){r.remove(),t_loadJsFile(t,e,n+1),console.warn("Retrying to load "+t+". Retry: "+(n+1))}),n*i)})),document.head.appendChild(r)}}function t_loadCSSFile(t,e,n){void 0===n&&(n=0);var o=3,i=1e3;if(document.querySelector('link[href^="'+t+'"]'))e&&e();else{var r=document.createElement("link");r.rel="stylesheet",r.type="text/css",r.media="all",r.href=t,r.crossOrigin="anonymous",e&&r.addEventListener("load",e),r.addEventListener("error",(function(o){if(!(n<=3)){var a=o.message||"<no error message>";throw new Error("Failed to load "+t+" style: "+a,{cause:o})}setTimeout((function(){r.remove(),t_loadCSSFile(t,e,n+1),console.warn("Retrying to load "+t+". Retry: "+(n+1))}),n*i)})),document.head.appendChild(r)}}function t_scrollTo(t,e){if(t){var n=e||{},o=n.useNativeScrollTo,i=n.duration,r=n.behavior,a=void 0===r?"instant":r,l=n.offset,d=void 0===l?0:l,s=Math.max(parseInt(t.getBoundingClientRect().top+window.scrollY-d,10),0);o||"instant"===a?window.scrollTo({left:0,top:s,behavior:a}):t_smoothScrollTo(s,i)}}function t_smoothScrollTo(t,e){void 0===e&&(e=500);var n=document.body,o=window.scrollY||window.pageYOffset,i=t-o,r=performance.now();function a(t){return Math.pow(t,2)}function l(){var d=performance.now(),s=Math.min((d-r)/e,1),c=a(s);window.scrollTo(0,o+i*c),s<1?requestAnimationFrame(l):(n.removeAttribute("data-scroll"),n.removeAttribute("data-scrollable"),window.scrollTo(0,t))}n.setAttribute("data-scroll","true"),n.setAttribute("data-scrollable","true"),requestAnimationFrame(l)}window.browserLang=(window.navigator.userLanguage||window.navigator.language).toUpperCase().slice(0,2),window.tildaBrowserLang=window.browserLang,t_onReady((function(){var t=document.getElementById("allrecords");if(t)var e=t.getAttribute("data-tilda-project-lang");e&&(window.browserLang=e)})),t_onReady((function(){var t=window.navigator.userAgent,e=-1!==t.indexOf("Instagram"),n=-1!==t.indexOf("FBAV"),o=-1!==t.indexOf("YaSearchBrowser"),i=-1!==t.indexOf("SamsungBrowser"),r=-1!==t.indexOf("DuckDuckGo"),a;if(-1!==t.indexOf("Android")&&(n||e||o||i||r)){var l=document.createElement("p");l.style.lineHeight="100px",l.style.padding="0",l.style.margin="0",l.style.height="auto",l.style.position="absolute",l.style.opacity="0.001",l.innerText="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",document.body.appendChild(l);var d=100/l.getBoundingClientRect().height;l.parentNode.removeChild(l),d<.98&&document.body.insertAdjacentHTML("beforeend",'<style>.t396 [data-elem-type="text"] .tn-atom {zoom: '+100*d+"%;}</style>")}window.isiOS&&!window.MSStream&&(document.body.style.setProperty("-webkit-text-size-adjust","100%"),document.body.style.setProperty("text-size-adjust","100%"))})),t_onReady((function(){function t(){var t=document.getElementById("allrecords"),e;return t&&t.getAttribute("data-tilda-root-zone")||"com"}setTimeout((function(){var e=document.querySelector("html"),n=document.querySelector(".t-tildalabel"),o=e.offsetHeight;if(document.body&&(o=Math.max(document.body.scrollHeight,document.body.offsetHeight,document.body.clientHeight,e.offsetHeight)),(document.getElementById("tildacopy")||n)&&n.querySelectorAll("div"))o+70>window.innerHeight&&n&&n.setAttribute("style","display: block !important; visibility: visible !important; position: relative !important; width: 100% !important; pointer-events: all !important; opacity: 1 !important; margin: 0 !important; z-index: 1 !important");else{for(var i=document.body.childNodes,r=[],a=0;a<i.length;a++){var l=i[a];8===l.nodeType&&r.push(l)}for(var a=0;a<r.length;a++)-1!==r[a].nodeValue.indexOf("'t remove this l")&&document.getElementById("allrecords").insertAdjacentHTML("afterend",'<div class="t-tildalabel t-tildalabel-free" style="display: block !important; visibility: visible !important; position: relative !important; width: 100% !important; pointer-events: all !important; opacity: 1 !important; margin: 0 !important; z-index: 99900 !important"><div class="t-tildalabel-free__main"><a href="https://tilda.cc" target="_blank" style="padding-bottom:12px; display: block;"><img style="width:40px;" src="https://static.tildacdn.'+t()+'/img/tildacopy.png"></a><div style="padding-bottom: 15px;">This site was made on <a href="https://tilda.cc" target="_blank" style="text-decoration: none; color:inherit;">Tilda — a website builder</a> that helps to&nbsp;create a&nbsp;website without any code</div><a href="https://tilda.cc/registration/" target="_blank" style="display: inline-block; padding: 10px 20px; font-size: 13px; border-radius: 50px; background-color: #fa8669; color: #fff; text-decoration: none;">Create a website</a></div><div class="t-tildalabel-free__links-wr"><a class="t-tildalabel-free__txt-link" href="https://help'+("RU"===window.browserLang?"-ru":"")+'.tilda.cc/white-label" target="_blank">'+("RU"===window.browserLang?"Как удалить этот лейбл":"How to remove this block")+"?</a></div></div>")}}),500)})),t_onReady((function(){var t=document.getElementById("allrecords");if(!window.isMobile&&t&&"yes"!==t.getAttribute("data-blocks-animationoff")&&!1===window.isSearchBot){for(var e=document.querySelectorAll(".r"),n=0;n<e.length;n++){var o,i=(o=e[n]).getAttribute("style");i&&-1!==i.indexOf("background-color")&&o.setAttribute("data-animationappear","off")}for(var r=Array.prototype.slice.call(e).filter((function(t){return!t.getAttribute("data-animationappear")&&!t.getAttribute("data-screen-min")&&!t.getAttribute("data-screen-max")})),n=0;n<r.length;n++){var o,a=(o=r[n]).getBoundingClientRect().top+window.pageYOffset,l=window.pageYOffset+window.innerHeight+300;t_addClass(o,a>1e3&&a>l?"r_hidden":"r_showed"),t_addClass(o,"r_anim")}if(r.length){function d(){for(var t=r.length-1;t>=0;t--){var e=r[t],n,o=0;e.getBoundingClientRect().top+window.pageYOffset<(o=e.offsetHeight<=100?window.pageYOffset+window.innerHeight:window.pageYOffset+window.innerHeight-100)&&(t_removeClass(e,"r_hidden"),t_addClass(e,"r_showed"),(r=Array.prototype.slice.call(r)).splice(t,1))}}var s=document.querySelectorAll('[data-record-type="400"]');if(s.length>0)var c=0,u=0,m=setInterval((function(){300===(u+=1)&&clearInterval(m);for(var t=0;t<s.length;t++){var e;"yes"===s[t].getAttribute("data-hiding-completed")&&(c+=1)}c===s.length&&(d(),clearInterval(m))}),100);window.addEventListener("scroll",t_throttle((function(){d()}),200)),setTimeout((function(){d()}))}}var h=document.querySelector("html"),p=document.body;"none"===h.style.display&&(h.style.display="block");var w=document.querySelector(".t-tildalabel"),f;(f=p?Math.max(p.scrollHeight,p.offsetHeight,p.clientHeight,h.offsetHeight):h.offsetHeight)+70<window.innerHeight?w&&(w.style.display="none"):w&&w.setAttribute("style","display: block !important")})),function(){function t(){window.winWidth=window.innerWidth,window.winHeight=window.innerHeight}function e(){var t=window.isMobile?document.documentElement.clientWidth:window.innerWidth,e=document.querySelectorAll(".r[data-screen-max], .r[data-screen-min]"),n,o,i;-1!==navigator.userAgent.indexOf("Instagram")&&(t=screen.width);for(var r=0;r<e.length;r++){var a=e[r],l=a.id.replace("rec","");if("yes"===a.getAttribute("data-connect-with-tab")||document.querySelector('[data-popup-rec-ids="'+l+'"]'))return;i=getComputedStyle(a).display,(n=a.getAttribute("data-screen-max"))||(n=1e4),(o=a.getAttribute("data-screen-min"))||(o=0),n=parseInt(n),(o=parseInt(o))<=n&&(t<=n&&t>o?"block"!==i&&(a.style.display="block"):"none"!==i&&(a.style.display="none"))}}t_onReady((function(){t(),e(),window.addEventListener("resize",t_throttle((function(){t()}),200)),window.addEventListener("resize",t_throttle((function(){e()}),200))}))}(),function(){var t=-1!==navigator.userAgent.indexOf("Instagram");function e(){for(var t=document.querySelectorAll(".t-cover__carrier"),e=0,n=0;n<t.length;n++){var o,i;if((i=(o=t[n]).style).height.indexOf("vh")>-1){e=parseInt(i.height,10)/100;var r=document.createElement("div");r.id="tempDiv",r.style.cssText="position:absolute;top:0;left:0;width:100%;height:100vh;visibility:hidden;",document.body.appendChild(r);var a=document.getElementById("tempDiv"),l=parseInt(getComputedStyle(a).height.replace("px",""));t_removeEl(a);var d=Math.round(l*e)+"px",s=o.closest(".t-cover");if(s){var c=s.querySelector(".t-cover__filter"),u=s.querySelector(".t-cover__wrapper");s.style.height=d,c&&(c.style.height=d),u&&(u.style.height=d)}i.height=d}}var m=document.querySelectorAll("[data-height-correct-vh]"),h=window.innerHeight;e=0;for(var n=0;n<m.length;n++){var o,i;(i=(o=m[n]).style).height.indexOf("vh")>-1&&(e=parseInt(i.height)/100,d=h+"px",i.height=d)}}function n(){var e=t?screen.width:window.innerWidth;window.isMobile&&!t&&(e=document.documentElement.clientWidth);for(var n=document.querySelectorAll('.r:not([data-record-type="396"]):not([data-record-type="1003"])'),o=[],i=0;i<n.length;i++){var r=n[i],a=getComputedStyle(r);"none"!==a.display&&"hidden"!==a.visibility&&"0"!==a.opacity&&o.push(r)}for(var l=0;l<o.length;l++)for(var d=o[l],s=d.querySelectorAll('div:not([data-auto-correct-mobile-width="false"]):not(.tn-elem):not(.tn-atom):not(.tn-atom__sbs-anim-wrapper):not(.tn-atom__prx-wrapper):not(.tn-atom__videoiframe):not(.tn-atom__sticky-wrapper):not(.t-store__relevants__container):not(.t-slds__items-wrapper):not(.js-product-controls-wrapper):not(.js-product-edition-option):not(.t-product__option-variants)'),c=0;c<s.length;c++){var u=s[c];d.style.wordBreak="";var m=t_outerWidth(u);if(m>e){if("yes"===u.getAttribute("[data-customstyle]")&&"false"===u.parentNode.getAttribute("[data-auto-correct-mobile-width]"))return;console.log("Block not optimized for mobile width. Block width:"+m+" Block id:"+d.getAttribute("id")),console.log(u),d.style.overflow="auto",d.style.wordBreak=m-3>e?"break-word":""}}}function o(t){for(var e=document.querySelectorAll('.t-text:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-name:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-title:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-descr:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-heading:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-text-impact:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-subtitle:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-uptitle:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"])'),n=0;n<e.length;n++){var o=e[n],i=o.getAttribute("style");if(i){var r="rem"===o.getAttribute("data-auto-correct-font-size"),a;if(document.documentElement.clientWidth>t)a=(a=i.replace("lineheight","line-height")).replace("fontsize","font-size"),o.setAttribute("style",a);else{if(-1===i.indexOf("font-size"))continue;if(parseInt(getComputedStyle(o).fontSize.replace("px",""))<26)continue;a=i.replace("line-height","lineheight"),a=r?a.replace(/font-size.*px;/gi,"font-size: 1.6rem;"):a.replace("font-size","fontsize"),o.setAttribute("style",a)}}}}(window.isMobile||window.parent.isPagePreview)&&(t_onReady((function(){setTimeout(e,400)})),window.addEventListener("load",(function(){setTimeout(e,400)})),window.innerWidth<480||window.isMobile&&document.documentElement.clientWidth<480||t&&screen.width<480?(t_onReady((function(){for(var t=document.querySelectorAll('[data-customstyle="yes"]'),e=document.querySelectorAll("[field] span, [field] strong, [field] em, [field] a"),n=0;n<t.length;n++){var i=t[n];parseInt(getComputedStyle(i).fontSize.replace("px",""))>26&&(i.style.fontSize=null,i.style.lineHeight=null)}for(var n=0;n<e.length;n++){var i=e[n];parseInt(getComputedStyle(i).fontSize.replace("px",""))>26&&(i.style.fontSize=null)}o(480),window.addEventListener("orientationchange",(function(){setTimeout((function(){o(480)}),500)}))})),window.addEventListener("load",n),window.addEventListener("orientationchange",(function(){setTimeout((function(){n()}),500)}))):(window.innerWidth<900||window.isMobile&&document.documentElement.clientWidth<900||t&&screen.width<900)&&t_onReady((function(){for(var t=document.querySelectorAll('[data-customstyle="yes"]'),e=document.querySelectorAll("[field] span, [field] strong, [field] em, [field] a"),n=0;n<t.length;n++){var o=t[n];parseInt(getComputedStyle(o).fontSize.replace("px",""))>30&&(o.style.fontSize=null,o.style.lineHeight=null)}for(var n=0;n<e.length;n++){var o=e[n];parseInt(getComputedStyle(o).fontSize.replace("px",""))>30&&(o.style.fontSize=null)}for(var i=document.querySelectorAll('.t-text:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-name:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-title:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-descr:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-heading:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-text-impact:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-subtitle:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"]), .t-uptitle:not(.tn-elem):not(.tn-atom):not([data-auto-correct-line-height="false"])'),n=0;n<i.length;n++){var o,r=(o=i[n]).getAttribute("style");if(r&&r.indexOf("font-size")>-1&&parseInt(getComputedStyle(o).fontSize.replace("px",""))>30)if("rem"===o.getAttribute("data-auto-correct-font-size")){var a=r.replace(/font-size.*px;/gi,"font-size: 1.6rem;").replace("line-height","lineheight");o.setAttribute("style",a)}else{var a=r.replace("font-size","fontsize").replace("line-height","lineheight");o.setAttribute("style",a)}}})))}(),t_onReady((function(){setTimeout((function(){for(var t=document.querySelectorAll('a[href^="http"][target="_blank"]'),e=0;e<t.length;e++){var n=t[e],o=n.getAttribute("rel")||"";""===o?n.setAttribute("rel","noopener"):-1===o.indexOf("noopener")&&n.setAttribute("rel",o+" noopener")}}),2500)})),function(t,e){t.onerror=function(e,n,o,i,r){"object"!=typeof t.t_jserrors&&(t.t_jserrors=[]),t.t_jserrors.push({message:e,filename:n,lineno:o,colno:i,error:r})}}(window,Math),t_onReady((function(){document.body.addEventListener("popupShowed",t_scrollBarWidthCompensator__init),document.body.addEventListener("popupHidden",(function(){var t=window.scrollBarWidthCompensator;t&&(t.cancelTimeout&&(window.clearTimeout(t.cancelTimeout),t.cancelTimeout=null),t.cancelTimeout=window.setTimeout((function(){t.cancelTimeout=null,t_scrollBarWidthCompensator__cancel()}),Math.min(300,t.delay)))}))})),window.scrollBarWidthCompensator;
</script> <script src="/tp/versions/721750928198/tilda-blocks-page54595895.min.js?t=1750928193" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="/tp/versions/721750928198/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="/tp/versions/721750928198/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="/tp/versions/721750928198/tilda-animation-sbs-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="/tp/versions/721750928198/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="/tp/versions/721750928198/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <!-- nominify begin --><!-- ANALYTICS_SCRIPTS --> <link rel="preconnect" href="https://neo.tildacdn.com" crossorigin> <link rel="preconnect" href="https://static.tildacdn.com" crossorigin> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <style>
  /*.uc-mobile-menu-guest,*/
  .uc-guest {
    display: none !important;
    display: block !important;
  }

  /*.uc-mobile-menu-user,*/
  .uc-logged {
    display: none !important;
    /*LOGGED_PROFESSION_HEADER_STYLE*/
  }

  /*.uc-mobile-menu-guest {*/
  /*  display: none;*/
    display: block !important;
  /*}*/

  /*.uc-mobile-menu-user {*/
  /*  display: none;*/
    /*LOGGED_PROFESSION_HEADER_STYLE*/
  /*}*/

  /*.uc-guest {*/
  /*  display: none;*/
    display: block !important;
  /*}*/

  /*.uc-logged {*/
  /*  display: none;*/
    /*LOGGED_PROFESSION_HEADER_STYLE*/
  /*}*/

  /* custom */
 
  .socialf5680be6-bee7-441a-a527-e1c12601863c
  {
    display: none !important;
  }
        
  .link_group 
  {
    display: none !important;
  } 

  .is-guest .uc-user-agreement {
    display: inline-block;
    margin-top: -30px;
  }

  #allrecords .uc-self-payment-link a {
    color: currentColor;
    font-weight: 800;
    border-bottom: 1px solid;
  }

</style> <script>setTimeout(function() {
 
  const sentryOptions = {
    dsn: 'https://5e408926ab534fba9c66d8f620d1f58b@o1090356.ingest.sentry.io/6106229',
    environment: 'production',
    ignoreErrors: [
      'top.GLOBALS', // Random plugins/extensions
      'VK is',
      'VK.Retargeting is ',
      "Can't find variable: VK",
      'pktAnnotationHighlighter',
      'amplitude',
      'google_tag_manager',
      'Unexpected keyword',
      'illegal character',
      'Unexpected identifier',
      'Illegal invocation',
      'missing = in const declaration',
    ],
    allowUrls: [/https?:\/\/((cdn|cdn2|ru)\.)?hexlet.io/],
    beforeSend(event, hint) {
      const stack = hint?.originalException?.stack || '';
      const errorInitiator = stack
        .split('\n')
        .map((line) => line.trim())
        .find((line) => line.startsWith('at'));
      const causedByConsole = errorInitiator
        ? errorInitiator.includes('<anonymous>:')
        : false;
      return causedByConsole ? null : event;
    },
  };
(function(c,u,v,n,p,e,z,A,w){function k(a){if(!x){x=!0;var l=u.getElementsByTagName(v)[0],d=u.createElement(v);d.src=A;d.crossOrigin="anonymous";d.addEventListener("load",function(){try{c[n]=r;c[p]=t;var b=c[e],d=b.init;b.init=function(a){for(var b in a)Object.prototype.hasOwnProperty.call(a,b)&&(w[b]=a[b]);d(w)};B(a,b)}catch(g){console.error(g)}});l.parentNode.insertBefore(d,l)}}function B(a,l){try{for(var d=m.data,b=0;b<a.length;b++)if("function"===typeof a[b])a[b]();var e=!1,g=c.__SENTRY__;"undefined"!==
typeof g&&g.hub&&g.hub.getClient()&&(e=!0);g=!1;for(b=0;b<d.length;b++)if(d[b].f){g=!0;var f=d[b];!1===e&&"init"!==f.f&&l.init();e=!0;l[f.f].apply(l,f.a)}!1===e&&!1===g&&l.init();var h=c[n],k=c[p];for(b=0;b<d.length;b++)d[b].e&&h?h.apply(c,d[b].e):d[b].p&&k&&k.apply(c,[d[b].p])}catch(C){console.error(C)}}for(var f=!0,y=!1,q=0;q<document.scripts.length;q++)if(-1<document.scripts[q].src.indexOf(z)){f="no"!==document.scripts[q].getAttribute("data-lazy");break}var x=!1,h=[],m=function(a){(a.e||a.p||a.f&&
-1<a.f.indexOf("capture")||a.f&&-1<a.f.indexOf("showReportDialog"))&&f&&k(h);m.data.push(a)};m.data=[];c[e]=c[e]||{};c[e].onLoad=function(a){h.push(a);f&&!y||k(h)};c[e].forceLoad=function(){y=!0;f&&setTimeout(function(){k(h)})};"init addBreadcrumb captureMessage captureException captureEvent configureScope withScope showReportDialog".split(" ").forEach(function(a){c[e][a]=function(){m({f:a,a:arguments})}});var r=c[n];c[n]=function(a,e,d,b,f){m({e:[].slice.call(arguments)});r&&r.apply(c,arguments)};
var t=c[p];c[p]=function(a){m({p:a.reason});t&&t.apply(c,arguments)};f||setTimeout(function(){k(h)})})(window,document,"script","onerror","onunhandledrejection","Sentry","5e408926ab534fba9c66d8f620d1f58b",
"https://browser.sentry-cdn.com/6.19.7/bundle.min.js", sentryOptions);

}, 20);</script> <script>
//<![CDATA[
window.gon={};gon.ym_counter="25559621";gon.is_bot=null;gon.applications={};gon.current_user={"id":null,"email":null,"created_at":"2026-02-26 18:02:25 UTC","last_viewed_notification_id":null,"paid_days_count":0,"first_name":"","last_name":"","birthday":null,"gender":null,"telegram":null,"sanitized_phone_number":"","phone_number_e164":null,"created_at_as_timestamp":1772128945,"full_name":"","text":null,"is_guest":true,"is_mentor":false,"is_tutor":false,"is_hexlet_employee":false,"current_company":null,"current_team_url":null,"can_use_paid_features":false,"current_program":null,"is_active_group_member":false,"is_active_async_group_member":false,"current_group_type":null,"current_group_program":null,"current_curator":{"email":null,"full_name":null},"current_tutor":{"full_name":null},"finished_lessons_count":null};gon.token="6jjOcz8gm3uk9c65gjIF-I9OwiCFW4XFJqzeUyaFQj6Oecp8qo6IaI7t0ChPoOD2OzYL9wzaYJZ1sQLDQo7zNA";gon.locale="ru";gon.language="ru";gon.theme="light";gon.rails_env="production";gon.mobile=null;gon.google={"analytics_key":"UA-1360700-51","optimize_key":"GTM-5QDVFPF"};gon.captcha={"google_v3_site_key":"6LenGbgZAAAAAM7HbrDbn5JlizCSzPcS767c9vaY","yandex_site_key":"ysc1_Vyob5ZPPUdPBsu0ykt8bVFdzsfpoVjQChLGl2b4g19647a89","verification_failed":null};gon.social_signin=false;gon.typoreporter_google_form_id="1FAIpQLSeibfGq-KvWQ2Fyru-zkFFRVTLBuzXAHAoEyN1p49FtDmNoNA";gon.assistant_thread_messages=null;gon.assistant_thread=null;gon.notifications=null;gon.leads_path="/leads";gon.create_with_registration_api_leads_path="/api/leads/create_with_registration?sign_in=force";gon.success_redirect_path="/programs/web-development-free/lead/success";gon.stack="web-development-free";gon.stackInRussian="Основы веб-разработки";gon.stackPrice=0;
//]]>
</script> <!-- PARTYTOWN_SCRIPTS --> <script>setTimeout(function() {
 
  if (!window.location.search.includes('disable_allthis_fuck'))  {
      window.dataLayer = window.dataLayer || [];
      setTimeout(function() {
      // Google Tag Manager
      (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-WK88TH');
      // End Google Tag Manager
      }, 1700);
  }

}, 30);</script> <!-- TIMER SETTINGS --> <style>
.days, .hours, .minutes, .seconds {
  font-size: 22px;
  font-family: 'Onest', Arial, sans-serif;
  font-weight: 600;
  line-height: 1.55;
}
.timer-text {
  font-size: 12px;
  font-family: 'Onest', Arial, sans-serif;
  line-height: 1.55;
}
.days-text, .hours-text, .minutes-text, .seconds-text {
  font-size: 9px;
  font-family: 'Onest', Arial, sans-serif;
  line-height: 1.55;
}
.fixed {
  position: fixed;
  bottom: 10px;
  z-index: 9999;
}
.uc-timer-container .t396__artboard {
  overflow: visible;
}
.hidden {
  bottom: -1000px;
}
@media (max-width: 480px) {
.days, .hours, .minutes, .seconds {
  font-size: 16px;
}
.timer-text, .days-text, .hours-text, .minutes-text, .seconds-text {
  font-size: 8px;
}
}
</style> <script>setTimeout(function() {
 
$(document).ready(function() {
  var timerClass = '.uc-timer-container';
  $(timerClass).addClass('fixed hidden');

  function formatWords(number) {
    if (number % 10 === 1 && number % 100 !== 11) {
      return {
        day: "день",
        hour: "час",
        minute: "минута",
        second: "секунда",
        remain: "остался"
      };
    } else if ([2, 3, 4].indexOf(number % 10) !== -1 && [12, 13, 14].indexOf(number % 100) === -1) {
      return {
        day: "дня",
        hour: "часа",
        minute: "минуты",
        second: "секунды",
        remain: "осталось"
      };
    } else {
      return {
        day: "дней",
        hour: "часов",
        minute: "минут",
        second: "секунд",
        remain: "осталось"
      };
    }
  }

    function getNextThursday() {
        if (document.location.search.includes('testtest')) {
            const currentTargetTime = sessionStorage.getItem('targetTime');
            if (currentTargetTime && new Date(currentTargetTime).getTime() > Date.now()) {
                return new Date(currentTargetTime);
            }
            const newTargetTime = new Date(Date.now() + 10000);
            sessionStorage.setItem('targetTime', newTargetTime.toISOString());
            return newTargetTime;
        }
    
        const now = new Date();
        const currentDay = now.getDay();
        const currentHour = now.getHours();
        const daysUntilNextThursday = (currentDay === 4 && currentHour >= 19) ? 7 : (4 - currentDay + 7) % 7;
    
        now.setDate(now.getDate() + daysUntilNextThursday);
        now.setHours(19, 0, 0, 0);
    
        return now;
    }

  function countdownTimer(elements) {
    function formatValue(value) {
      return value < 10 ? "0" + value : value;
    }

    function updateTimer() {
      var now = new Date().getTime();
      let timeRemaining = getNextThursday().getTime() - now;
      let type = 'enrollment';
      
      // НГ
      const actionBegin = new Date('2024-01-01T00:00:00+03:00');
      const actionEnd = new Date('2024-01-11T00:00:00+03:00');
      if (now >= actionBegin & now < actionEnd) {
        timeRemaining = actionEnd - now;
        type = 'action';
      }

      var days = formatValue(Math.floor(timeRemaining / (1000 * 60 * 60 * 24)));
      var hours = formatValue(Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)));
      var minutes = formatValue(Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60)));
      var seconds = formatValue(Math.floor((timeRemaining % (1000 * 60)) / 1000));

      var formatWordsResult = formatWords(days);
      var daysText = formatWordsResult.day;
      var remain = formatWordsResult.remain;

      for (var i = 0; i < elements.length; i++) {
        var element = elements[i];
        if (element.classList.contains('days')) {
          element.textContent = days;
        }
        if (element.classList.contains('hours')) {
          element.textContent = hours;
        }
        if (element.classList.contains('minutes')) {
          element.textContent = minutes;
        }
        if (element.classList.contains('seconds')) {
          element.textContent = seconds;
        }
        if (element.classList.contains('days-text')) {
          element.textContent = formatWords(days).day;
        }
        if (element.classList.contains('hours-text')) {
          element.textContent = formatWords(hours).hour;
        }
        if (element.classList.contains('minutes-text')) {
          element.textContent = formatWords(minutes).minute;
        }
        if (element.classList.contains('seconds-text')) {
          element.textContent = formatWords(seconds).second;
        }
      }
      
      textDiv.textContent = `До конца ${type === 'enrollment' ? 'набора' : 'акции'} ${remain}`;
    }

    // Execute the timer immediately
    updateTimer();

    // Update the timer once a second
    var interval = setInterval(updateTimer, 1000);
  }

  var textDiv = document.querySelector('.timer-text');
  var days = document.querySelector('.days');
  var hours = document.querySelector('.hours');
  var minutes = document.querySelector('.minutes');
  var seconds = document.querySelector('.seconds');
  var daysText = document.querySelector('.days-text');
  var hoursText = document.querySelector('.hours-text');
  var minutesText = document.querySelector('.minutes-text');
  var secondsText = document.querySelector('.seconds-text');

  var elements = [days, hours, minutes, seconds, daysText, hoursText, minutesText, secondsText];
  var timerElement = document.querySelector(timerClass);

  //document.querySelector(timerClass).classList.remove('hidden');

  var buttonElement = document.querySelector('a[href="#popup:first_screen"]') ?? document.querySelector('a[href="#rates"]') ?? document.querySelector('a[href="#enroll"]');
  var windowHeight = window.innerHeight || document.documentElement.clientHeight;
  var scrollThreshold = 900;

  function isInViewport(element) {
    var rect = element?.getBoundingClientRect();
    return (
      rect?.top >= 0 &&
      rect?.bottom <= windowHeight
    );
  }

  function handleScroll() {
    var scrollY = window.pageYOffset || document.documentElement.scrollTop;
    if (scrollY < scrollThreshold && isInViewport(buttonElement)) {
      timerElement.classList.add('hidden');
    }
    if (scrollY > scrollThreshold && !isInViewport(buttonElement)) {
      timerElement.classList.remove('hidden');
    }
  }

  if (timerElement) {
    countdownTimer(elements);

    // Initial check when the page loads
    handleScroll();

    // Check on scroll
    window.addEventListener('scroll', handleScroll, { passive: true });
  }
});

}, 40);</script> <script defer src="https://unpkg.com/scrollbooster@3/dist/scrollbooster.min.js" defer></script> <script >
//!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("ScrollBooster",[],e):"object"==typeof exports?exports.ScrollBooster=e():t.ScrollBooster=e()}(this,(function(){return function(t){var e={};function i(o){if(e[o])return e[o].exports;var n=e[o]={i:o,l:!1,exports:{}};return t[o].call(n.exports,n,n.exports,i),n.l=!0,n.exports}return i.m=t,i.c=e,i.d=function(t,e,o){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(i.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)i.d(o,n,function(e){return t[e]}.bind(null,n));return o},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=0)}([function(t,e,i){"use strict";function o(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,o)}return i}function n(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?o(Object(i),!0).forEach((function(e){r(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):o(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function r(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function s(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){for(var i=0;i<e.length;i++){var o=e[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}i.r(e),i.d(e,"default",(function(){return p}));var l=function(t){return Math.max(t.offsetHeight,t.scrollHeight)},p=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s(this,t);var i={content:e.viewport.children[0],direction:"all",pointerMode:"all",scrollMode:void 0,bounce:!0,bounceForce:.1,friction:.05,textSelection:!1,inputsFocus:!0,emulateScroll:!1,preventDefaultOnEmulateScroll:!1,preventPointerMoveDefault:!0,lockScrollOnDragDirection:!1,pointerDownPreventDefault:!0,dragDirectionTolerance:40,onPointerDown:function(){},onPointerUp:function(){},onPointerMove:function(){},onClick:function(){},onUpdate:function(){},onWheel:function(){},shouldScroll:function(){return!0}};if(this.props=n(n({},i),e),this.props.viewport&&this.props.viewport instanceof Element)if(this.props.content){this.isDragging=!1,this.isTargetScroll=!1,this.isScrolling=!1,this.isRunning=!1;var o={x:0,y:0};this.position=n({},o),this.velocity=n({},o),this.dragStartPosition=n({},o),this.dragOffset=n({},o),this.clientOffset=n({},o),this.dragPosition=n({},o),this.targetPosition=n({},o),this.scrollOffset=n({},o),this.rafID=null,this.events={},this.updateMetrics(),this.handleEvents()}else console.error("ScrollBooster init error: Viewport does not have any content");else console.error('ScrollBooster init error: "viewport" config property must be present and must be Element')}var e,i,o;return e=t,(i=[{key:"updateOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.props=n(n({},this.props),t),this.props.onUpdate(this.getState()),this.startAnimationLoop()}},{key:"updateMetrics",value:function(){var t;this.viewport={width:this.props.viewport.clientWidth,height:this.props.viewport.clientHeight},this.content={width:(t=this.props.content,Math.max(t.offsetWidth,t.scrollWidth)),height:l(this.props.content)},this.edgeX={from:Math.min(-this.content.width+this.viewport.width,0),to:0},this.edgeY={from:Math.min(-this.content.height+this.viewport.height,0),to:0},this.props.onUpdate(this.getState()),this.startAnimationLoop()}},{key:"startAnimationLoop",value:function(){var t=this;this.isRunning=!0,cancelAnimationFrame(this.rafID),this.rafID=requestAnimationFrame((function(){return t.animate()}))}},{key:"animate",value:function(){var t=this;if(this.isRunning){this.updateScrollPosition(),this.isMoving()||(this.isRunning=!1,this.isTargetScroll=!1);var e=this.getState();this.setContentPosition(e),this.props.onUpdate(e),this.rafID=requestAnimationFrame((function(){return t.animate()}))}}},{key:"updateScrollPosition",value:function(){this.applyEdgeForce(),this.applyDragForce(),this.applyScrollForce(),this.applyTargetForce();var t=1-this.props.friction;this.velocity.x*=t,this.velocity.y*=t,"vertical"!==this.props.direction&&(this.position.x+=this.velocity.x),"horizontal"!==this.props.direction&&(this.position.y+=this.velocity.y),this.props.bounce&&!this.isScrolling||this.isTargetScroll||(this.position.x=Math.max(Math.min(this.position.x,this.edgeX.to),this.edgeX.from),this.position.y=Math.max(Math.min(this.position.y,this.edgeY.to),this.edgeY.from))}},{key:"applyForce",value:function(t){this.velocity.x+=t.x,this.velocity.y+=t.y}},{key:"applyEdgeForce",value:function(){if(this.props.bounce&&!this.isDragging){var t=this.position.x<this.edgeX.from,e=this.position.x>this.edgeX.to,i=this.position.y<this.edgeY.from,o=this.position.y>this.edgeY.to,n=t||e,r=i||o;if(n||r){var s=t?this.edgeX.from:this.edgeX.to,a=i?this.edgeY.from:this.edgeY.to,l=s-this.position.x,p=a-this.position.y,c={x:l*this.props.bounceForce,y:p*this.props.bounceForce},h=this.position.x+(this.velocity.x+c.x)/this.props.friction,u=this.position.y+(this.velocity.y+c.y)/this.props.friction;(t&&h>=this.edgeX.from||e&&h<=this.edgeX.to)&&(c.x=l*this.props.bounceForce-this.velocity.x),(i&&u>=this.edgeY.from||o&&u<=this.edgeY.to)&&(c.y=p*this.props.bounceForce-this.velocity.y),this.applyForce({x:n?c.x:0,y:r?c.y:0})}}}},{key:"applyDragForce",value:function(){if(this.isDragging){var t=this.dragPosition.x-this.position.x,e=this.dragPosition.y-this.position.y;this.applyForce({x:t-this.velocity.x,y:e-this.velocity.y})}}},{key:"applyScrollForce",value:function(){this.isScrolling&&(this.applyForce({x:this.scrollOffset.x-this.velocity.x,y:this.scrollOffset.y-this.velocity.y}),this.scrollOffset.x=0,this.scrollOffset.y=0)}},{key:"applyTargetForce",value:function(){this.isTargetScroll&&this.applyForce({x:.08*(this.targetPosition.x-this.position.x)-this.velocity.x,y:.08*(this.targetPosition.y-this.position.y)-this.velocity.y})}},{key:"isMoving",value:function(){return this.isDragging||this.isScrolling||Math.abs(this.velocity.x)>=.01||Math.abs(this.velocity.y)>=.01}},{key:"scrollTo",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.isTargetScroll=!0,this.targetPosition.x=-t.x||0,this.targetPosition.y=-t.y||0,this.startAnimationLoop()}},{key:"setPosition",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.velocity.x=0,this.velocity.y=0,this.position.x=-t.x||0,this.position.y=-t.y||0,this.startAnimationLoop()}},{key:"getState",value:function(){return{isMoving:this.isMoving(),isDragging:!(!this.dragOffset.x&&!this.dragOffset.y),position:{x:-this.position.x,y:-this.position.y},dragOffset:this.dragOffset,dragAngle:this.getDragAngle(this.clientOffset.x,this.clientOffset.y),borderCollision:{left:this.position.x>=this.edgeX.to,right:this.position.x<=this.edgeX.from,top:this.position.y>=this.edgeY.to,bottom:this.position.y<=this.edgeY.from}}}},{key:"getDragAngle",value:function(t,e){return Math.round(Math.atan2(t,e)*(180/Math.PI))}},{key:"getDragDirection",value:function(t,e){return Math.abs(90-Math.abs(t))<=90-e?"horizontal":"vertical"}},{key:"setContentPosition",value:function(t){"transform"===this.props.scrollMode&&(this.props.content.style.transform="translate(".concat(-t.position.x,"px, ").concat(-t.position.y,"px)")),"native"===this.props.scrollMode&&(this.props.viewport.scrollTop=t.position.y,this.props.viewport.scrollLeft=t.position.x)}},{key:"handleEvents",value:function(){var t=this,e={x:0,y:0},i={x:0,y:0},o=null,n=null,r=!1,s=function(n){if(t.isDragging){var s=r?n.touches[0]:n,a=s.pageX,l=s.pageY,p=s.clientX,c=s.clientY;t.dragOffset.x=a-e.x,t.dragOffset.y=l-e.y,t.clientOffset.x=p-i.x,t.clientOffset.y=c-i.y,(Math.abs(t.clientOffset.x)>5&&!o||Math.abs(t.clientOffset.y)>5&&!o)&&(o=t.getDragDirection(t.getDragAngle(t.clientOffset.x,t.clientOffset.y),t.props.dragDirectionTolerance)),t.props.lockScrollOnDragDirection&&"all"!==t.props.lockScrollOnDragDirection?o===t.props.lockScrollOnDragDirection&&r?(t.dragPosition.x=t.dragStartPosition.x+t.dragOffset.x,t.dragPosition.y=t.dragStartPosition.y+t.dragOffset.y):r?(t.dragPosition.x=t.dragStartPosition.x,t.dragPosition.y=t.dragStartPosition.y):(t.dragPosition.x=t.dragStartPosition.x+t.dragOffset.x,t.dragPosition.y=t.dragStartPosition.y+t.dragOffset.y):(t.dragPosition.x=t.dragStartPosition.x+t.dragOffset.x,t.dragPosition.y=t.dragStartPosition.y+t.dragOffset.y)}};this.events.pointerdown=function(o){r=!(!o.touches||!o.touches[0]),t.props.onPointerDown(t.getState(),o,r);var n=r?o.touches[0]:o,a=n.pageX,l=n.pageY,p=n.clientX,c=n.clientY,h=t.props.viewport,u=h.getBoundingClientRect();if(!(p-u.left>=h.clientLeft+h.clientWidth)&&!(c-u.top>=h.clientTop+h.clientHeight)&&t.props.shouldScroll(t.getState(),o)&&2!==o.button&&("mouse"!==t.props.pointerMode||!r)&&("touch"!==t.props.pointerMode||r)&&!(t.props.inputsFocus&&["input","textarea","button","select","label"].indexOf(o.target.nodeName.toLowerCase())>-1)){if(t.props.textSelection){if(function(t,e,i){for(var o=t.childNodes,n=document.createRange(),r=0;r<o.length;r++){var s=o[r];if(3===s.nodeType){n.selectNodeContents(s);var a=n.getBoundingClientRect();if(e>=a.left&&i>=a.top&&e<=a.right&&i<=a.bottom)return s}}return!1}(o.target,p,c))return;(f=window.getSelection?window.getSelection():document.selection)&&(f.removeAllRanges?f.removeAllRanges():f.empty&&f.empty())}var f;t.isDragging=!0,e.x=a,e.y=l,i.x=p,i.y=c,t.dragStartPosition.x=t.position.x,t.dragStartPosition.y=t.position.y,s(o),t.startAnimationLoop(),!r&&t.props.pointerDownPreventDefault&&o.preventDefault()}},this.events.pointermove=function(e){!e.cancelable||"all"!==t.props.lockScrollOnDragDirection&&t.props.lockScrollOnDragDirection!==o||e.preventDefault(),s(e),t.props.onPointerMove(t.getState(),e,r)},this.events.pointerup=function(e){t.isDragging=!1,o=null,t.props.onPointerUp(t.getState(),e,r)},this.events.wheel=function(e){var i=t.getState();t.props.emulateScroll&&(t.velocity.x=0,t.velocity.y=0,t.isScrolling=!0,t.scrollOffset.x=-e.deltaX,t.scrollOffset.y=-e.deltaY,t.props.onWheel(i,e),t.startAnimationLoop(),clearTimeout(n),n=setTimeout((function(){return t.isScrolling=!1}),80),t.props.preventDefaultOnEmulateScroll&&t.getDragDirection(t.getDragAngle(-e.deltaX,-e.deltaY),t.props.dragDirectionTolerance)===t.props.preventDefaultOnEmulateScroll&&e.preventDefault())},this.events.scroll=function(){var e=t.props.viewport,i=e.scrollLeft,o=e.scrollTop;Math.abs(t.position.x+i)>3&&(t.position.x=-i,t.velocity.x=0),Math.abs(t.position.y+o)>3&&(t.position.y=-o,t.velocity.y=0)},this.events.click=function(e){var i=t.getState(),o="vertical"!==t.props.direction?i.dragOffset.x:0,n="horizontal"!==t.props.direction?i.dragOffset.y:0;Math.max(Math.abs(o),Math.abs(n))>5&&(e.preventDefault(),e.stopPropagation()),t.props.onClick(i,e,r)},this.events.contentLoad=function(){return t.updateMetrics()},this.events.resize=function(){return t.updateMetrics()},this.props.viewport.addEventListener("mousedown",this.events.pointerdown),this.props.viewport.addEventListener("touchstart",this.events.pointerdown,{passive:!1}),this.props.viewport.addEventListener("click",this.events.click),this.props.viewport.addEventListener("wheel",this.events.wheel,{passive:!1}),this.props.viewport.addEventListener("scroll",this.events.scroll),this.props.content.addEventListener("load",this.events.contentLoad,!0),window.addEventListener("mousemove",this.events.pointermove),window.addEventListener("touchmove",this.events.pointermove,{passive:!1}),window.addEventListener("mouseup",this.events.pointerup),window.addEventListener("touchend",this.events.pointerup),window.addEventListener("resize",this.events.resize)}},{key:"destroy",value:function(){this.props.viewport.removeEventListener("mousedown",this.events.pointerdown),this.props.viewport.removeEventListener("touchstart",this.events.pointerdown),this.props.viewport.removeEventListener("click",this.events.click),this.props.viewport.removeEventListener("wheel",this.events.wheel),this.props.viewport.removeEventListener("scroll",this.events.scroll),this.props.content.removeEventListener("load",this.events.contentLoad),window.removeEventListener("mousemove",this.events.pointermove),window.removeEventListener("touchmove",this.events.pointermove),window.removeEventListener("mouseup",this.events.pointerup),window.removeEventListener("touchend",this.events.pointerup),window.removeEventListener("resize",this.events.resize)}}])&&a(e.prototype,i),o&&a(e,o),t}()}]).default}));    
</script> <script>setTimeout(function() {
 
  // временный хак для закрытия попапа
  (function () {
  const run = () => {
    if (typeof t702_initPopup === 'function') {
      const popupId = document.querySelector('.t-popup').parentNode.parentNode.id.slice(3);
      t702_initPopup(popupId);
    }
  };

  setTimeout(run, 13000);
})();

}, 50);</script><!-- nominify end --><script>setTimeout(function() {
 window.dataLayer=window.dataLayer||[];
}, 60);</script> <script>setTimeout(function() {
 (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);}})();
}, 70);</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="6150417" data-tilda-page-id="54595895" data-tilda-page-alias="programs/web-development-free" data-tilda-formskey="c7476862c5efb0cc2cf9446946150417" data-tilda-project-lang="RU" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y"> <div id="rec795894360" class="r t-rec t-rec_pt_0" style="padding-top:0px;background-color:#ffffff; " data-animationappear="off" data-record-type="396" data-bg-color="#ffffff"> <!-- T396 --> <style>#rec795894360 .t396__artboard {height:71px;background-color:#f5f5f5;}#rec795894360 .t396__filter {height:71px;}#rec795894360 .t396__carrier{height:71px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795894360 .t396__artboard,#rec795894360 .t396__filter,#rec795894360 .t396__carrier {}#rec795894360 .t396__filter {}#rec795894360 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795894360 .t396__artboard,#rec795894360 .t396__filter,#rec795894360 .t396__carrier {height:71px;}#rec795894360 .t396__filter {}#rec795894360 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795894360 .t396__artboard,#rec795894360 .t396__filter,#rec795894360 .t396__carrier {height:53px;}#rec795894360 .t396__filter {}#rec795894360 .t396__carrier {background-attachment:scroll;}}#rec795894360 .tn-elem[data-elem-id="1665742530798"]{z-index:2;top:24px;left:calc(50% - 600px + 16px);width:108px;height:auto;}#rec795894360 .tn-elem[data-elem-id="1665742530798"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795894360 .tn-elem[data-elem-id="1665742530798"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec795894360 .tn-elem[data-elem-id="1665742530798"] {top:24px;left:calc(50% - 480px + 16px);height:auto;}}@media screen and (max-width:959px) {#rec795894360 .tn-elem[data-elem-id="1665742530798"] {top:25px;left:calc(50% - 320px + 16px);width:96px;height:auto;}}@media screen and (max-width:639px) {#rec795894360 .tn-elem[data-elem-id="1665742530798"] {top:15px;left:calc(50% - 160px + 16px);width:76px;height:auto;}}#rec795894360 .tn-elem[data-elem-id="1718378963245"]{z-index:3;top:70px;left:calc(50% - 600px + 16px);width:1168px;height:1px;}#rec795894360 .tn-elem[data-elem-id="1718378963245"] .tn-atom{background-color:#c1c1c1;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894360 .tn-elem[data-elem-id="1718378963245"] {width:928px;}}@media screen and (max-width:959px) {#rec795894360 .tn-elem[data-elem-id="1718378963245"] {width:608px;}}@media screen and (max-width:639px) {#rec795894360 .tn-elem[data-elem-id="1718378963245"] {top:52px;left:calc(50% - 160px + 16px);width:288px;}}#rec795894360 .tn-elem[data-elem-id="1719578385782"]{z-index:4;top:141px;left:calc(50% - 600px + 236px);width:560px;height:78px;}#rec795894360 .tn-elem[data-elem-id="1719578385782"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894360 .tn-elem[data-elem-id="1719578385782"] {top:135px;left:calc(50% - 480px + 157px);}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec795894360 .tn-elem[data-elem-id="1719578385782"] {top:109px;left:calc(50% - 160px + 472px);width:246px;height:78px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795894360" data-artboard-screens="320,640,960,1200" data-artboard-height="71" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="53" data-artboard-height-res-640="71" data-artboard-upscale-res-960="window"> <div class="t396__carrier" data-artboard-recid="795894360"></div> <div class="t396__filter" data-artboard-recid="795894360"></div> <div class='t396__elem tn-elem tn-elem__7958943601665742530798' data-elem-id='1665742530798' data-elem-type='image' data-field-top-value="24" data-field-left-value="16" data-field-width-value="108" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="263" data-field-fileheight-value="55" data-field-lazyoff-value="y" data-field-top-res-320-value="15" data-field-left-res-320-value="16" data-field-width-res-320-value="76" data-field-top-res-640-value="25" data-field-left-res-640-value="16" data-field-width-res-640-value="96" data-field-top-res-960-value="24" data-field-left-res-960-value="16"> <a class='tn-atom' href="https://ru.hexlet.io/" rel="nofollow" target="_blank"> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3633-3963-4162-b935-663465376364__logo_hexlet_black_ru.svg" alt="" imgfield="tn_img_1665742530798" loading="lazy"> </a> </div> <div class='t396__elem tn-elem tn-elem__7958943601718378963245' data-elem-id='1718378963245' data-elem-type='shape' data-field-top-value="70" data-field-left-value="16" data-field-height-value="1" data-field-width-value="1168" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="52" data-field-left-res-320-value="16" data-field-width-res-320-value="288" data-field-width-res-640-value="608" data-field-width-res-960-value="928"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943601719578385782' data-elem-id='1719578385782' data-elem-type='html' data-field-top-value="141" data-field-left-value="236" data-field-height-value="78" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="109" data-field-left-res-320-value="472" data-field-height-res-320-value="78" data-field-width-res-320-value="246" data-field-top-res-960-value="135" data-field-left-res-960-value="157"> <div class='tn-atom tn-atom__html'> <form class="switch_profession_form" style="display:none" action="https://ru.hexlet.io/programs/web-development-free/member" method="post"> <input name="authenticity_token" type="hidden" value="6jjOcz8gm3uk9c65gjIF-I9OwiCFW4XFJqzeUyaFQj6Oecp8qo6IaI7t0ChPoOD2OzYL9wzaYJZ1sQLDQo7zNA"> </form> </div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795894360');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795894360');});});
}, 80);</script> <!-- /T396 --> </div> <div id="rec795894362" class="r t-rec t-rec_pt_60 t-rec_pt-res-480_0" style="padding-top:60px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec795894362 .t396__artboard {height:547px;background-color:#f5f5f5;}#rec795894362 .t396__filter {height:547px;}#rec795894362 .t396__carrier{height:547px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795894362 .t396__artboard,#rec795894362 .t396__filter,#rec795894362 .t396__carrier {height:507px;}#rec795894362 .t396__filter {}#rec795894362 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795894362 .t396__artboard,#rec795894362 .t396__filter,#rec795894362 .t396__carrier {height:614px;}#rec795894362 .t396__filter {}#rec795894362 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795894362 .t396__artboard,#rec795894362 .t396__filter,#rec795894362 .t396__carrier {height:532px;}#rec795894362 .t396__filter {}#rec795894362 .t396__carrier {background-attachment:scroll;}}#rec795894362 .tn-elem[data-elem-id="1726124233521"]{z-index:3;top:80px;left:calc(50% - 600px + -5000px);width:931px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1726124233521"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795894362 .tn-elem[data-elem-id="1726124233521"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec795894362 .tn-elem[data-elem-id="1726124233521"] {top:117px;left:calc(50% - 480px + -5000px);width:770px;height:auto;}}@media screen and (max-width:959px) {#rec795894362 .tn-elem[data-elem-id="1726124233521"] {top:273px;left:calc(50% - 320px + 295px);width:639px;height:auto;}}@media screen and (max-width:639px) {#rec795894362 .tn-elem[data-elem-id="1726124233521"] {top:64px;left:calc(50% - 160px + -854px);width:601px;height:auto;}}#rec795894362 .tn-elem[data-elem-id="1719312204350"]{z-index:4;top:-37px;left:calc(50% - 600px + 680px);width:500px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1719312204350"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec795894362 .tn-elem[data-elem-id="1719312204350"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec795894362 .tn-elem[data-elem-id="1719312204350"] {top:-29px;left:calc(50% - 480px + 509px);width:435px;height:auto;}}@media screen and (max-width:959px) {#rec795894362 .tn-elem[data-elem-id="1719312204350"] {top:-48px;left:calc(50% - 320px + -707px);width:374px;height:auto;}}@media screen and (max-width:639px) {#rec795894362 .tn-elem[data-elem-id="1719312204350"] {top:219px;left:calc(50% - 160px + 124px);width:186px;height:auto;}}#rec795894362 .tn-elem[data-elem-id="1718194114368"]{color:#131415;text-align:LEFT;z-index:5;top:33px;left:calc(50% - 600px + 16px);width:242px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1718194114368"] .tn-atom {vertical-align:middle;color:#131415;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec795894362 .tn-elem[data-elem-id="1718194114368"] {top:23px;width:182px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1718194114368"] .tn-atom{font-size:16px;background-size:cover;}}#rec795894362 .tn-elem[data-elem-id="1718194114391"]{color:#131415;text-align:LEFT;z-index:6;top:70px;left:calc(50% - 600px + 16px);width:726px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1718194114391"] .tn-atom {vertical-align:middle;color:#131415;font-size:60px;font-family:'Manrope',Arial,sans-serif;line-height:1.2;font-weight:400;letter-spacing:-1.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894362 .tn-elem[data-elem-id="1718194114391"] {width:564px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1718194114391"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894362 .tn-elem[data-elem-id="1718194114391"] {top:70px;left:calc(50% - 320px + 16px);width:559px;height:auto;}}@media screen and (max-width:639px) {#rec795894362 .tn-elem[data-elem-id="1718194114391"] {top:50px;width:304px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1718194114391"] .tn-atom{font-size:27px;background-size:cover;}}#rec795894362 .tn-elem[data-elem-id="1718194114396"]{color:#131415;text-align:LEFT;z-index:7;top:238px;left:calc(50% - 600px + 16px);width:566px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1718194114396"] .tn-atom {vertical-align:middle;color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894362 .tn-elem[data-elem-id="1718194114396"] {top:206px;width:400px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1718194114396"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894362 .tn-elem[data-elem-id="1718194114396"] {top:210px;width:385px;height:auto;}}@media screen and (max-width:639px) {#rec795894362 .tn-elem[data-elem-id="1718194114396"] {top:122px;left:calc(50% - 160px + 16px);width:254px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1718194114396"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894362 .tn-elem[data-elem-id="1718194114411"]{z-index:8;top:100px;left:calc(50% - 600px + 806px);width:270px;height:364px;}#rec795894362 .tn-elem[data-elem-id="1718194114411"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894362 .tn-elem[data-elem-id="1718194114411"] {top:100px;left:calc(50% - 480px + 631px);width:243px;height:326px;}}@media screen and (max-width:959px) {#rec795894362 .tn-elem[data-elem-id="1718194114411"] {top:276px;left:calc(50% - 320px + 373px);width:231px;height:272px;}#rec795894362 .tn-elem[data-elem-id="1718194114411"] .tn-atom {background-size:cover;-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg);transform:rotate(8deg);}}@media screen and (max-width:639px) {#rec795894362 .tn-elem[data-elem-id="1718194114411"] {top:259px;left:calc(50% - 160px + 159px);width:142px;height:156px;}}#rec795894362 .tn-elem[data-elem-id="1718194203979"]{z-index:9;top:100px;left:calc(50% - 600px + 628px);width:931px;height:auto;}#rec795894362 .tn-elem[data-elem-id="1718194203979"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec795894362 .tn-elem[data-elem-id="1718194203979"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec795894362 .tn-elem[data-elem-id="1718194203979"] {height:auto;}}@media screen and (max-width:959px) {#rec795894362 .tn-elem[data-elem-id="1718194203979"] {height:auto;}}@media screen and (max-width:639px) {#rec795894362 .tn-elem[data-elem-id="1718194203979"] {height:auto;}}#rec795894362 .tn-elem[data-elem-id="1718194174186"]{color:#f5f5f5;text-align:center;z-index:10;top:446px;left:calc(50% - 600px + 16px);width:357px;height:57px;}#rec795894362 .tn-elem[data-elem-id="1718194174186"] .tn-atom{color:#f5f5f5;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;border-width:1px;border-radius:1px 1px 1px 1px;background-color:#433eff;background-position:center center;border-color:#433eff ;border-style:solid;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out,border-color 0.2s ease-in-out;}@media (hover),(min-width:0\0) {#rec795894362 .tn-elem[data-elem-id="1718194174186"] .tn-atom:hover {background-color:#241eff;background-image:none;border-color:#241eff;}#rec795894362 .tn-elem[data-elem-id="1718194174186"] .tn-atom:hover {color:#f5f5f5;}}@media screen and (max-width:1199px) {#rec795894362 .tn-elem[data-elem-id="1718194174186"] {top:406px;}}@media screen and (max-width:959px) {#rec795894362 .tn-elem[data-elem-id="1718194174186"] {top:513px;left:calc(50% - 320px + 16px);width:357px;}}@media screen and (max-width:639px) {#rec795894362 .tn-elem[data-elem-id="1718194174186"] {top:437px;left:calc(50% - 160px + 16px);width:288px;height:55px;}#rec795894362 .tn-elem[data-elem-id="1718194174186"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795894362" data-artboard-screens="320,640,960,1200" data-artboard-height="547" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="532" data-artboard-upscale-res-320="window" data-artboard-height-res-640="614" data-artboard-upscale-res-640="grid" data-artboard-height-res-960="507" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="795894362"></div> <div class="t396__filter" data-artboard-recid="795894362"></div> <div class='t396__elem tn-elem tn-elem__7958943621726124233521' data-elem-id='1726124233521' data-elem-type='vector' data-field-top-value="80" data-field-left-value="-5000" data-field-height-value="413" data-field-width-value="931" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-heightmode-value="hug" data-field-top-res-320-value="64" data-field-left-res-320-value="-854" data-field-width-res-320-value="601" data-field-top-res-640-value="273" data-field-left-res-640-value="295" data-field-width-res-640-value="639" data-field-top-res-960-value="117" data-field-left-res-960-value="-5000" data-field-width-res-960-value="770"> <div class='tn-atom tn-atom__vector'> <?xml version="1.0" encoding="UTF-8"?> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 931 413" fill="none"> <path d="M465.5 0L931 218.647L465.5 413L0 218.647L465.5 0Z" fill="#433EFF"></path> </svg> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943621719312204350' data-elem-id='1719312204350' data-elem-type='image' data-field-top-value="-37" data-field-left-value="680" data-field-height-value="832" data-field-width-value="500" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="453" data-field-fileheight-value="754" data-field-heightmode-value="hug" data-field-top-res-320-value="219" data-field-left-res-320-value="124" data-field-width-res-320-value="186" data-field-top-res-640-value="-48" data-field-left-res-640-value="-707" data-field-width-res-640-value="374" data-field-top-res-960-value="-29" data-field-left-res-960-value="509" data-field-width-res-960-value="435"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild6239-3639-4233-b135-306661333437__pattern_blue.svg" alt="" imgfield="tn_img_1719312204350" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943621718194114368' data-elem-id='1718194114368' data-elem-type='text' data-field-top-value="33" data-field-left-value="16" data-field-height-value="29" data-field-width-value="242" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="23" data-field-width-res-320-value="182"> <h2 class='tn-atom'field='tn_text_1718194114368'>Бесплатный курс</h2> </div> <div class='t396__elem tn-elem tn-elem__7958943621718194114391' data-elem-id='1718194114391' data-elem-type='text' data-field-top-value="70" data-field-left-value="16" data-field-height-value="144" data-field-width-value="726" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="50" data-field-width-res-320-value="304" data-field-top-res-640-value="70" data-field-left-res-640-value="16" data-field-width-res-640-value="559" data-field-width-res-960-value="564"> <h1 class='tn-atom'field='tn_text_1718194114391'>Основы веб-разработки от Хекслета</h1> </div> <div class='t396__elem tn-elem tn-elem__7958943621718194114396' data-elem-id='1718194114396' data-elem-type='text' data-field-top-value="238" data-field-left-value="16" data-field-height-value="104" data-field-width-value="566" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="122" data-field-left-res-320-value="16" data-field-width-res-320-value="254" data-field-top-res-640-value="210" data-field-width-res-640-value="385" data-field-top-res-960-value="206" data-field-width-res-960-value="400"> <div class='tn-atom'field='tn_text_1718194114396'>Изучите фундаментальные принципы создания современных веб-сайтов, освоив языки HTML, CSS и JavaScript. Этот курс <span style="color: rgb(67, 62, 255);">поможет вам заложить прочный фундамент</span> для дальнейшего профессионального роста в веб-разработке</div> </div> <div class='t396__elem tn-elem tn-elem__7958943621718194114411' data-elem-id='1718194114411' data-elem-type='shape' data-field-top-value="100" data-field-left-value="806" data-field-height-value="364" data-field-width-value="270" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="259" data-field-left-res-320-value="159" data-field-height-res-320-value="156" data-field-width-res-320-value="142" data-field-top-res-640-value="276" data-field-left-res-640-value="373" data-field-height-res-640-value="272" data-field-width-res-640-value="231" data-field-top-res-960-value="100" data-field-left-res-960-value="631" data-field-height-res-960-value="326" data-field-width-res-960-value="243"> <div class='tn-atom' style="background-image:url('/tp/versions/721750928198/tild6639-3235-4563-a366-636330303334__enter_1_2.png');"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943621718194203979' data-elem-id='1718194203979' data-elem-type='image' data-field-top-value="100" data-field-left-value="628" data-field-width-value="931" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="931" data-field-fileheight-value="413" data-field-heightmode-value="hug"> <div class='tn-atom'> <img class="tn-atom__img" alt="" imgfield="tn_img_1718194203979" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943621718194174186' data-elem-id='1718194174186' data-elem-type='button' data-field-top-value="446" data-field-left-value="16" data-field-height-value="57" data-field-width-value="357" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="437" data-field-left-res-320-value="16" data-field-height-res-320-value="55" data-field-width-res-320-value="288" data-field-top-res-640-value="513" data-field-left-res-640-value="16" data-field-width-res-640-value="357" data-field-top-res-960-value="406"> <a class='tn-atom' href="https://ru.hexlet.io/programs/web-development-free/goto" rel="nofollow" target="_blank">Начать изучение веб-разработки</a> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795894362');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795894362');});});
}, 90);</script> <!-- /T396 --> </div> <div id="rec795894363" class="r t-rec" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec795894363 .t396__artboard {height:295px;background-color:#f5f5f5;}#rec795894363 .t396__filter {height:295px;}#rec795894363 .t396__carrier{height:295px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795894363 .t396__artboard,#rec795894363 .t396__filter,#rec795894363 .t396__carrier {height:296px;}#rec795894363 .t396__filter {}#rec795894363 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795894363 .t396__artboard,#rec795894363 .t396__filter,#rec795894363 .t396__carrier {height:381px;}#rec795894363 .t396__filter {}#rec795894363 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795894363 .t396__artboard,#rec795894363 .t396__filter,#rec795894363 .t396__carrier {height:511px;}#rec795894363 .t396__filter {}#rec795894363 .t396__carrier {background-attachment:scroll;}}#rec795894363 .tn-elem[data-elem-id="1718186030704"]{z-index:2;top:152px;left:calc(50% - 600px + 16px);width:580px;height:100px;}#rec795894363 .tn-elem[data-elem-id="1718186030704"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030704"] {top:152px;width:460px;height:100px;border-radius:2px;}#rec795894363 .tn-elem[data-elem-id="1718186030704"] .tn-atom {background-size:cover;border-radius:2px;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030704"] {top:152px;left:calc(50% - 320px + 324px);width:300px;height:100px;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030704"] {top:303px;left:calc(50% - 160px + 16px);width:288px;height:80px;}}#rec795894363 .tn-elem[data-elem-id="1718186030709"]{color:#131415;text-align:LEFT;z-index:3;top:189px;left:calc(50% - 600px + 68px);width:427px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030709"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030709"] {top:189px;left:calc(50% - 480px + 66px);width:361px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030709"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030709"] {top:176px;left:calc(50% - 320px + 362px);width:162px;height:auto;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030709"] {top:319px;left:calc(50% - 160px + 52px);width:143px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030709"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894363 .tn-elem[data-elem-id="1718186030719"]{z-index:4;top:198px;left:calc(50% - 600px + 40px);width:12px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030719"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795894363 .tn-elem[data-elem-id="1718186030719"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030719"] {top:195px;left:calc(50% - 480px + 40px);width:12px;height:auto;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030719"] {top:183px;left:calc(50% - 320px + 340px);height:auto;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030719"] {top:326px;left:calc(50% - 160px + 32px);width:10px;height:auto;}}#rec795894363 .tn-elem[data-elem-id="1718186030733"]{z-index:5;top:44px;left:calc(50% - 600px + 16px);width:384px;height:100px;}#rec795894363 .tn-elem[data-elem-id="1718186030733"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030733"] {top:44px;width:304px;height:100px;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030733"] {top:44px;left:calc(50% - 320px + 16px);width:300px;height:100px;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030733"] {top:39px;left:calc(50% - 160px + 16px);width:288px;height:80px;}}#rec795894363 .tn-elem[data-elem-id="1718186030736"]{color:#131415;text-align:LEFT;z-index:6;top:68px;left:calc(50% - 600px + 68px);width:242px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030736"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030736"] {top:68px;left:calc(50% - 480px + 66px);width:199px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030736"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030736"] {top:68px;left:calc(50% - 320px + 54px);width:194px;height:auto;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030736"] {top:55px;left:calc(50% - 160px + 52px);width:181px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030736"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894363 .tn-elem[data-elem-id="1718186030745"]{z-index:7;top:77px;left:calc(50% - 600px + 40px);width:12px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030745"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795894363 .tn-elem[data-elem-id="1718186030745"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030745"] {top:75px;left:calc(50% - 480px + 40px);width:12px;height:auto;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030745"] {top:74px;left:calc(50% - 320px + 32px);height:auto;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030745"] {top:62px;left:calc(50% - 160px + 32px);width:10px;height:auto;}}#rec795894363 .tn-elem[data-elem-id="1718186030755"]{z-index:8;top:44px;left:calc(50% - 600px + 408px);width:384px;height:100px;}#rec795894363 .tn-elem[data-elem-id="1718186030755"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030755"] {top:44px;left:calc(50% - 480px + 328px);width:304px;height:100px;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030755"] {top:44px;left:calc(50% - 320px + 324px);width:300px;height:100px;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030755"] {top:127px;left:calc(50% - 160px + 16px);width:288px;height:80px;}}#rec795894363 .tn-elem[data-elem-id="1718186030758"]{color:#131415;text-align:LEFT;z-index:9;top:68px;left:calc(50% - 600px + 460px);width:260px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030758"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030758"] {top:68px;left:calc(50% - 480px + 378px);width:233px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030758"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030758"] {top:68px;left:calc(50% - 320px + 362px);width:214px;height:auto;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030758"] {top:143px;left:calc(50% - 160px + 52px);width:208px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030758"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894363 .tn-elem[data-elem-id="1718186030764"]{z-index:10;top:77px;left:calc(50% - 600px + 432px);width:12px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030764"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795894363 .tn-elem[data-elem-id="1718186030764"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030764"] {top:75px;left:calc(50% - 480px + 352px);width:12px;height:auto;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030764"] {top:75px;left:calc(50% - 320px + 340px);height:auto;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030764"] {top:150px;left:calc(50% - 160px + 32px);width:10px;height:auto;}}#rec795894363 .tn-elem[data-elem-id="1718186030774"]{z-index:11;top:152px;left:calc(50% - 600px + 604px);width:580px;height:100px;}#rec795894363 .tn-elem[data-elem-id="1718186030774"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030774"] {top:152px;left:calc(50% - 480px + 484px);width:460px;height:100px;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030774"] {top:260px;left:calc(50% - 320px + 16px);width:608px;height:77px;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030774"] {top:391px;left:calc(50% - 160px + 16px);width:288px;height:80px;}}#rec795894363 .tn-elem[data-elem-id="1718186030778"]{color:#131415;text-align:LEFT;z-index:12;top:189px;left:calc(50% - 600px + 656px);width:408px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030778"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030778"] {top:189px;left:calc(50% - 480px + 534px);width:376px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030778"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030778"] {top:284px;left:calc(50% - 320px + 54px);width:354px;height:auto;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030778"] {top:407px;left:calc(50% - 160px + 52px);width:171px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030778"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894363 .tn-elem[data-elem-id="1718186030786"]{z-index:13;top:198px;left:calc(50% - 600px + 628px);width:12px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030786"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795894363 .tn-elem[data-elem-id="1718186030786"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030786"] {top:195px;left:calc(50% - 480px + 508px);width:12px;height:auto;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030786"] {top:290px;left:calc(50% - 320px + 32px);height:auto;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030786"] {top:414px;left:calc(50% - 160px + 32px);width:10px;height:auto;}}#rec795894363 .tn-elem[data-elem-id="1718186030798"]{z-index:14;top:44px;left:calc(50% - 600px + 800px);width:384px;height:100px;}#rec795894363 .tn-elem[data-elem-id="1718186030798"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030798"] {top:44px;left:calc(50% - 480px + 640px);width:304px;height:100px;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030798"] {top:152px;left:calc(50% - 320px + 16px);width:300px;height:100px;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030798"] {top:215px;left:calc(50% - 160px + 16px);width:288px;height:80px;}}#rec795894363 .tn-elem[data-elem-id="1718186030801"]{color:#131415;text-align:LEFT;z-index:15;top:68px;left:calc(50% - 600px + 852px);width:201px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030801"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030801"] {top:68px;left:calc(50% - 480px + 690px);width:179px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030801"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030801"] {top:176px;left:calc(50% - 320px + 54px);width:179px;height:auto;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030801"] {top:231px;left:calc(50% - 160px + 52px);width:154px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030801"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894363 .tn-elem[data-elem-id="1718186030811"]{z-index:16;top:77px;left:calc(50% - 600px + 824px);width:12px;height:auto;}#rec795894363 .tn-elem[data-elem-id="1718186030811"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795894363 .tn-elem[data-elem-id="1718186030811"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec795894363 .tn-elem[data-elem-id="1718186030811"] {top:75px;left:calc(50% - 480px + 664px);width:12px;height:auto;}}@media screen and (max-width:959px) {#rec795894363 .tn-elem[data-elem-id="1718186030811"] {top:183px;left:calc(50% - 320px + 32px);height:auto;}}@media screen and (max-width:639px) {#rec795894363 .tn-elem[data-elem-id="1718186030811"] {top:238px;left:calc(50% - 160px + 32px);width:10px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795894363" data-artboard-screens="320,640,960,1200" data-artboard-height="295.99" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="511" data-artboard-upscale-res-320="window" data-artboard-height-res-640="381" data-artboard-height-res-960="296" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="795894363"></div> <div class="t396__filter" data-artboard-recid="795894363"></div> <div class='t396__elem tn-elem tn-elem__7958943631718186030704' data-elem-id='1718186030704' data-elem-type='shape' data-field-top-value="152" data-field-left-value="16" data-field-height-value="100" data-field-width-value="580" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="303" data-field-left-res-320-value="16" data-field-height-res-320-value="80" data-field-width-res-320-value="288" data-field-top-res-640-value="152" data-field-left-res-640-value="324" data-field-height-res-640-value="100" data-field-width-res-640-value="300" data-field-top-res-960-value="152" data-field-height-res-960-value="100" data-field-width-res-960-value="460"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030709' data-elem-id='1718186030709' data-elem-type='text' data-field-top-value="189" data-field-left-value="68" data-field-width-value="427" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="319" data-field-left-res-320-value="52" data-field-width-res-320-value="143" data-field-top-res-640-value="176" data-field-left-res-640-value="362" data-field-width-res-640-value="162" data-field-top-res-960-value="189" data-field-left-res-960-value="66" data-field-width-res-960-value="361"> <div class='tn-atom'field='tn_text_1718186030709'><span style="color: rgb(67, 62, 255);">Бессрочный доступ</span> к материалам курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030719' data-elem-id='1718186030719' data-elem-type='vector' data-field-top-value="198" data-field-left-value="40" data-field-width-value="12" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="326" data-field-left-res-320-value="32" data-field-width-res-320-value="10" data-field-top-res-640-value="183" data-field-left-res-640-value="340" data-field-top-res-960-value="195" data-field-left-res-960-value="40" data-field-width-res-960-value="12"> <div class='tn-atom tn-atom__vector'> <?xml version="1.0" encoding="UTF-8"?> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none"> <path d="M11.680475 0.329505C12.1065 0.768845 12.1065 1.481155 11.680475 1.920495L5.135025 8.6705C4.93045 8.881475 4.652975 9 4.363625 9C4.0743 9 3.796825 8.881475 3.59225 8.6705L0.31952 5.2955C-0.10650675 4.85615 -0.10650675 4.14385 0.31952 3.7045C0.7455475 3.265175 1.4362725 3.265175 1.8623 3.7045L4.363625 6.284L10.1377 0.329505C10.563725 -0.109835 11.25445 -0.109835 11.680475 0.329505Z" fill="#131415"></path> </svg> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030733' data-elem-id='1718186030733' data-elem-type='shape' data-field-top-value="44" data-field-left-value="16" data-field-height-value="100" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="39" data-field-left-res-320-value="16" data-field-height-res-320-value="80" data-field-width-res-320-value="288" data-field-top-res-640-value="44" data-field-left-res-640-value="16" data-field-height-res-640-value="100" data-field-width-res-640-value="300" data-field-top-res-960-value="44" data-field-height-res-960-value="100" data-field-width-res-960-value="304"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030736' data-elem-id='1718186030736' data-elem-type='text' data-field-top-value="68" data-field-left-value="68" data-field-width-value="242" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="55" data-field-left-res-320-value="52" data-field-width-res-320-value="181" data-field-top-res-640-value="68" data-field-left-res-640-value="54" data-field-width-res-640-value="194" data-field-top-res-960-value="68" data-field-left-res-960-value="66" data-field-width-res-960-value="199"> <div class='tn-atom'field='tn_text_1718186030736'><span style="color: rgb(67, 62, 255);">12 уроков</span> в удобном формате</div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030745' data-elem-id='1718186030745' data-elem-type='vector' data-field-top-value="77" data-field-left-value="40" data-field-width-value="12" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="62" data-field-left-res-320-value="32" data-field-width-res-320-value="10" data-field-top-res-640-value="74" data-field-left-res-640-value="32" data-field-top-res-960-value="75" data-field-left-res-960-value="40" data-field-width-res-960-value="12"> <div class='tn-atom tn-atom__vector'> <?xml version="1.0" encoding="UTF-8"?> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none"> <path d="M11.680475 0.329505C12.1065 0.768845 12.1065 1.481155 11.680475 1.920495L5.135025 8.6705C4.93045 8.881475 4.652975 9 4.363625 9C4.0743 9 3.796825 8.881475 3.59225 8.6705L0.31952 5.2955C-0.10650675 4.85615 -0.10650675 4.14385 0.31952 3.7045C0.7455475 3.265175 1.4362725 3.265175 1.8623 3.7045L4.363625 6.284L10.1377 0.329505C10.563725 -0.109835 11.25445 -0.109835 11.680475 0.329505Z" fill="#131415"></path> </svg> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030755' data-elem-id='1718186030755' data-elem-type='shape' data-field-top-value="44" data-field-left-value="408" data-field-height-value="100" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="127" data-field-left-res-320-value="16" data-field-height-res-320-value="80" data-field-width-res-320-value="288" data-field-top-res-640-value="44" data-field-left-res-640-value="324" data-field-height-res-640-value="100" data-field-width-res-640-value="300" data-field-top-res-960-value="44" data-field-left-res-960-value="328" data-field-height-res-960-value="100" data-field-width-res-960-value="304"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030758' data-elem-id='1718186030758' data-elem-type='text' data-field-top-value="68" data-field-left-value="460" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="143" data-field-left-res-320-value="52" data-field-width-res-320-value="208" data-field-top-res-640-value="68" data-field-left-res-640-value="362" data-field-width-res-640-value="214" data-field-top-res-960-value="68" data-field-left-res-960-value="378" data-field-width-res-960-value="233"> <div class='tn-atom'field='tn_text_1718186030758'><span style="color: rgb(67, 62, 255);">5 практических упражнений </span>на тренажере</div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030764' data-elem-id='1718186030764' data-elem-type='vector' data-field-top-value="77" data-field-left-value="432" data-field-width-value="12" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="150" data-field-left-res-320-value="32" data-field-width-res-320-value="10" data-field-top-res-640-value="75" data-field-left-res-640-value="340" data-field-top-res-960-value="75" data-field-left-res-960-value="352" data-field-width-res-960-value="12"> <div class='tn-atom tn-atom__vector'> <?xml version="1.0" encoding="UTF-8"?> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none"> <path d="M11.680475 0.329505C12.1065 0.768845 12.1065 1.481155 11.680475 1.920495L5.135025 8.6705C4.93045 8.881475 4.652975 9 4.363625 9C4.0743 9 3.796825 8.881475 3.59225 8.6705L0.31952 5.2955C-0.10650675 4.85615 -0.10650675 4.14385 0.31952 3.7045C0.7455475 3.265175 1.4362725 3.265175 1.8623 3.7045L4.363625 6.284L10.1377 0.329505C10.563725 -0.109835 11.25445 -0.109835 11.680475 0.329505Z" fill="#131415"></path> </svg> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030774' data-elem-id='1718186030774' data-elem-type='shape' data-field-top-value="152" data-field-left-value="604" data-field-height-value="100" data-field-width-value="580" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="391" data-field-left-res-320-value="16" data-field-height-res-320-value="80" data-field-width-res-320-value="288" data-field-top-res-640-value="260" data-field-left-res-640-value="16" data-field-height-res-640-value="77" data-field-width-res-640-value="608" data-field-top-res-960-value="152" data-field-left-res-960-value="484" data-field-height-res-960-value="100" data-field-width-res-960-value="460"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030778' data-elem-id='1718186030778' data-elem-type='text' data-field-top-value="189" data-field-left-value="656" data-field-width-value="408" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="407" data-field-left-res-320-value="52" data-field-width-res-320-value="171" data-field-top-res-640-value="284" data-field-left-res-640-value="54" data-field-width-res-640-value="354" data-field-top-res-960-value="189" data-field-left-res-960-value="534" data-field-width-res-960-value="376"> <div class='tn-atom'field='tn_text_1718186030778'><span style="color: rgb(67, 62, 255);">Подходит для новичков </span><span style="color: rgb(19, 20, 21);">в</span><span style="color: rgb(36, 30, 255);">&nbsp;</span><span style="color: rgb(19, 20, 21);">веб-разработке</span></div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030786' data-elem-id='1718186030786' data-elem-type='vector' data-field-top-value="198" data-field-left-value="628" data-field-width-value="12" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="414" data-field-left-res-320-value="32" data-field-width-res-320-value="10" data-field-top-res-640-value="290" data-field-left-res-640-value="32" data-field-top-res-960-value="195" data-field-left-res-960-value="508" data-field-width-res-960-value="12"> <div class='tn-atom tn-atom__vector'> <?xml version="1.0" encoding="UTF-8"?> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none"> <path d="M11.680475 0.329505C12.1065 0.768845 12.1065 1.481155 11.680475 1.920495L5.135025 8.6705C4.93045 8.881475 4.652975 9 4.363625 9C4.0743 9 3.796825 8.881475 3.59225 8.6705L0.31952 5.2955C-0.10650675 4.85615 -0.10650675 4.14385 0.31952 3.7045C0.7455475 3.265175 1.4362725 3.265175 1.8623 3.7045L4.363625 6.284L10.1377 0.329505C10.563725 -0.109835 11.25445 -0.109835 11.680475 0.329505Z" fill="#131415"></path> </svg> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030798' data-elem-id='1718186030798' data-elem-type='shape' data-field-top-value="44" data-field-left-value="800" data-field-height-value="100" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="215" data-field-left-res-320-value="16" data-field-height-res-320-value="80" data-field-width-res-320-value="288" data-field-top-res-640-value="152" data-field-left-res-640-value="16" data-field-height-res-640-value="100" data-field-width-res-640-value="300" data-field-top-res-960-value="44" data-field-left-res-960-value="640" data-field-height-res-960-value="100" data-field-width-res-960-value="304"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030801' data-elem-id='1718186030801' data-elem-type='text' data-field-top-value="68" data-field-left-value="852" data-field-width-value="201" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="231" data-field-left-res-320-value="52" data-field-width-res-320-value="154" data-field-top-res-640-value="176" data-field-left-res-640-value="54" data-field-width-res-640-value="179" data-field-top-res-960-value="68" data-field-left-res-960-value="690" data-field-width-res-960-value="179"> <div class='tn-atom'field='tn_text_1718186030801'>Курс успешно прошли <span style="color: rgb(67, 62, 255);">1 020 человек</span></div> </div> <div class='t396__elem tn-elem tn-elem__7958943631718186030811' data-elem-id='1718186030811' data-elem-type='vector' data-field-top-value="77" data-field-left-value="824" data-field-width-value="12" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="238" data-field-left-res-320-value="32" data-field-width-res-320-value="10" data-field-top-res-640-value="183" data-field-left-res-640-value="32" data-field-top-res-960-value="75" data-field-left-res-960-value="664" data-field-width-res-960-value="12"> <div class='tn-atom tn-atom__vector'> <?xml version="1.0" encoding="UTF-8"?> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <!--?xml version="1.0" encoding="UTF-8"?--> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none"> <path d="M11.680475 0.329505C12.1065 0.768845 12.1065 1.481155 11.680475 1.920495L5.135025 8.6705C4.93045 8.881475 4.652975 9 4.363625 9C4.0743 9 3.796825 8.881475 3.59225 8.6705L0.31952 5.2955C-0.10650675 4.85615 -0.10650675 4.14385 0.31952 3.7045C0.7455475 3.265175 1.4362725 3.265175 1.8623 3.7045L4.363625 6.284L10.1377 0.329505C10.563725 -0.109835 11.25445 -0.109835 11.680475 0.329505Z" fill="#131415"></path> </svg> </div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795894363');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795894363');});});
}, 100);</script> <!-- /T396 --> </div> <div id="rec795932511" class="r t-rec" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec795932511 .t396__artboard {height:633px;background-color:#f5f5f5;}#rec795932511 .t396__filter {height:633px;}#rec795932511 .t396__carrier{height:633px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795932511 .t396__artboard,#rec795932511 .t396__filter,#rec795932511 .t396__carrier {height:696px;}#rec795932511 .t396__filter {}#rec795932511 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795932511 .t396__artboard,#rec795932511 .t396__filter,#rec795932511 .t396__carrier {height:1241px;}#rec795932511 .t396__filter {}#rec795932511 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795932511 .t396__artboard,#rec795932511 .t396__filter,#rec795932511 .t396__carrier {height:894px;}#rec795932511 .t396__filter {}#rec795932511 .t396__carrier {background-attachment:scroll;}}#rec795932511 .tn-elem[data-elem-id="1718207957334"]{color:#131415;text-align:LEFT;z-index:2;top:44px;left:calc(50% - 600px + 520px);width:647px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1718207957334"] .tn-atom{color:#131415;font-size:40px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795932511 .tn-elem[data-elem-id="1718207957334"] {top:44px;left:calc(50% - 480px + 472px);width:354px;height:auto;}}@media screen and (max-width:959px) {#rec795932511 .tn-elem[data-elem-id="1718207957334"] {top:43px;left:calc(50% - 320px + 16px);width:366px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1718207957334"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec795932511 .tn-elem[data-elem-id="1718207957334"] {top:40px;left:calc(50% - 160px + 16px);width:208px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1718207957334"] .tn-atom{font-size:24px;background-size:cover;}}#rec795932511 .tn-elem[data-elem-id="1718207957341"]{color:#433eff;text-align:LEFT;z-index:3;top:186px;left:calc(50% - 600px + 520px);width:490px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1718207957341"] .tn-atom{color:#433eff;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795932511 .tn-elem[data-elem-id="1718207957341"] {top:262px;left:calc(50% - 480px + 472px);width:433px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1718207957341"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:959px) {#rec795932511 .tn-elem[data-elem-id="1718207957341"] {top:879px;left:calc(50% - 320px + 16px);width:561px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1718207957341"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px) {#rec795932511 .tn-elem[data-elem-id="1718207957341"] {top:474px;left:calc(50% - 160px + 16px);width:297px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1718207957341"] .tn-atom{font-size:14px;background-size:cover;}}#rec795932511 .tn-elem[data-elem-id="1719910162390"]{color:#131415;z-index:4;top:347px;left:calc(50% - 600px + 520px);width:540px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910162390"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795932511 .tn-elem[data-elem-id="1719910162390"] {top:408px;left:calc(50% - 480px + 472px);width:429px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910162390"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795932511 .tn-elem[data-elem-id="1719910162390"] {top:999px;left:calc(50% - 320px + 16px);width:584px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910162390"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec795932511 .tn-elem[data-elem-id="1719910162390"] {top:604px;left:calc(50% - 160px + 16px);width:297px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910162390"] .tn-atom{font-size:14px;background-size:cover;}}#rec795932511 .tn-elem[data-elem-id="1719910195222"]{color:#131415;z-index:5;top:467px;left:calc(50% - 600px + 520px);width:553px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910195222"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795932511 .tn-elem[data-elem-id="1719910195222"] {top:516px;left:calc(50% - 480px + 472px);width:451px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910195222"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795932511 .tn-elem[data-elem-id="1719910195222"] {top:1084px;left:calc(50% - 320px + 16px);width:565px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910195222"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec795932511 .tn-elem[data-elem-id="1719910195222"] {top:714px;left:calc(50% - 160px + 16px);width:281px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910195222"] .tn-atom{font-size:14px;background-size:cover;}}#rec795932511 .tn-elem[data-elem-id="1719910258281"]{color:#131415;z-index:6;top:138px;left:calc(50% - 600px + 520px);width:605px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910258281"] .tn-atom{color:#131415;font-size:24px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795932511 .tn-elem[data-elem-id="1719910258281"] {top:192px;left:calc(50% - 480px + 472px);width:370px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910258281"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:959px) {#rec795932511 .tn-elem[data-elem-id="1719910258281"] {top:831px;left:calc(50% - 320px + 16px);width:607px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910258281"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec795932511 .tn-elem[data-elem-id="1719910258281"] {top:420px;left:calc(50% - 160px + 16px);width:265px;height:auto;}#rec795932511 .tn-elem[data-elem-id="1719910258281"] .tn-atom{font-size:16px;background-size:cover;}}#rec795932511 .tn-elem[data-elem-id="1725962053391"]{z-index:7;top:54px;left:calc(50% - 600px + 16px);width:416px;height:490px;}#rec795932511 .tn-elem[data-elem-id="1725962053391"] .tn-atom{background-color:#131415;background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795932511 .tn-elem[data-elem-id="1725962053391"] {top:48px;height:560px;}}@media screen and (max-width:959px) {#rec795932511 .tn-elem[data-elem-id="1725962053391"] {top:191px;left:calc(50% - 320px + 16px);width:608px;height:600px;}}@media screen and (max-width:639px) {#rec795932511 .tn-elem[data-elem-id="1725962053391"] {top:128px;left:calc(50% - 160px + 16px);width:288px;height:268px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795932511" data-artboard-screens="320,640,960,1200" data-artboard-height="633" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="894" data-artboard-upscale-res-320="window" data-artboard-height-res-640="1241" data-artboard-height-res-960="696"> <div class="t396__carrier" data-artboard-recid="795932511"></div> <div class="t396__filter" data-artboard-recid="795932511"></div> <div class='t396__elem tn-elem tn-elem__7959325111718207957334' data-elem-id='1718207957334' data-elem-type='text' data-field-top-value="44" data-field-left-value="520" data-field-width-value="647" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="40" data-field-left-res-320-value="16" data-field-width-res-320-value="208" data-field-top-res-640-value="43" data-field-left-res-640-value="16" data-field-width-res-640-value="366" data-field-top-res-960-value="44" data-field-left-res-960-value="472" data-field-width-res-960-value="354"> <h2 class='tn-atom'field='tn_text_1718207957334'>Зачем изучать веб-разработку</h2> </div> <div class='t396__elem tn-elem tn-elem__7959325111718207957341' data-elem-id='1718207957341' data-elem-type='text' data-field-top-value="186" data-field-left-value="520" data-field-width-value="490" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="474" data-field-left-res-320-value="16" data-field-width-res-320-value="297" data-field-top-res-640-value="879" data-field-left-res-640-value="16" data-field-width-res-640-value="561" data-field-top-res-960-value="262" data-field-left-res-960-value="472" data-field-width-res-960-value="433"> <div class='tn-atom'field='tn_text_1718207957341'>Освоив основные языки веб-разработки, такие как <strong>HTML</strong>, <strong>CSS</strong> и <strong>JavaScript</strong>, вы сможете создавать функциональные и<span style="color: rgb(36, 30, 255);">&nbsp;</span>привлекательные веб-страницы, а<span style="color: rgb(36, 30, 255);">&nbsp;</span>также управлять данными (data) и<span style="color: rgb(36, 30, 255);">&nbsp;</span>добавлять интерактивные элементы.</div> </div> <div class='t396__elem tn-elem tn-elem__7959325111719910162390' data-elem-id='1719910162390' data-elem-type='text' data-field-top-value="347" data-field-left-value="520" data-field-width-value="540" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="604" data-field-left-res-320-value="16" data-field-width-res-320-value="297" data-field-top-res-640-value="999" data-field-left-res-640-value="16" data-field-width-res-640-value="584" data-field-top-res-960-value="408" data-field-left-res-960-value="472" data-field-width-res-960-value="429"> <div class='tn-atom'field='tn_text_1719910162390'>Веб-разработка позволит вам глубже понять процесс создания современных веб-сайтов и научит, как быть уверенным разработчиком, создающим качественные продукты для пользователей.</div> </div> <div class='t396__elem tn-elem tn-elem__7959325111719910195222' data-elem-id='1719910195222' data-elem-type='text' data-field-top-value="467" data-field-left-value="520" data-field-width-value="553" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="714" data-field-left-res-320-value="16" data-field-width-res-320-value="281" data-field-top-res-640-value="1084" data-field-left-res-640-value="16" data-field-width-res-640-value="565" data-field-top-res-960-value="516" data-field-left-res-960-value="472" data-field-width-res-960-value="451"> <div class='tn-atom'field='tn_text_1719910195222'>Серверная часть разработки — это ключ к созданию сложных и<span style="color: rgb(36, 30, 255);">&nbsp;</span>динамичных веб-приложений, что позволяет вашим<span style="color: rgb(36, 30, 255);">&nbsp;</span>проектам оставаться актуальными и востребованными.</div> </div> <div class='t396__elem tn-elem tn-elem__7959325111719910258281' data-elem-id='1719910258281' data-elem-type='text' data-field-top-value="138" data-field-left-value="520" data-field-width-value="605" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="420" data-field-left-res-320-value="16" data-field-width-res-320-value="265" data-field-top-res-640-value="831" data-field-left-res-640-value="16" data-field-width-res-640-value="607" data-field-top-res-960-value="192" data-field-left-res-960-value="472" data-field-width-res-960-value="370"> <div class='tn-atom'field='tn_text_1719910258281'>Веб-разработка — это не просто создание сайтов. </div> </div> <div class='t396__elem tn-elem tn-elem__7959325111725962053391' data-elem-id='1725962053391' data-elem-type='shape' data-field-top-value="54" data-field-left-value="16" data-field-height-value="490" data-field-width-value="416" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="128" data-field-left-res-320-value="16" data-field-height-res-320-value="268" data-field-width-res-320-value="288" data-field-top-res-640-value="191" data-field-left-res-640-value="16" data-field-height-res-640-value="600" data-field-width-res-640-value="608" data-field-top-res-960-value="48" data-field-height-res-960-value="560"> <div class='tn-atom' style="background-image:url('/tp/versions/721750928198/tild6330-6533-4764-a432-613363623565__file_1269275_1.jpg');"
aria-label='' role="img"> </div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795932511');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795932511');});});
}, 110);</script> <!-- /T396 --> </div> <div id="rec796270630" class="r t-rec t-rec_pt_0 t-rec_pb_45" style="padding-top:0px;padding-bottom:45px;background-color:#241eff; " data-animationappear="off" data-record-type="396" data-bg-color="#241eff"> <!-- T396 --> <style>#rec796270630 .t396__artboard {height:754px;background-color:#241eff;}#rec796270630 .t396__filter {height:754px;}#rec796270630 .t396__carrier{height:754px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec796270630 .t396__artboard,#rec796270630 .t396__filter,#rec796270630 .t396__carrier {height:649px;}#rec796270630 .t396__filter {}#rec796270630 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec796270630 .t396__artboard,#rec796270630 .t396__filter,#rec796270630 .t396__carrier {height:811px;}#rec796270630 .t396__filter {}#rec796270630 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec796270630 .t396__artboard,#rec796270630 .t396__filter,#rec796270630 .t396__carrier {height:855px;}#rec796270630 .t396__filter {}#rec796270630 .t396__carrier {background-attachment:scroll;}}#rec796270630 .tn-elem[data-elem-id="1718303764459"]{color:#f5f5f5;text-align:LEFT;z-index:2;top:44px;left:calc(50% - 600px + 16px);width:950px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764459"] .tn-atom{color:#f5f5f5;font-size:40px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764459"] {top:43px;left:calc(50% - 480px + 16px);width:918px;height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764459"] {top:43px;left:calc(50% - 320px + 16px);width:590px;height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764459"] {top:40px;left:calc(50% - 160px + 16px);width:222px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764459"] .tn-atom{font-size:24px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764516"]{z-index:3;top:456px;left:calc(50% - 600px + 16px);width:384px;height:254px;}#rec796270630 .tn-elem[data-elem-id="1718303764516"] .tn-atom{background-color:#433eff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764516"] {top:413px;left:calc(50% - 480px + 16px);width:304px;height:192px;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764516"] {top:439px;left:calc(50% - 320px + 16px);width:300px;height:160px;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764516"] {top:365px;left:calc(50% - 160px + 16px);width:288px;height:118px;}}#rec796270630 .tn-elem[data-elem-id="1718303764520"]{color:#f5f5f5;text-align:LEFT;z-index:4;top:472px;left:calc(50% - 600px + 40px);width:137px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764520"] .tn-atom{color:#f5f5f5;font-size:30px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764520"] {top:429px;left:calc(50% - 480px + 32px);width:216px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764520"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764520"] {top:455px;left:calc(50% - 320px + 32px);width:88px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764520"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764520"] {top:381px;left:calc(50% - 160px + 32px);width:100px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764520"] .tn-atom{font-size:16px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764523"]{color:#f5f5f5;text-align:LEFT;z-index:5;top:648px;left:calc(50% - 600px + 40px);width:273px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764523"] .tn-atom{color:#f5f5f5;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764523"] {top:543px;left:calc(50% - 480px + 32px);width:279px;height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764523"] {top:543px;left:calc(50% - 320px + 32px);width:246px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764523"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764523"] {top:427px;left:calc(50% - 160px + 32px);width:257px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764523"] .tn-atom{font-size:14px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764530"]{z-index:6;top:456px;left:calc(50% - 600px + 408px);width:384px;height:254px;}#rec796270630 .tn-elem[data-elem-id="1718303764530"] .tn-atom{background-color:#433eff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764530"] {top:413px;left:calc(50% - 480px + 328px);width:304px;height:192px;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764530"] {top:439px;left:calc(50% - 320px + 324px);width:300px;height:160px;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764530"] {top:491px;left:calc(50% - 160px + 16px);width:288px;height:116px;}}#rec796270630 .tn-elem[data-elem-id="1718303764533"]{color:#f5f5f5;text-align:LEFT;z-index:7;top:472px;left:calc(50% - 600px + 432px);width:266px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764533"] .tn-atom{color:#f5f5f5;font-size:30px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764533"] {top:429px;left:calc(50% - 480px + 344px);width:207px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764533"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764533"] {top:455px;left:calc(50% - 320px + 340px);width:181px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764533"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764533"] {top:507px;left:calc(50% - 160px + 32px);width:268px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764533"] .tn-atom{font-size:16px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764538"]{color:#f5f5f5;text-align:LEFT;z-index:8;top:648px;left:calc(50% - 600px + 432px);width:260px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764538"] .tn-atom{color:#f5f5f5;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764538"] {top:543px;left:calc(50% - 480px + 344px);width:256px;height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764538"] {top:543px;left:calc(50% - 320px + 340px);width:252px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764538"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764538"] {top:551px;left:calc(50% - 160px + 32px);width:228px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764538"] .tn-atom{font-size:14px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1725889625768"]{color:#f5f5f5;text-align:LEFT;z-index:9;top:154px;left:calc(50% - 600px + 16px);width:763px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1725889625768"] .tn-atom{color:#f5f5f5;font-size:24px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1725889625768"] {top:153px;height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1725889625768"] {top:191px;left:calc(50% - 320px + 16px);width:489px;height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1725889625768"] {top:160px;left:calc(50% - 160px + 16px);width:266px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1725889625768"] .tn-atom{font-size:16px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764595"]{z-index:10;top:243px;left:calc(50% - 600px + 116px);width:341px;height:1px;}#rec796270630 .tn-elem[data-elem-id="1718303764595"] .tn-atom{border-width:1px;opacity:0.5;background-color:#e6ebff;background-position:center center;border-color:#928fff ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764595"] {top:238px;left:calc(50% - 480px + 156px);width:220px;height:1px;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764595"] {top:310px;left:calc(50% - 320px + 121px);width:120px;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764595"] {top:282px;left:calc(50% - 160px + 155px);width:110px;}#rec796270630 .tn-elem[data-elem-id="1718303764595"] .tn-atom {background-size:cover;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}}#rec796270630 .tn-elem[data-elem-id="1718303764598"]{z-index:11;top:243px;left:calc(50% - 600px + 627px);width:328px;height:1px;}#rec796270630 .tn-elem[data-elem-id="1718303764598"] .tn-atom{border-width:1px;opacity:0.5;background-color:#e6ebff;background-position:center center;border-color:#928fff ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764598"] {top:238px;left:calc(50% - 480px + 520px);width:220px;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764598"] {top:310px;left:calc(50% - 320px + 372px);width:120px;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764598"] {top:282px;left:calc(50% - 160px + 48px);width:110px;}#rec796270630 .tn-elem[data-elem-id="1718303764598"] .tn-atom {background-size:cover;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}}#rec796270630 .tn-elem[data-elem-id="1718303764477"]{color:#f5f5f5;text-align:LEFT;z-index:12;top:264px;left:calc(50% - 600px + 483px);width:189px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764477"] .tn-atom{color:#f5f5f5;font-size:30px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764477"] {top:262px;left:calc(50% - 480px + 402px);height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764477"] {top:332px;left:calc(50% - 320px + 263px);width:97px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764477"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764477"] {top:267px;left:calc(50% - 160px + 117px);width:86px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764477"] .tn-atom{font-size:16px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764498"]{color:#b2b0ff;text-align:LEFT;z-index:13;top:313px;left:calc(50% - 600px + 483px);width:243px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764498"] .tn-atom{color:#b2b0ff;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764498"] {top:311px;left:calc(50% - 480px + 402px);width:110px;height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764498"] {top:359px;left:calc(50% - 320px + 263px);width:109px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764498"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764498"] {top:293px;left:calc(50% - 160px + 117px);height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764498"] .tn-atom{font-size:11px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764487"]{color:#f5f5f5;text-align:LEFT;z-index:14;top:227px;left:calc(50% - 600px + 518px);width:75px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764487"] .tn-atom{color:#f5f5f5;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764487"] {top:225px;left:calc(50% - 480px + 437px);height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764487"] {top:295px;left:calc(50% - 320px + 287px);width:42px;height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764487"] {top:236px;left:calc(50% - 160px + 141px);height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764487"] .tn-atom{font-size:16px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303869884"]{z-index:15;top:229px;left:calc(50% - 600px + 486px);width:24px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303869884"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec796270630 .tn-elem[data-elem-id="1718303869884"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303869884"] {top:227px;left:calc(50% - 480px + 405px);height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303869884"] {top:302px;left:calc(50% - 320px + 263px);width:16px;height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303869884"] {top:240px;left:calc(50% - 160px + 117px);height:auto;}}#rec796270630 .tn-elem[data-elem-id="1718303764481"]{color:#f5f5f5;text-align:LEFT;z-index:16;top:264px;left:calc(50% - 600px + 975px);width:186px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764481"] .tn-atom{color:#f5f5f5;font-size:30px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764481"] {top:262px;left:calc(50% - 480px + 759px);width:176px;height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764481"] {top:332px;left:calc(50% - 320px + 514px);width:117px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764481"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764481"] {top:267px;left:calc(50% - 160px + 223px);width:93px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764481"] .tn-atom{font-size:16px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764502"]{color:#b2b0ff;text-align:LEFT;z-index:17;top:313px;left:calc(50% - 600px + 975px);width:216px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764502"] .tn-atom{color:#b2b0ff;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764502"] {top:311px;left:calc(50% - 480px + 759px);width:134px;height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764502"] {top:359px;left:calc(50% - 320px + 514px);width:104px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764502"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764502"] {top:293px;left:calc(50% - 160px + 223px);width:84px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764502"] .tn-atom{font-size:11px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764491"]{color:#f5f5f5;text-align:LEFT;z-index:18;top:226px;left:calc(50% - 600px + 1007px);width:105px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764491"] .tn-atom{color:#f5f5f5;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764491"] {top:225px;left:calc(50% - 480px + 791px);height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764491"] {top:295px;left:calc(50% - 320px + 538px);width:40px;height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764491"] {top:236px;left:calc(50% - 160px + 246px);height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764491"] .tn-atom{font-size:16px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303869888"]{z-index:19;top:229px;left:calc(50% - 600px + 975px);width:24px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303869888"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec796270630 .tn-elem[data-elem-id="1718303869888"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303869888"] {top:228px;left:calc(50% - 480px + 759px);height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303869888"] {top:302px;left:calc(50% - 320px + 514px);width:16px;height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303869888"] {top:240px;left:calc(50% - 160px + 222px);height:auto;}}#rec796270630 .tn-elem[data-elem-id="1718303764472"]{color:#f5f5f5;text-align:LEFT;z-index:20;top:264px;left:calc(50% - 600px + 16px);width:174px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764472"] .tn-atom{color:#f5f5f5;font-size:30px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764472"] {top:262px;left:calc(50% - 480px + 16px);height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764472"] {top:332px;left:calc(50% - 320px + 16px);width:140px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764472"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764472"] {top:267px;left:calc(50% - 160px + 16px);width:84px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764472"] .tn-atom{font-size:16px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764495"]{color:#b2b0ff;text-align:LEFT;z-index:21;top:313px;left:calc(50% - 600px + 16px);width:267px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764495"] .tn-atom{color:#b2b0ff;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764495"] {top:311px;left:calc(50% - 480px + 16px);width:145px;height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764495"] {top:359px;left:calc(50% - 320px + 16px);width:129px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764495"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764495"] {top:293px;left:calc(50% - 160px + 16px);width:91px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764495"] .tn-atom{font-size:11px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303764484"]{color:#f5f5f5;text-align:LEFT;z-index:22;top:227px;left:calc(50% - 600px + 48px);width:76px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764484"] .tn-atom{color:#f5f5f5;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303764484"] {top:225px;left:calc(50% - 480px + 48px);height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303764484"] {top:295px;left:calc(50% - 320px + 40px);width:39px;height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303764484"] {top:236px;left:calc(50% - 160px + 40px);height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303764484"] .tn-atom{font-size:16px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1718303869878"]{z-index:23;top:229px;left:calc(50% - 600px + 16px);width:24px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1718303869878"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec796270630 .tn-elem[data-elem-id="1718303869878"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1718303869878"] {top:227px;left:calc(50% - 480px + 16px);height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1718303869878"] {top:302px;left:calc(50% - 320px + 16px);width:16px;height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1718303869878"] {top:240px;left:calc(50% - 160px + 16px);height:auto;}}#rec796270630 .tn-elem[data-elem-id="1725964147844"]{color:#ffffff;text-align:center;z-index:24;top:456px;left:calc(50% - 600px + 800px);width:384px;height:254px;}#rec796270630 .tn-elem[data-elem-id="1725964147844"] .tn-atom{color:#ffffff;font-size:14px;font-family:'Onest',Arial,sans-serif;line-height:1.55;font-weight:600;border-radius:0px;background-color:#433eff;background-position:center center;border-color:transparent ;border-style:solid;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out,border-color 0.2s ease-in-out;}@media (hover),(min-width:0\0) {#rec796270630 .tn-elem[data-elem-id="1725964147844"] .tn-atom:hover {background-color:#00c2ff;background-image:none;}}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1725964147844"] {top:413px;left:calc(50% - 480px + 640px);width:304px;height:192px;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1725964147844"] {top:607px;left:calc(50% - 320px + 16px);width:608px;height:160px;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1725964147844"] {top:615px;width:288px;height:200px;}}#rec796270630 .tn-elem[data-elem-id="1725963356103"]{color:#f5f5f5;text-align:LEFT;z-index:25;top:602px;left:calc(50% - 600px + 824px);width:305px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1725963356103"] .tn-atom{color:#f5f5f5;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1725963356103"] {top:509px;left:calc(50% - 480px + 656px);width:268px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1725963356103"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1725963356103"] {top:701px;left:calc(50% - 320px + 32px);width:485px;height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1725963356103"] {top:699px;width:242px;height:auto;}}#rec796270630 .tn-elem[data-elem-id="1725963509588"]{color:#f5f5f5;text-align:LEFT;z-index:26;top:472px;left:calc(50% - 600px + 824px);width:281px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1725963509588"] .tn-atom{color:#f5f5f5;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1725963509588"] {top:429px;left:calc(50% - 480px + 656px);width:239px;height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1725963509588"] {top:623px;left:calc(50% - 320px + 32px);width:287px;height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1725963509588"] {top:631px;width:197px;height:auto;}#rec796270630 .tn-elem[data-elem-id="1725963509588"] .tn-atom{font-size:16px;background-size:cover;}}#rec796270630 .tn-elem[data-elem-id="1726152333577"]{z-index:27;top:478px;left:calc(50% - 600px + 1136px);width:24px;height:auto;}#rec796270630 .tn-elem.t396__elem--anim-hidden[data-elem-id="1726152333577"] {opacity:0;}#rec796270630 .tn-elem[data-elem-id="1726152333577"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec796270630 .tn-elem[data-elem-id="1726152333577"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec796270630 .tn-elem[data-elem-id="1726152333577"] {top:435px;left:calc(50% - 480px + 904px);height:auto;}}@media screen and (max-width:959px) {#rec796270630 .tn-elem[data-elem-id="1726152333577"] {top:629px;left:calc(50% - 320px + 584px);height:auto;}}@media screen and (max-width:639px) {#rec796270630 .tn-elem[data-elem-id="1726152333577"] {top:631px;left:calc(50% - 160px + 264px);height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="796270630" data-artboard-screens="320,640,960,1200" data-artboard-height="754" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="855" data-artboard-upscale-res-320="window" data-artboard-height-res-640="811" data-artboard-height-res-960="649" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="796270630"></div> <div class="t396__filter" data-artboard-recid="796270630"></div> <div class='t396__elem tn-elem tn-elem__7962706301718303764459' data-elem-id='1718303764459' data-elem-type='text' data-field-top-value="44" data-field-left-value="16" data-field-width-value="950" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="40" data-field-left-res-320-value="16" data-field-width-res-320-value="222" data-field-top-res-640-value="43" data-field-left-res-640-value="16" data-field-width-res-640-value="590" data-field-top-res-960-value="43" data-field-left-res-960-value="16" data-field-width-res-960-value="918"> <h2 class='tn-atom'field='tn_text_1718303764459'>Востребованная на рынке труда IT-профессия</h2> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764516' data-elem-id='1718303764516' data-elem-type='shape' data-field-top-value="456" data-field-left-value="16" data-field-height-value="254" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="365" data-field-left-res-320-value="16" data-field-height-res-320-value="118" data-field-width-res-320-value="288" data-field-top-res-640-value="439" data-field-left-res-640-value="16" data-field-height-res-640-value="160" data-field-width-res-640-value="300" data-field-top-res-960-value="413" data-field-left-res-960-value="16" data-field-height-res-960-value="192" data-field-width-res-960-value="304"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764520' data-elem-id='1718303764520' data-elem-type='text' data-field-top-value="472" data-field-left-value="40" data-field-width-value="137" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="381" data-field-left-res-320-value="32" data-field-width-res-320-value="100" data-field-top-res-640-value="455" data-field-left-res-640-value="32" data-field-width-res-640-value="88" data-field-top-res-960-value="429" data-field-left-res-960-value="32" data-field-width-res-960-value="216"> <div class='tn-atom'field='tn_text_1718303764520'>2 года</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764523' data-elem-id='1718303764523' data-elem-type='text' data-field-top-value="648" data-field-left-value="40" data-field-width-value="273" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="427" data-field-left-res-320-value="32" data-field-width-res-320-value="257" data-field-top-res-640-value="543" data-field-left-res-640-value="32" data-field-width-res-640-value="246" data-field-axisy-res-640-value="top" data-field-top-res-960-value="543" data-field-left-res-960-value="32" data-field-width-res-960-value="279"> <div class='tn-atom'field='tn_text_1718303764523'>Средний темп роста веб-разработчика от джуна до миддла</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764530' data-elem-id='1718303764530' data-elem-type='shape' data-field-top-value="456" data-field-left-value="408" data-field-height-value="254" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="491" data-field-left-res-320-value="16" data-field-height-res-320-value="116" data-field-width-res-320-value="288" data-field-top-res-640-value="439" data-field-left-res-640-value="324" data-field-height-res-640-value="160" data-field-width-res-640-value="300" data-field-top-res-960-value="413" data-field-left-res-960-value="328" data-field-height-res-960-value="192" data-field-width-res-960-value="304"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764533' data-elem-id='1718303764533' data-elem-type='text' data-field-top-value="472" data-field-left-value="432" data-field-width-value="266" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="507" data-field-left-res-320-value="32" data-field-width-res-320-value="268" data-field-top-res-640-value="455" data-field-left-res-640-value="340" data-field-width-res-640-value="181" data-field-top-res-960-value="429" data-field-left-res-960-value="344" data-field-width-res-960-value="207"> <div class='tn-atom'field='tn_text_1718303764533'>6 тысяч вакансий в месяц</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764538' data-elem-id='1718303764538' data-elem-type='text' data-field-top-value="648" data-field-left-value="432" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="551" data-field-left-res-320-value="32" data-field-width-res-320-value="228" data-field-top-res-640-value="543" data-field-left-res-640-value="340" data-field-width-res-640-value="252" data-field-axisy-res-640-value="top" data-field-top-res-960-value="543" data-field-left-res-960-value="344" data-field-width-res-960-value="256"> <div class='tn-atom'field='tn_text_1718303764538'>Среднее количество вакансий для веб-разработчиков в России</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301725889625768' data-elem-id='1725889625768' data-elem-type='text' data-field-top-value="154" data-field-left-value="16" data-field-width-value="763" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="160" data-field-left-res-320-value="16" data-field-width-res-320-value="266" data-field-top-res-640-value="191" data-field-left-res-640-value="16" data-field-width-res-640-value="489" data-field-top-res-960-value="153"> <h2 class='tn-atom'field='tn_text_1725889625768'>Работа веб-разработчика в<span style="color: rgb(36, 30, 255);">&nbsp;</span>цифрах. Средняя зарплата:</h2> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764595' data-elem-id='1718303764595' data-elem-type='shape' data-field-top-value="243" data-field-left-value="116" data-field-height-value="1" data-field-width-value="341" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="282" data-field-left-res-320-value="155" data-field-width-res-320-value="110" data-field-container-res-320-value="grid" data-field-top-res-640-value="310" data-field-left-res-640-value="121" data-field-width-res-640-value="120" data-field-top-res-960-value="238" data-field-left-res-960-value="156" data-field-height-res-960-value="1" data-field-width-res-960-value="220"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764598' data-elem-id='1718303764598' data-elem-type='shape' data-field-top-value="243" data-field-left-value="627" data-field-height-value="1" data-field-width-value="328" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="282" data-field-left-res-320-value="48" data-field-width-res-320-value="110" data-field-container-res-320-value="grid" data-field-top-res-640-value="310" data-field-left-res-640-value="372" data-field-width-res-640-value="120" data-field-top-res-960-value="238" data-field-left-res-960-value="520" data-field-width-res-960-value="220"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764477' data-elem-id='1718303764477' data-elem-type='text' data-field-top-value="264" data-field-left-value="483" data-field-width-value="189" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="267" data-field-left-res-320-value="117" data-field-width-res-320-value="86" data-field-top-res-640-value="332" data-field-left-res-640-value="263" data-field-width-res-640-value="97" data-field-top-res-960-value="262" data-field-left-res-960-value="402"> <div class='tn-atom'field='tn_text_1718303764477'>150 000+ ₽</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764498' data-elem-id='1718303764498' data-elem-type='text' data-field-top-value="313" data-field-left-value="483" data-field-width-value="243" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="293" data-field-left-res-320-value="117" data-field-top-res-640-value="359" data-field-left-res-640-value="263" data-field-width-res-640-value="109" data-field-top-res-960-value="311" data-field-left-res-960-value="402" data-field-width-res-960-value="110"> <div class='tn-atom'field='tn_text_1718303764498'>2-3 года опыта работы</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764487' data-elem-id='1718303764487' data-elem-type='text' data-field-top-value="227" data-field-left-value="518" data-field-width-value="75" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="236" data-field-left-res-320-value="141" data-field-top-res-640-value="295" data-field-left-res-640-value="287" data-field-width-res-640-value="42" data-field-top-res-960-value="225" data-field-left-res-960-value="437"> <div class='tn-atom'field='tn_text_1718303764487'>Middle</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303869884' data-elem-id='1718303869884' data-elem-type='image' data-field-top-value="229" data-field-left-value="486" data-field-width-value="24" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="16" data-field-fileheight-value="16" data-field-top-res-320-value="240" data-field-left-res-320-value="117" data-field-top-res-640-value="302" data-field-left-res-640-value="263" data-field-width-res-640-value="16" data-field-top-res-960-value="227" data-field-left-res-960-value="405"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3138-3935-4033-a234-636464633332__group_241.svg" alt="" imgfield="tn_img_1718303869884" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764481' data-elem-id='1718303764481' data-elem-type='text' data-field-top-value="264" data-field-left-value="975" data-field-width-value="186" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="267" data-field-left-res-320-value="223" data-field-width-res-320-value="93" data-field-top-res-640-value="332" data-field-left-res-640-value="514" data-field-width-res-640-value="117" data-field-top-res-960-value="262" data-field-left-res-960-value="759" data-field-width-res-960-value="176"> <div class='tn-atom'field='tn_text_1718303764481'>250 000+ ₽</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764502' data-elem-id='1718303764502' data-elem-type='text' data-field-top-value="313" data-field-left-value="975" data-field-width-value="216" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="293" data-field-left-res-320-value="223" data-field-width-res-320-value="84" data-field-top-res-640-value="359" data-field-left-res-640-value="514" data-field-width-res-640-value="104" data-field-top-res-960-value="311" data-field-left-res-960-value="759" data-field-width-res-960-value="134"> <div class='tn-atom'field='tn_text_1718303764502'>Более 5 лет опыта работы</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764491' data-elem-id='1718303764491' data-elem-type='text' data-field-top-value="226" data-field-left-value="1007" data-field-width-value="105" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="236" data-field-left-res-320-value="246" data-field-top-res-640-value="295" data-field-left-res-640-value="538" data-field-width-res-640-value="40" data-field-top-res-960-value="225" data-field-left-res-960-value="791"> <div class='tn-atom'field='tn_text_1718303764491'>Senior</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303869888' data-elem-id='1718303869888' data-elem-type='image' data-field-top-value="229" data-field-left-value="975" data-field-width-value="24" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="16" data-field-fileheight-value="16" data-field-top-res-320-value="240" data-field-left-res-320-value="222" data-field-top-res-640-value="302" data-field-left-res-640-value="514" data-field-width-res-640-value="16" data-field-top-res-960-value="228" data-field-left-res-960-value="759"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3533-3938-4134-b765-303535333566__group_242.svg" alt="" imgfield="tn_img_1718303869888" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764472' data-elem-id='1718303764472' data-elem-type='text' data-field-top-value="264" data-field-left-value="16" data-field-width-value="174" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="267" data-field-left-res-320-value="16" data-field-width-res-320-value="84" data-field-top-res-640-value="332" data-field-left-res-640-value="16" data-field-width-res-640-value="140" data-field-top-res-960-value="262" data-field-left-res-960-value="16"> <div class='tn-atom'field='tn_text_1718303764472'>80 000+ ₽</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764495' data-elem-id='1718303764495' data-elem-type='text' data-field-top-value="313" data-field-left-value="16" data-field-width-value="267" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="293" data-field-left-res-320-value="16" data-field-width-res-320-value="91" data-field-top-res-640-value="359" data-field-left-res-640-value="16" data-field-width-res-640-value="129" data-field-top-res-960-value="311" data-field-left-res-960-value="16" data-field-width-res-960-value="145"> <div class='tn-atom'field='tn_text_1718303764495'>Сразу после начала работы</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303764484' data-elem-id='1718303764484' data-elem-type='text' data-field-top-value="227" data-field-left-value="48" data-field-width-value="76" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="236" data-field-left-res-320-value="40" data-field-top-res-640-value="295" data-field-left-res-640-value="40" data-field-width-res-640-value="39" data-field-top-res-960-value="225" data-field-left-res-960-value="48"> <div class='tn-atom'field='tn_text_1718303764484'>Junior</div> </div> <div class='t396__elem tn-elem tn-elem__7962706301718303869878' data-elem-id='1718303869878' data-elem-type='image' data-field-top-value="229" data-field-left-value="16" data-field-width-value="24" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="16" data-field-fileheight-value="16" data-field-top-res-320-value="240" data-field-left-res-320-value="16" data-field-top-res-640-value="302" data-field-left-res-640-value="16" data-field-width-res-640-value="16" data-field-top-res-960-value="227" data-field-left-res-960-value="16"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3366-3236-4339-b163-373437303638__group_240.svg" alt="" imgfield="tn_img_1718303869878" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7962706301725964147844' data-elem-id='1725964147844' data-elem-type='button' data-field-top-value="456" data-field-left-value="800" data-field-height-value="254" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="615" data-field-height-res-320-value="200" data-field-width-res-320-value="288" data-field-top-res-640-value="607" data-field-left-res-640-value="16" data-field-height-res-640-value="160" data-field-width-res-640-value="608" data-field-top-res-960-value="413" data-field-left-res-960-value="640" data-field-height-res-960-value="192" data-field-width-res-960-value="304"> <a class='tn-atom' href="https://habr.com/ru/articles/770720/" rel="nofollow" target="_blank"></a> </div> <div class='t396__elem tn-elem tn-elem__7962706301725963356103' data-elem-id='1725963356103' data-elem-type='text' data-field-top-value="602" data-field-left-value="824" data-field-width-value="305" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="699" data-field-width-res-320-value="242" data-field-top-res-640-value="701" data-field-left-res-640-value="32" data-field-width-res-640-value="485" data-field-top-res-960-value="509" data-field-left-res-960-value="656" data-field-width-res-960-value="268"> <div class='tn-atom'><a href="https://habr.com/ru/articles/770720/"rel="nofollow"target="_blank"style="color: inherit">Средние зарплаты веб-разработчиков и количество вакансий демонстрируют высокий спрос на специалистов в этой области (Habr)</a></div> </div> <div class='t396__elem tn-elem tn-elem__7962706301725963509588' data-elem-id='1725963509588' data-elem-type='text' data-field-top-value="472" data-field-left-value="824" data-field-width-value="281" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="631" data-field-width-res-320-value="197" data-field-top-res-640-value="623" data-field-left-res-640-value="32" data-field-width-res-640-value="287" data-field-top-res-960-value="429" data-field-left-res-960-value="656" data-field-width-res-960-value="239"> <div class='tn-atom'><a href="https://habr.com/ru/articles/770720/"rel="nofollow"target="_blank"style="color: inherit">*Данные из отчета по рынку труда в 2024 году</a></div> </div> <div class='t396__elem tn-elem tn-elem__7962706301726152333577 ' data-elem-id='1726152333577' data-elem-type='image' data-field-top-value="478" data-field-left-value="1136" data-field-width-value="24" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-mobile="y" data-animate-sbs-event="hover" data-animate-sbs-trgels="1718870939975" data-animate-sbs-opts="[{'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'ti':0,'ea':'0','dt':0},{'mx':0,'my':-5,'sx':1,'sy':1,'op':1,'ro':0,'ti':200,'ea':'0','dt':0}]" data-field-filewidth-value="24" data-field-fileheight-value="24" data-field-top-res-320-value="631" data-field-left-res-320-value="264" data-field-top-res-640-value="629" data-field-left-res-640-value="584" data-field-top-res-960-value="435" data-field-left-res-960-value="904"> <a class='tn-atom' href="https://habr.com/ru/articles/770720/" rel="nofollow" target="_blank"> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3834-3134-4662-a435-643134326466__arrow_up_white.svg" alt="" imgfield="tn_img_1726152333577" loading="lazy"> </a> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('796270630');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('796270630');});});
}, 120);</script> <!-- /T396 --> </div> <div id="rec795894366" class="r t-rec cva t-rec_pt_0" style="padding-top:0px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec795894366 .t396__artboard {height:785px;background-color:#f5f5f5;}#rec795894366 .t396__filter {height:785px;}#rec795894366 .t396__carrier{height:785px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795894366 .t396__artboard,#rec795894366 .t396__filter,#rec795894366 .t396__carrier {height:760px;}#rec795894366 .t396__filter {}#rec795894366 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795894366 .t396__artboard,#rec795894366 .t396__filter,#rec795894366 .t396__carrier {height:844px;}#rec795894366 .t396__filter {}#rec795894366 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795894366 .t396__artboard,#rec795894366 .t396__filter,#rec795894366 .t396__carrier {height:969px;}#rec795894366 .t396__filter {}#rec795894366 .t396__carrier {background-attachment:scroll;}}#rec795894366 .tn-elem[data-elem-id="1718202448277"]{color:#131415;text-align:LEFT;z-index:3;top:87px;left:calc(50% - 600px + 16px);width:563px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448277"] .tn-atom {vertical-align:middle;color:#131415;font-size:40px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202448277"] {top:88px;width:493px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448277"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202448277"] {top:87px;width:577px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448277"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202448277"] {top:80px;width:223px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448277"] .tn-atom{font-size:24px;background-size:cover;}}#rec795894366 .tn-elem[data-elem-id="1718202448730"]{z-index:4;top:332px;left:calc(50% - 600px + 16px);width:1168px;height:1px;}#rec795894366 .tn-elem[data-elem-id="1718202448730"] .tn-atom{border-width:0px;border-radius:0px 0px 0px 0px;background-color:#c1c1c1;background-position:center center;border-color:#dfdfdf ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202448730"] {top:333px;width:928px;height:1px;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202448730"] {top:347px;width:608px;height:1px;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202448730"] {top:375px;left:calc(50% - 160px + 16px);width:288px;}}#rec795894366 .tn-elem[data-elem-id="1718202448739"]{z-index:5;top:514px;left:calc(50% - 600px + 16px);width:1168px;height:1px;}#rec795894366 .tn-elem[data-elem-id="1718202448739"] .tn-atom{border-width:0px;border-radius:0px 0px 0px 0px;background-color:#c1c1c1;background-position:center center;border-color:#dfdfdf ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202448739"] {top:506px;width:928px;height:1px;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202448739"] {top:529px;width:608px;height:1px;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202448739"] {top:612px;left:calc(50% - 160px + 16px);width:288px;}}#rec795894366 .tn-elem[data-elem-id="1718202448742"]{color:#131415;text-align:LEFT;z-index:6;top:217px;left:calc(50% - 600px + 320px);width:303px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448742"] .tn-atom {vertical-align:middle;color:#131415;font-size:24px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202448742"] {top:218px;left:calc(50% - 480px + 203px);width:222px;height:auto;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202448742"] {top:197px;left:calc(50% - 320px + 229px);width:212px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448742"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202448742"] {top:255px;left:calc(50% - 160px + 16px);width:202px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448742"] .tn-atom{font-size:18px;background-size:cover;}}#rec795894366 .tn-elem[data-elem-id="1718202448750"]{color:#131415;text-align:LEFT;z-index:7;top:408px;left:calc(50% - 600px + 320px);width:395px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448750"] .tn-atom {vertical-align:middle;color:#131415;font-size:24px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202448750"] {top:400px;left:calc(50% - 480px + 203px);width:278px;height:auto;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202448750"] {top:380px;left:calc(50% - 320px + 229px);width:282px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448750"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202448750"] {top:496px;left:calc(50% - 160px + 16px);width:270px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448750"] .tn-atom{font-size:18px;background-size:cover;}}#rec795894366 .tn-elem[data-elem-id="1718202448761"]{color:#131415;text-align:LEFT;z-index:8;top:223px;left:calc(50% - 600px + 820px);width:238px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448761"] .tn-atom {vertical-align:middle;color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202448761"] {top:227px;left:calc(50% - 480px + 570px);width:209px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448761"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202448761"] {top:269px;left:calc(50% - 320px + 229px);width:212px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448761"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202448761"] {top:311px;left:calc(50% - 160px + 16px);width:185px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448761"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894366 .tn-elem[data-elem-id="1718202448767"]{color:#131415;text-align:LEFT;z-index:9;top:385px;left:calc(50% - 600px + 820px);width:334px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448767"] .tn-atom {vertical-align:middle;color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202448767"] {top:381px;left:calc(50% - 480px + 570px);width:286px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448767"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202448767"] {top:420px;left:calc(50% - 320px + 229px);width:294px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448767"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202448767"] {top:528px;left:calc(50% - 160px + 16px);width:231px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448767"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894366 .tn-elem[data-elem-id="1718202525435"]{z-index:10;top:365px;left:calc(50% - 600px + 26px);width:104px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202525435"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec795894366 .tn-elem[data-elem-id="1718202525435"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202525435"] {top:357px;left:calc(50% - 480px + 16px);height:auto;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202525435"] {top:380px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202525435"] {top:400px;left:calc(50% - 160px + 16px);width:71px;height:auto;}}#rec795894366 .tn-elem[data-elem-id="1718202448756"]{color:#131415;text-align:LEFT;z-index:11;top:569px;left:calc(50% - 600px + 320px);width:375px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448756"] .tn-atom {vertical-align:middle;color:#131415;font-size:24px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202448756"] {top:553px;left:calc(50% - 480px + 203px);width:308px;height:auto;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202448756"] {top:562px;left:calc(50% - 320px + 229px);width:330px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448756"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202448756"] {top:726px;left:calc(50% - 160px + 16px);width:274px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448756"] .tn-atom{font-size:18px;background-size:cover;}}#rec795894366 .tn-elem[data-elem-id="1718202448772"]{color:#131415;text-align:LEFT;z-index:12;top:562px;left:calc(50% - 600px + 820px);width:359px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448772"] .tn-atom {vertical-align:middle;color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202448772"] {top:550px;left:calc(50% - 480px + 570px);width:355px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448772"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202448772"] {top:634px;left:calc(50% - 320px + 229px);width:329px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448772"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202448772"] {top:782px;left:calc(50% - 160px + 16px);width:295px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202448772"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894366 .tn-elem[data-elem-id="1718202525439"]{z-index:13;top:547px;left:calc(50% - 600px + 26px);width:104px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202525439"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec795894366 .tn-elem[data-elem-id="1718202525439"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202525439"] {top:531px;left:calc(50% - 480px + 16px);height:auto;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202525439"] {top:562px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202525439"] {top:637px;left:calc(50% - 160px + 16px);width:71px;height:auto;}}#rec795894366 .tn-elem[data-elem-id="1718202525430"]{z-index:14;top:197px;left:calc(50% - 600px + 29px);width:104px;height:auto;}#rec795894366 .tn-elem[data-elem-id="1718202525430"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec795894366 .tn-elem[data-elem-id="1718202525430"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1718202525430"] {top:198px;left:calc(50% - 480px + 19px);height:auto;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1718202525430"] {top:197px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1718202525430"] {top:168px;left:calc(50% - 160px + 16px);width:71px;height:auto;}}#rec795894366 .tn-elem[data-elem-id="1725965968757"]{color:#f5f5f5;text-align:center;z-index:15;top:684px;left:calc(50% - 600px + 820px);width:364px;height:57px;}#rec795894366 .tn-elem[data-elem-id="1725965968757"] .tn-atom{color:#f5f5f5;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;border-width:1px;border-radius:1px 1px 1px 1px;background-color:#433eff;background-position:center center;border-color:#433eff ;border-style:solid;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out,border-color 0.2s ease-in-out;}@media (hover),(min-width:0\0) {#rec795894366 .tn-elem[data-elem-id="1725965968757"] .tn-atom:hover {background-color:#241eff;background-image:none;border-color:#241eff;}#rec795894366 .tn-elem[data-elem-id="1725965968757"] .tn-atom:hover {color:#f5f5f5;}}@media screen and (max-width:1199px) {#rec795894366 .tn-elem[data-elem-id="1725965968757"] {top:659px;left:calc(50% - 480px + 570px);width:374px;}}@media screen and (max-width:959px) {#rec795894366 .tn-elem[data-elem-id="1725965968757"] {top:743px;left:calc(50% - 320px + 229px);width:256px;}}@media screen and (max-width:639px) {#rec795894366 .tn-elem[data-elem-id="1725965968757"] {top:874px;left:calc(50% - 160px + 16px);width:288px;height:55px;}#rec795894366 .tn-elem[data-elem-id="1725965968757"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795894366" data-artboard-screens="320,640,960,1200" data-artboard-height="785" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="969" data-artboard-upscale-res-320="window" data-artboard-height-res-640="844" data-artboard-height-res-960="760" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="795894366"></div> <div class="t396__filter" data-artboard-recid="795894366"></div> <div class='t396__elem tn-elem tn-elem__7958943661718202448277' data-elem-id='1718202448277' data-elem-type='text' data-field-top-value="87" data-field-left-value="16" data-field-height-value="54" data-field-width-value="563" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="80" data-field-width-res-320-value="223" data-field-top-res-640-value="87" data-field-width-res-640-value="577" data-field-top-res-960-value="88" data-field-width-res-960-value="493"> <h2 class='tn-atom'field='tn_text_1718202448277'>Кому подходит этот курс</h2> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202448730' data-elem-id='1718202448730' data-elem-type='shape' data-field-top-value="332" data-field-left-value="16" data-field-height-value="1" data-field-width-value="1168" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="375" data-field-left-res-320-value="16" data-field-width-res-320-value="288" data-field-top-res-640-value="347" data-field-height-res-640-value="1" data-field-width-res-640-value="608" data-field-top-res-960-value="333" data-field-height-res-960-value="1" data-field-width-res-960-value="928"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202448739' data-elem-id='1718202448739' data-elem-type='shape' data-field-top-value="514" data-field-left-value="16" data-field-height-value="1" data-field-width-value="1168" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="612" data-field-left-res-320-value="16" data-field-width-res-320-value="288" data-field-top-res-640-value="529" data-field-height-res-640-value="1" data-field-width-res-640-value="608" data-field-top-res-960-value="506" data-field-height-res-960-value="1" data-field-width-res-960-value="928"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202448742' data-elem-id='1718202448742' data-elem-type='text' data-field-top-value="217" data-field-left-value="320" data-field-height-value="32" data-field-width-value="303" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="255" data-field-left-res-320-value="16" data-field-width-res-320-value="202" data-field-top-res-640-value="197" data-field-left-res-640-value="229" data-field-width-res-640-value="212" data-field-top-res-960-value="218" data-field-left-res-960-value="203" data-field-width-res-960-value="222"> <div class='tn-atom'field='tn_text_1718202448742'>Начинающим разработчикам</div> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202448750' data-elem-id='1718202448750' data-elem-type='text' data-field-top-value="408" data-field-left-value="320" data-field-height-value="32" data-field-width-value="395" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="496" data-field-left-res-320-value="16" data-field-width-res-320-value="270" data-field-top-res-640-value="380" data-field-left-res-640-value="229" data-field-width-res-640-value="282" data-field-top-res-960-value="400" data-field-left-res-960-value="203" data-field-width-res-960-value="278"> <div class='tn-atom'field='tn_text_1718202448750'>Профессионалам</div> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202448761' data-elem-id='1718202448761' data-elem-type='text' data-field-top-value="223" data-field-left-value="820" data-field-height-value="52" data-field-width-value="238" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="311" data-field-left-res-320-value="16" data-field-width-res-320-value="185" data-field-top-res-640-value="269" data-field-left-res-640-value="229" data-field-width-res-640-value="212" data-field-top-res-960-value="227" data-field-left-res-960-value="570" data-field-width-res-960-value="209"> <div class='tn-atom'field='tn_text_1718202448761'>Желающим изучить основы веб-разработки</div> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202448767' data-elem-id='1718202448767' data-elem-type='text' data-field-top-value="385" data-field-left-value="820" data-field-height-value="78" data-field-width-value="334" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="528" data-field-left-res-320-value="16" data-field-width-res-320-value="231" data-field-top-res-640-value="420" data-field-left-res-640-value="229" data-field-width-res-640-value="294" data-field-top-res-960-value="381" data-field-left-res-960-value="570" data-field-width-res-960-value="286"> <div class='tn-atom'field='tn_text_1718202448767'>Стремящимся обновить свои знания в области верстки и<span style="color: rgb(36, 30, 255);">&nbsp;</span>современных веб-технологий</div> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202525435' data-elem-id='1718202525435' data-elem-type='image' data-field-top-value="365" data-field-left-value="26" data-field-width-value="104" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="221" data-field-fileheight-value="248" data-field-heightmode-value="hug" data-field-top-res-320-value="400" data-field-left-res-320-value="16" data-field-width-res-320-value="71" data-field-top-res-640-value="380" data-field-left-res-640-value="16" data-field-top-res-960-value="357" data-field-left-res-960-value="16"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild6164-3938-4261-b931-373130353838__group_2.svg" alt="" imgfield="tn_img_1718202525435" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202448756' data-elem-id='1718202448756' data-elem-type='text' data-field-top-value="569" data-field-left-value="320" data-field-height-value="64" data-field-width-value="375" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="726" data-field-left-res-320-value="16" data-field-width-res-320-value="274" data-field-top-res-640-value="562" data-field-left-res-640-value="229" data-field-width-res-640-value="330" data-field-top-res-960-value="553" data-field-left-res-960-value="203" data-field-width-res-960-value="308"> <div class='tn-atom'field='tn_text_1718202448756'>Всем, кто хочет сменить<br>сферу деятельности</div> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202448772' data-elem-id='1718202448772' data-elem-type='text' data-field-top-value="562" data-field-left-value="820" data-field-height-value="78" data-field-width-value="359" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="782" data-field-left-res-320-value="16" data-field-width-res-320-value="295" data-field-top-res-640-value="634" data-field-left-res-640-value="229" data-field-width-res-640-value="329" data-field-top-res-960-value="550" data-field-left-res-960-value="570" data-field-width-res-960-value="355"> <div class='tn-atom'field='tn_text_1718202448772'>Рассматривающим смену карьеры и<span style="color: rgb(36, 30, 255);">&nbsp;</span>желающим освоить востребованную профессию в&nbsp;сфере веб-разработки</div> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202525439' data-elem-id='1718202525439' data-elem-type='image' data-field-top-value="547" data-field-left-value="26" data-field-width-value="104" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="242" data-field-fileheight-value="248" data-field-heightmode-value="hug" data-field-top-res-320-value="637" data-field-left-res-320-value="16" data-field-width-res-320-value="71" data-field-top-res-640-value="562" data-field-left-res-640-value="16" data-field-top-res-960-value="531" data-field-left-res-960-value="16"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild6133-3938-4333-b630-336438656563__frame_2.svg" alt="" imgfield="tn_img_1718202525439" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943661718202525430' data-elem-id='1718202525430' data-elem-type='image' data-field-top-value="197" data-field-left-value="29" data-field-width-value="104" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-filewidth-value="246" data-field-fileheight-value="244" data-field-heightmode-value="hug" data-field-top-res-320-value="168" data-field-left-res-320-value="16" data-field-width-res-320-value="71" data-field-top-res-640-value="197" data-field-left-res-640-value="16" data-field-top-res-960-value="198" data-field-left-res-960-value="19"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3531-3430-4935-b934-323462616534__group_1.svg" alt="" imgfield="tn_img_1718202525430" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943661725965968757' data-elem-id='1725965968757' data-elem-type='button' data-field-top-value="684" data-field-left-value="820" data-field-height-value="57" data-field-width-value="364" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="874" data-field-left-res-320-value="16" data-field-height-res-320-value="55" data-field-width-res-320-value="288" data-field-top-res-640-value="743" data-field-left-res-640-value="229" data-field-width-res-640-value="256" data-field-top-res-960-value="659" data-field-left-res-960-value="570" data-field-width-res-960-value="374"> <a class='tn-atom' href="https://ru.hexlet.io/programs/web-development-free/goto" rel="nofollow" target="_blank">Начать обучение</a> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795894366');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795894366');});});
}, 130);</script> <!-- /T396 --> </div> <div id="rec795894368" class="r t-rec cva" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec795894368 .t396__artboard {height:398px;background-color:#f5f5f5;}#rec795894368 .t396__filter {height:398px;}#rec795894368 .t396__carrier{height:398px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795894368 .t396__artboard,#rec795894368 .t396__filter,#rec795894368 .t396__carrier {height:386px;}#rec795894368 .t396__filter {}#rec795894368 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795894368 .t396__artboard,#rec795894368 .t396__filter,#rec795894368 .t396__carrier {height:582px;}#rec795894368 .t396__filter {}#rec795894368 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795894368 .t396__artboard,#rec795894368 .t396__filter,#rec795894368 .t396__carrier {height:598px;}#rec795894368 .t396__filter {}#rec795894368 .t396__carrier {background-attachment:scroll;}}#rec795894368 .tn-elem[data-elem-id="1718035453689"]{z-index:2;top:138px;left:calc(50% - 600px + 800px);width:384px;height:240px;}#rec795894368 .tn-elem[data-elem-id="1718035453689"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894368 .tn-elem[data-elem-id="1718035453689"] {top:138px;left:calc(50% - 480px + 640px);width:304px;height:228px;}}@media screen and (max-width:959px) {#rec795894368 .tn-elem[data-elem-id="1718035453689"] {top:354px;left:calc(50% - 320px + 16px);width:608px;height:208px;}}@media screen and (max-width:639px) {#rec795894368 .tn-elem[data-elem-id="1718035453689"] {top:410px;width:288px;height:184px;}}#rec795894368 .tn-elem[data-elem-id="1718035453692"]{color:#131415;text-align:LEFT;z-index:3;top:154px;left:calc(50% - 600px + 824px);width:284px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453692"] .tn-atom{color:#131415;font-size:24px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894368 .tn-elem[data-elem-id="1718035453692"] {top:154px;left:calc(50% - 480px + 656px);height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453692"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894368 .tn-elem[data-elem-id="1718035453692"] {top:370px;left:calc(50% - 320px + 32px);width:290px;height:auto;}}@media screen and (max-width:639px) {#rec795894368 .tn-elem[data-elem-id="1718035453692"] {top:426px;left:calc(50% - 160px + 32px);width:206px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453692"] .tn-atom{font-size:18px;background-size:cover;}}#rec795894368 .tn-elem[data-elem-id="1718035453695"]{color:#131415;text-align:LEFT;z-index:4;top:270px;left:calc(50% - 600px + 824px);width:280px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453695"] .tn-atom{color:#131415;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894368 .tn-elem[data-elem-id="1718035453695"] {top:258px;left:calc(50% - 480px + 656px);width:266px;height:auto;}}@media screen and (max-width:959px) {#rec795894368 .tn-elem[data-elem-id="1718035453695"] {top:477px;left:calc(50% - 320px + 32px);width:406px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453695"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894368 .tn-elem[data-elem-id="1718035453695"] {top:498px;left:calc(50% - 160px + 32px);width:244px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453695"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894368 .tn-elem[data-elem-id="1718035453729"]{z-index:5;top:138px;left:calc(50% - 600px + 16px);width:384px;height:240px;}#rec795894368 .tn-elem[data-elem-id="1718035453729"] .tn-atom{background-color:#e6ebff;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894368 .tn-elem[data-elem-id="1718035453729"] {top:138px;width:304px;height:228px;}}@media screen and (max-width:959px) {#rec795894368 .tn-elem[data-elem-id="1718035453729"] {top:138px;left:calc(50% - 320px + 16px);width:300px;height:208px;}}@media screen and (max-width:639px) {#rec795894368 .tn-elem[data-elem-id="1718035453729"] {top:94px;width:288px;height:140px;}}#rec795894368 .tn-elem[data-elem-id="1718035453732"]{color:#131415;text-align:LEFT;z-index:6;top:154px;left:calc(50% - 600px + 40px);width:300px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453732"] .tn-atom{color:#131415;font-size:24px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894368 .tn-elem[data-elem-id="1718035453732"] {top:154px;left:calc(50% - 480px + 32px);width:211px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453732"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894368 .tn-elem[data-elem-id="1718035453732"] {top:154px;left:calc(50% - 320px + 32px);width:257px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453732"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894368 .tn-elem[data-elem-id="1718035453732"] {top:110px;left:calc(50% - 160px + 32px);height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453732"] .tn-atom{font-size:18px;background-size:cover;}}#rec795894368 .tn-elem[data-elem-id="1718035453736"]{color:#131415;text-align:LEFT;z-index:7;top:293px;left:calc(50% - 600px + 40px);width:272px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453736"] .tn-atom{color:#131415;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894368 .tn-elem[data-elem-id="1718035453736"] {top:281px;left:calc(50% - 480px + 32px);width:233px;height:auto;}}@media screen and (max-width:959px) {#rec795894368 .tn-elem[data-elem-id="1718035453736"] {top:261px;left:calc(50% - 320px + 32px);width:236px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453736"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894368 .tn-elem[data-elem-id="1718035453736"] {top:158px;left:calc(50% - 160px + 32px);width:235px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453736"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894368 .tn-elem[data-elem-id="1718035453713"]{z-index:8;top:138px;left:calc(50% - 600px + 408px);width:384px;height:240px;}#rec795894368 .tn-elem[data-elem-id="1718035453713"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894368 .tn-elem[data-elem-id="1718035453713"] {top:138px;left:calc(50% - 480px + 328px);width:304px;height:228px;}}@media screen and (max-width:959px) {#rec795894368 .tn-elem[data-elem-id="1718035453713"] {top:138px;left:calc(50% - 320px + 324px);width:300px;height:208px;}}@media screen and (max-width:639px) {#rec795894368 .tn-elem[data-elem-id="1718035453713"] {top:242px;left:calc(50% - 160px + 16px);width:288px;height:160px;}}#rec795894368 .tn-elem[data-elem-id="1718035453716"]{color:#131415;text-align:LEFT;z-index:9;top:154px;left:calc(50% - 600px + 432px);width:202px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453716"] .tn-atom{color:#131415;font-size:24px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894368 .tn-elem[data-elem-id="1718035453716"] {top:154px;left:calc(50% - 480px + 344px);height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453716"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894368 .tn-elem[data-elem-id="1718035453716"] {top:154px;left:calc(50% - 320px + 340px);width:142px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453716"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894368 .tn-elem[data-elem-id="1718035453716"] {top:258px;left:calc(50% - 160px + 32px);width:101px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453716"] .tn-atom{font-size:18px;background-size:cover;}}#rec795894368 .tn-elem[data-elem-id="1718035453719"]{color:#131415;text-align:LEFT;z-index:10;top:293px;left:calc(50% - 600px + 432px);width:330px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453719"] .tn-atom{color:#131415;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894368 .tn-elem[data-elem-id="1718035453719"] {top:258px;left:calc(50% - 480px + 344px);width:271px;height:auto;}}@media screen and (max-width:959px) {#rec795894368 .tn-elem[data-elem-id="1718035453719"] {top:238px;left:calc(50% - 320px + 340px);height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453719"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894368 .tn-elem[data-elem-id="1718035453719"] {top:306px;left:calc(50% - 160px + 32px);width:236px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1718035453719"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894368 .tn-elem[data-elem-id="1725967629766"]{color:#131415;text-align:LEFT;z-index:11;top:44px;left:calc(50% - 600px + 16px);width:563px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1725967629766"] .tn-atom{color:#131415;font-size:40px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894368 .tn-elem[data-elem-id="1725967629766"] {top:44px;width:493px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1725967629766"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894368 .tn-elem[data-elem-id="1725967629766"] {top:44px;left:calc(50% - 320px + 16px);width:466px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1725967629766"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894368 .tn-elem[data-elem-id="1725967629766"] {top:38px;width:254px;height:auto;}#rec795894368 .tn-elem[data-elem-id="1725967629766"] .tn-atom{font-size:24px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795894368" data-artboard-screens="320,640,960,1200" data-artboard-height="398" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="598" data-artboard-upscale-res-320="window" data-artboard-height-res-640="582" data-artboard-height-res-960="386" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="795894368"></div> <div class="t396__filter" data-artboard-recid="795894368"></div> <div class='t396__elem tn-elem tn-elem__7958943681718035453689' data-elem-id='1718035453689' data-elem-type='shape' data-field-top-value="138" data-field-left-value="800" data-field-height-value="240" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="410" data-field-height-res-320-value="184" data-field-width-res-320-value="288" data-field-top-res-640-value="354" data-field-left-res-640-value="16" data-field-height-res-640-value="208" data-field-width-res-640-value="608" data-field-top-res-960-value="138" data-field-left-res-960-value="640" data-field-height-res-960-value="228" data-field-width-res-960-value="304"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943681718035453692' data-elem-id='1718035453692' data-elem-type='text' data-field-top-value="154" data-field-left-value="824" data-field-width-value="284" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="426" data-field-left-res-320-value="32" data-field-width-res-320-value="206" data-field-top-res-640-value="370" data-field-left-res-640-value="32" data-field-width-res-640-value="290" data-field-top-res-960-value="154" data-field-left-res-960-value="656"> <div class='tn-atom'field='tn_text_1718035453692'>Ключевые концепции веб-разработки</div> </div> <div class='t396__elem tn-elem tn-elem__7958943681718035453695' data-elem-id='1718035453695' data-elem-type='text' data-field-top-value="270" data-field-left-value="824" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="498" data-field-left-res-320-value="32" data-field-width-res-320-value="244" data-field-top-res-640-value="477" data-field-left-res-640-value="32" data-field-width-res-640-value="406" data-field-top-res-960-value="258" data-field-left-res-960-value="656" data-field-width-res-960-value="266"> <div class='tn-atom'field='tn_text_1718035453695'>Понимание основных концепций веб-разработки позволит вам уверенно двигаться к созданию профессиональных сайтов</div> </div> <div class='t396__elem tn-elem tn-elem__7958943681718035453729' data-elem-id='1718035453729' data-elem-type='shape' data-field-top-value="138" data-field-left-value="16" data-field-height-value="240" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="94" data-field-height-res-320-value="140" data-field-width-res-320-value="288" data-field-top-res-640-value="138" data-field-left-res-640-value="16" data-field-height-res-640-value="208" data-field-width-res-640-value="300" data-field-top-res-960-value="138" data-field-height-res-960-value="228" data-field-width-res-960-value="304"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943681718035453732' data-elem-id='1718035453732' data-elem-type='text' data-field-top-value="154" data-field-left-value="40" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="110" data-field-left-res-320-value="32" data-field-top-res-640-value="154" data-field-left-res-640-value="32" data-field-width-res-640-value="257" data-field-top-res-960-value="154" data-field-left-res-960-value="32" data-field-width-res-960-value="211"> <h3 class='tn-atom'field='tn_text_1718035453732'>Создание веб-страниц</h3> </div> <div class='t396__elem tn-elem tn-elem__7958943681718035453736' data-elem-id='1718035453736' data-elem-type='text' data-field-top-value="293" data-field-left-value="40" data-field-width-value="272" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="158" data-field-left-res-320-value="32" data-field-width-res-320-value="235" data-field-top-res-640-value="261" data-field-left-res-640-value="32" data-field-width-res-640-value="236" data-field-top-res-960-value="281" data-field-left-res-960-value="32" data-field-width-res-960-value="233"> <div class='tn-atom'field='tn_text_1718035453736'>Освойте HTML и CSS для создания структурированных и стильных веб-страниц</div> </div> <div class='t396__elem tn-elem tn-elem__7958943681718035453713' data-elem-id='1718035453713' data-elem-type='shape' data-field-top-value="138" data-field-left-value="408" data-field-height-value="240" data-field-width-value="384" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="242" data-field-left-res-320-value="16" data-field-height-res-320-value="160" data-field-width-res-320-value="288" data-field-top-res-640-value="138" data-field-left-res-640-value="324" data-field-height-res-640-value="208" data-field-width-res-640-value="300" data-field-top-res-960-value="138" data-field-left-res-960-value="328" data-field-height-res-960-value="228" data-field-width-res-960-value="304"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943681718035453716' data-elem-id='1718035453716' data-elem-type='text' data-field-top-value="154" data-field-left-value="432" data-field-width-value="202" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="258" data-field-left-res-320-value="32" data-field-width-res-320-value="101" data-field-top-res-640-value="154" data-field-left-res-640-value="340" data-field-width-res-640-value="142" data-field-top-res-960-value="154" data-field-left-res-960-value="344"> <h3 class='tn-atom'field='tn_text_1718035453716'>JavaScript</h3> </div> <div class='t396__elem tn-elem tn-elem__7958943681718035453719' data-elem-id='1718035453719' data-elem-type='text' data-field-top-value="293" data-field-left-value="432" data-field-width-value="330" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="306" data-field-left-res-320-value="32" data-field-width-res-320-value="236" data-field-top-res-640-value="238" data-field-left-res-640-value="340" data-field-top-res-960-value="258" data-field-left-res-960-value="344" data-field-width-res-960-value="271"> <div class='tn-atom'field='tn_text_1718035453719'>Научитесь использовать язык JavaScript для добавления интерактивности и&nbsp;управления элементами на сайте</div> </div> <div class='t396__elem tn-elem tn-elem__7958943681725967629766' data-elem-id='1725967629766' data-elem-type='text' data-field-top-value="44" data-field-left-value="16" data-field-width-value="563" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="38" data-field-width-res-320-value="254" data-field-top-res-640-value="44" data-field-left-res-640-value="16" data-field-width-res-640-value="466" data-field-top-res-960-value="44" data-field-width-res-960-value="493"> <h2 class='tn-atom'field='tn_text_1725967629766'>Чему вы научитесь<strong>:</strong></h2> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795894368');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795894368');});});
}, 140);</script> <!-- /T396 --> </div> <div id="rec795894369" class="r t-rec cva t-rec_pb_0" style="padding-bottom:0px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec795894369 .t396__artboard {height:193px;background-color:#f5f5f5;}#rec795894369 .t396__filter {height:193px;}#rec795894369 .t396__carrier{height:193px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795894369 .t396__artboard,#rec795894369 .t396__filter,#rec795894369 .t396__carrier {height:193px;}#rec795894369 .t396__filter {}#rec795894369 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795894369 .t396__artboard,#rec795894369 .t396__filter,#rec795894369 .t396__carrier {height:222px;}#rec795894369 .t396__filter {}#rec795894369 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795894369 .t396__artboard,#rec795894369 .t396__filter,#rec795894369 .t396__carrier {height:211px;}#rec795894369 .t396__filter {}#rec795894369 .t396__carrier {background-attachment:scroll;}}#rec795894369 .tn-elem[data-elem-id="1726210000607"]{text-align:center;z-index:2;top:19px;left:calc(50% - 600px + 16px);width:1168px;height:130px;}#rec795894369 .tn-elem[data-elem-id="1726210000607"] .tn-atom{color:transparent;font-size:14px;font-family:'Onest',Arial,sans-serif;line-height:1.55;font-weight:600;border-radius:0px;background-color:#433eff;background-position:center center;border-color:transparent ;border-style:solid;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out,border-color 0.2s ease-in-out;}@media (hover),(min-width:0\0) {#rec795894369 .tn-elem[data-elem-id="1726210000607"] .tn-atom:hover {background-color:#00c2ff;background-image:none;}}@media screen and (max-width:1199px) {#rec795894369 .tn-elem[data-elem-id="1726210000607"] {top:19px;width:928px;}}@media screen and (max-width:959px) {#rec795894369 .tn-elem[data-elem-id="1726210000607"] {width:608px;height:159px;}}@media screen and (max-width:639px) {#rec795894369 .tn-elem[data-elem-id="1726210000607"] {top:3px;width:288px;height:168px;}}#rec795894369 .tn-elem[data-elem-id="1718288603318"]{color:#f5f5f5;text-align:LEFT;z-index:3;top:43px;left:calc(50% - 600px + 40px);width:542px;height:auto;}@media (min-width:1200px) {#rec795894369 .tn-elem.t396__elem--anim-hidden[data-elem-id="1718288603318"] {opacity:0;}}#rec795894369 .tn-elem[data-elem-id="1718288603318"] .tn-atom{color:#f5f5f5;font-size:30px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894369 .tn-elem[data-elem-id="1718288603318"] {top:43px;left:calc(50% - 480px + 40px);height:auto;}}@media screen and (max-width:959px) {#rec795894369 .tn-elem[data-elem-id="1718288603318"] {top:35px;left:calc(50% - 320px + 32px);width:427px;height:auto;}#rec795894369 .tn-elem[data-elem-id="1718288603318"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894369 .tn-elem[data-elem-id="1718288603318"] {top:19px;left:calc(50% - 160px + 32px);width:231px;height:auto;}#rec795894369 .tn-elem[data-elem-id="1718288603318"] .tn-atom{font-size:18px;background-size:cover;}}#rec795894369 .tn-elem[data-elem-id="1718289466031"]{z-index:4;top:91px;left:calc(50% - 600px + 1128px);width:32px;height:auto;}@media (min-width:1200px) {#rec795894369 .tn-elem.t396__elem--anim-hidden[data-elem-id="1718289466031"] {opacity:0;}}#rec795894369 .tn-elem[data-elem-id="1718289466031"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795894369 .tn-elem[data-elem-id="1718289466031"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec795894369 .tn-elem[data-elem-id="1718289466031"] {top:94px;left:calc(50% - 480px + 888px);height:auto;}}@media screen and (max-width:959px) {#rec795894369 .tn-elem[data-elem-id="1718289466031"] {top:136px;left:calc(50% - 320px + 581px);width:27px;height:auto;}}@media screen and (max-width:639px) {#rec795894369 .tn-elem[data-elem-id="1718289466031"] {top:131px;left:calc(50% - 160px + 264px);width:24px;height:auto;}}#rec795894369 .tn-elem[data-elem-id="1719317432551"]{color:#f5f5f5;z-index:5;top:77px;left:calc(50% - 600px + 899px);width:219px;height:auto;}@media (min-width:1200px) {#rec795894369 .tn-elem.t396__elem--anim-hidden[data-elem-id="1719317432551"] {opacity:0;}}#rec795894369 .tn-elem[data-elem-id="1719317432551"] .tn-atom{color:#f5f5f5;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894369 .tn-elem[data-elem-id="1719317432551"] {top:77px;left:calc(50% - 480px + 659px);height:auto;}}@media screen and (max-width:959px) {#rec795894369 .tn-elem[data-elem-id="1719317432551"] {top:139px;left:calc(50% - 320px + 32px);width:451px;height:auto;}}@media screen and (max-width:639px) {#rec795894369 .tn-elem[data-elem-id="1719317432551"] {top:115px;left:calc(50% - 160px + 32px);width:196px;height:auto;}#rec795894369 .tn-elem[data-elem-id="1719317432551"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795894369" data-artboard-screens="320,640,960,1200" data-artboard-height="193" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="211" data-artboard-upscale-res-320="window" data-artboard-height-res-640="222" data-artboard-height-res-960="193" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="795894369"></div> <div class="t396__filter" data-artboard-recid="795894369"></div> <div class='t396__elem tn-elem tn-elem__7958943691726210000607' data-elem-id='1726210000607' data-elem-type='button' data-field-top-value="19" data-field-left-value="16" data-field-height-value="130" data-field-width-value="1168" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="3" data-field-height-res-320-value="168" data-field-width-res-320-value="288" data-field-height-res-640-value="159" data-field-width-res-640-value="608" data-field-top-res-960-value="19" data-field-width-res-960-value="928"> <a class='tn-atom' href="https://ru.hexlet.io/u/new?back_to=https%3A%2F%2Fru.hexlet.io%2Fmy%2Ftopics%3Fq%255Bcommunitable_of_Lesson_type_course_id_or_communitable_of_Exercise_type_lesson_course_id_or_communitable_of_Exercise_type_course_challenge_course_id_eq%255D%3D174%26q%255Bcommunitable_type_eq%255D%3DLesson" rel="nofollow" target="_blank"></a> </div> <div class='t396__elem tn-elem tn-elem__7958943691718288603318 ' data-elem-id='1718288603318' data-elem-type='text' data-field-top-value="43" data-field-left-value="40" data-field-width-value="542" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-sbs-event="hover" data-animate-sbs-trgels="1717599181536,1717607362709,1718289945977" data-animate-sbs-opts="[{'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'ti':0,'ea':'0','dt':0},{'mx':0,'my':-10,'sx':1,'sy':1,'op':1,'ro':0,'ti':200,'ea':'0','dt':0}]" data-field-top-res-320-value="19" data-field-left-res-320-value="32" data-field-width-res-320-value="231" data-field-top-res-640-value="35" data-field-left-res-640-value="32" data-field-width-res-640-value="427" data-field-top-res-960-value="43" data-field-left-res-960-value="40"> <div class='tn-atom'><a href="https://ru.hexlet.io/u/new?back_to=https%3A%2F%2Fru.hexlet.io%2Fmy%2Ftopics%3Fq%255Bcommunitable_of_Lesson_type_course_id_or_communitable_of_Exercise_type_lesson_course_id_or_communitable_of_Exercise_type_course_challenge_course_id_eq%255D%3D174%26q%255Bcommunitable_type_eq%255D%3DLesson"rel="nofollow"target="_blank"style="color: inherit"><strong>121 711</strong> студентов успешно освоили веб-разработку c<span style="color: rgb(36, 30, 255);">&nbsp;</span>Хекслетом</a></div> </div> <div class='t396__elem tn-elem tn-elem__7958943691718289466031 ' data-elem-id='1718289466031' data-elem-type='image' data-field-top-value="91" data-field-left-value="1128" data-field-width-value="32" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-sbs-event="hover" data-animate-sbs-trgels="1717599181536,1717607362709,1718289945977" data-animate-sbs-opts="[{'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'ti':0,'ea':'0','dt':0},{'mx':0,'my':-10,'sx':1,'sy':1,'op':1,'ro':0,'ti':200,'ea':'0','dt':0}]" data-field-filewidth-value="24" data-field-fileheight-value="24" data-field-top-res-320-value="131" data-field-left-res-320-value="264" data-field-width-res-320-value="24" data-field-top-res-640-value="136" data-field-left-res-640-value="581" data-field-width-res-640-value="27" data-field-top-res-960-value="94" data-field-left-res-960-value="888"> <a class='tn-atom' href="https://ru.hexlet.io/u/new?back_to=https%3A%2F%2Fru.hexlet.io%2Fmy%2Ftopics%3Fq%255Bcommunitable_of_Lesson_type_course_id_or_communitable_of_Exercise_type_lesson_course_id_or_communitable_of_Exercise_type_course_challenge_course_id_eq%255D%3D174%26q%255Bcommunitable_type_eq%255D%3DLesson" rel="nofollow" target="_blank"> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3232-6532-4535-b232-386430653161__arrow_up_white.svg" alt="" imgfield="tn_img_1718289466031" loading="lazy"> </a> </div> <div class='t396__elem tn-elem tn-elem__7958943691719317432551 ' data-elem-id='1719317432551' data-elem-type='text' data-field-top-value="77" data-field-left-value="899" data-field-width-value="219" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-animate-sbs-event="hover" data-animate-sbs-trgels="1717599181536,1717607362709,1718289945977" data-animate-sbs-opts="[{'mx':0,'my':0,'sx':1,'sy':1,'op':1,'ro':0,'ti':0,'ea':'0','dt':0},{'mx':0,'my':-10,'sx':1,'sy':1,'op':1,'ro':0,'ti':200,'ea':'0','dt':0}]" data-field-top-res-320-value="115" data-field-left-res-320-value="32" data-field-width-res-320-value="196" data-field-top-res-640-value="139" data-field-left-res-640-value="32" data-field-width-res-640-value="451" data-field-top-res-960-value="77" data-field-left-res-960-value="659"> <div class='tn-atom'><a href="https://ru.hexlet.io/u/new?back_to=https%3A%2F%2Fru.hexlet.io%2Fmy%2Ftopics%3Fq%255Bcommunitable_of_Lesson_type_course_id_or_communitable_of_Exercise_type_lesson_course_id_or_communitable_of_Exercise_type_course_challenge_course_id_eq%255D%3D174%26q%255Bcommunitable_type_eq%255D%3DLesson"rel="nofollow"target="_blank"style="color: inherit">Присоединяйтесь к нашему сообществу разработчиков</a></div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795894369');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795894369');});});
}, 150);</script> <!-- /T396 --> </div> <div id="rec795929807" class="r t-rec cva" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec795929807 .t396__artboard {height:735px;background-color:#f5f5f5;}#rec795929807 .t396__filter {height:735px;}#rec795929807 .t396__carrier{height:735px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795929807 .t396__artboard,#rec795929807 .t396__filter,#rec795929807 .t396__carrier {height:1200px;}#rec795929807 .t396__filter {}#rec795929807 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795929807 .t396__artboard,#rec795929807 .t396__filter,#rec795929807 .t396__carrier {height:1200px;}#rec795929807 .t396__filter {}#rec795929807 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795929807 .t396__artboard,#rec795929807 .t396__filter,#rec795929807 .t396__carrier {height:1570px;}#rec795929807 .t396__filter {}#rec795929807 .t396__carrier {background-attachment:scroll;}}#rec795929807 .tn-elem[data-elem-id="1723361213494"]{z-index:2;top:191px;left:calc(50% - 600px + 16px);width:280px;height:456px;}#rec795929807 .tn-elem[data-elem-id="1723361213494"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361213494"] {top:192px;width:460px;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361213494"] {top:192px;width:300px;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361213494"] {top:125px;width:288px;height:324px;}}#rec795929807 .tn-elem[data-elem-id="1718202448761"]{color:#131415;text-align:LEFT;z-index:3;top:215px;left:calc(50% - 600px + 40px);width:172px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1718202448761"] .tn-atom{color:#131415;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1718202448761"] {top:216px;width:257px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1718202448761"] {top:216px;height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1718202448761"] {top:141px;left:calc(50% - 160px + 32px);width:227px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1718202448761"] .tn-atom{font-size:18px;background-size:cover;}}#rec795929807 .tn-elem[data-elem-id="1723361373818"]{z-index:4;top:447px;left:calc(50% - 600px + 40px);width:232px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1723361373818"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795929807 .tn-elem[data-elem-id="1723361373818"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361373818"] {top:368px;left:calc(50% - 480px + 75px);width:342px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361373818"] {top:442px;left:calc(50% - 320px + 46px);width:240px;height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361373818"] {top:257px;left:calc(50% - 160px + 44px);width:232px;height:auto;}}#rec795929807 .tn-elem[data-elem-id="1723361443044"]{z-index:5;top:191px;left:calc(50% - 600px + 312px);width:280px;height:456px;}#rec795929807 .tn-elem[data-elem-id="1723361443044"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361443044"] {top:192px;left:calc(50% - 480px + 484px);width:460px;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361443044"] {top:192px;left:calc(50% - 320px + 324px);width:300px;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361443044"] {top:457px;left:calc(50% - 160px + 16px);width:288px;height:334px;}}#rec795929807 .tn-elem[data-elem-id="1723361443050"]{color:#131415;text-align:LEFT;z-index:6;top:281px;left:calc(50% - 600px + 336px);width:243px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1723361443050"] .tn-atom{color:#131415;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361443050"] {top:253px;left:calc(50% - 480px + 508px);width:374px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361443050"] {top:253px;left:calc(50% - 320px + 348px);width:250px;height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361443050"] {top:505px;left:calc(50% - 160px + 32px);width:251px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1723361443050"] .tn-atom{font-size:14px;background-size:cover;}}#rec795929807 .tn-elem[data-elem-id="1723361458617"]{z-index:7;top:191px;left:calc(50% - 600px + 608px);width:280px;height:456px;}#rec795929807 .tn-elem[data-elem-id="1723361458617"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361458617"] {top:656px;left:calc(50% - 480px + 16px);width:460px;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361458617"] {top:656px;left:calc(50% - 320px + 16px);width:300px;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361458617"] {top:799px;left:calc(50% - 160px + 16px);width:288px;height:334px;}}#rec795929807 .tn-elem[data-elem-id="1723361458622"]{color:#131415;text-align:LEFT;z-index:8;top:281px;left:calc(50% - 600px + 632px);width:202px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1723361458622"] .tn-atom{color:#131415;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361458622"] {top:717px;left:calc(50% - 480px + 40px);width:321px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361458622"] {top:717px;left:calc(50% - 320px + 40px);width:241px;height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361458622"] {top:847px;left:calc(50% - 160px + 32px);width:260px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1723361458622"] .tn-atom{font-size:14px;background-size:cover;}}#rec795929807 .tn-elem[data-elem-id="1723361458629"]{z-index:9;top:447px;left:calc(50% - 600px + 632px);width:232px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1723361458629"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795929807 .tn-elem[data-elem-id="1723361458629"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361458629"] {top:832px;left:calc(50% - 480px + 75px);width:342px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361458629"] {top:906px;left:calc(50% - 320px + 46px);width:240px;height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361458629"] {top:941px;left:calc(50% - 160px + 44px);width:232px;height:auto;}}#rec795929807 .tn-elem[data-elem-id="1723361467163"]{z-index:10;top:191px;left:calc(50% - 600px + 904px);width:280px;height:456px;}#rec795929807 .tn-elem[data-elem-id="1723361467163"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361467163"] {top:656px;left:calc(50% - 480px + 484px);width:460px;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361467163"] {top:656px;left:calc(50% - 320px + 324px);width:300px;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361467163"] {top:1141px;left:calc(50% - 160px + 16px);width:288px;height:349px;}}#rec795929807 .tn-elem[data-elem-id="1723361467171"]{color:#131415;text-align:LEFT;z-index:11;top:281px;left:calc(50% - 600px + 928px);width:243px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1723361467171"] .tn-atom{color:#131415;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361467171"] {top:717px;left:calc(50% - 480px + 508px);width:374px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361467171"] {top:717px;left:calc(50% - 320px + 348px);width:253px;height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361467171"] {top:1189px;left:calc(50% - 160px + 32px);width:257px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1723361467171"] .tn-atom{font-size:14px;background-size:cover;}}#rec795929807 .tn-elem[data-elem-id="1723361467176"]{z-index:12;top:440px;left:calc(50% - 600px + 336px);width:242px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1723361467176"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795929807 .tn-elem[data-elem-id="1723361467176"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361467176"] {top:368px;left:calc(50% - 480px + 548px);width:342px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361467176"] {top:442px;left:calc(50% - 320px + 358px);width:240px;height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361467176"] {top:599px;left:calc(50% - 160px + 44px);width:232px;height:auto;}}#rec795929807 .tn-elem[data-elem-id="1725968487970"]{color:#131415;text-align:LEFT;z-index:13;top:43px;left:calc(50% - 600px + 16px);width:434px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725968487970"] .tn-atom{color:#131415;font-size:40px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1725968487970"] {top:44px;width:446px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725968487970"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1725968487970"] {top:44px;width:407px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725968487970"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1725968487970"] {top:37px;width:293px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725968487970"] .tn-atom{font-size:24px;background-size:cover;}}#rec795929807 .tn-elem[data-elem-id="1725968666621"]{color:#131415;text-align:LEFT;z-index:14;top:281px;left:calc(50% - 600px + 40px);width:225px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725968666621"] .tn-atom{color:#131415;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1725968666621"] {top:253px;width:319px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1725968666621"] {top:253px;width:226px;height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1725968666621"] {top:173px;left:calc(50% - 160px + 32px);width:255px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725968666621"] .tn-atom{font-size:14px;background-size:cover;}}#rec795929807 .tn-elem[data-elem-id="1725971039569"]{color:#131415;text-align:LEFT;z-index:15;top:215px;left:calc(50% - 600px + 336px);width:195px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725971039569"] .tn-atom{color:#131415;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1725971039569"] {top:216px;left:calc(50% - 480px + 508px);width:257px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1725971039569"] {top:216px;left:calc(50% - 320px + 348px);height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1725971039569"] {top:473px;left:calc(50% - 160px + 32px);width:227px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725971039569"] .tn-atom{font-size:18px;background-size:cover;}}#rec795929807 .tn-elem[data-elem-id="1725971046998"]{color:#131415;text-align:LEFT;z-index:16;top:215px;left:calc(50% - 600px + 632px);width:195px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725971046998"] .tn-atom{color:#131415;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1725971046998"] {top:680px;left:calc(50% - 480px + 40px);width:257px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1725971046998"] {top:680px;height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1725971046998"] {top:815px;left:calc(50% - 160px + 32px);width:227px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725971046998"] .tn-atom{font-size:18px;background-size:cover;}}#rec795929807 .tn-elem[data-elem-id="1725971056525"]{color:#131415;text-align:LEFT;z-index:17;top:215px;left:calc(50% - 600px + 928px);width:195px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725971056525"] .tn-atom{color:#131415;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;letter-spacing:0.2px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1725971056525"] {top:680px;left:calc(50% - 480px + 508px);width:257px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1725971056525"] {top:680px;left:calc(50% - 320px + 348px);height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1725971056525"] {top:1157px;left:calc(50% - 160px + 32px);width:257px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1725971056525"] .tn-atom{font-size:18px;background-size:cover;}}#rec795929807 .tn-elem[data-elem-id="1723361443061"]{z-index:18;top:451px;left:calc(50% - 600px + 923px);width:232px;height:auto;}#rec795929807 .tn-elem[data-elem-id="1723361443061"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795929807 .tn-elem[data-elem-id="1723361443061"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec795929807 .tn-elem[data-elem-id="1723361443061"] {top:835px;left:calc(50% - 480px + 538px);width:342px;height:auto;}}@media screen and (max-width:959px) {#rec795929807 .tn-elem[data-elem-id="1723361443061"] {top:906px;left:calc(50% - 320px + 352px);width:240px;height:auto;}}@media screen and (max-width:639px) {#rec795929807 .tn-elem[data-elem-id="1723361443061"] {top:1298px;left:calc(50% - 160px + 39px);width:232px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795929807" data-artboard-screens="320,640,960,1200" data-artboard-height="735" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="1570" data-artboard-upscale-res-320="window" data-artboard-height-res-640="1200" data-artboard-height-res-960="1200" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="795929807"></div> <div class="t396__filter" data-artboard-recid="795929807"></div> <div class='t396__elem tn-elem tn-elem__7959298071723361213494' data-elem-id='1723361213494' data-elem-type='shape' data-field-top-value="191" data-field-left-value="16" data-field-height-value="456" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="125" data-field-height-res-320-value="324" data-field-width-res-320-value="288" data-field-top-res-640-value="192" data-field-width-res-640-value="300" data-field-top-res-960-value="192" data-field-width-res-960-value="460"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7959298071718202448761' data-elem-id='1718202448761' data-elem-type='text' data-field-top-value="215" data-field-left-value="40" data-field-width-value="172" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="141" data-field-left-res-320-value="32" data-field-width-res-320-value="227" data-field-top-res-640-value="216" data-field-top-res-960-value="216" data-field-width-res-960-value="257"> <div class='tn-atom'field='tn_text_1718202448761'>Бесплатный доступ</div> </div> <div class='t396__elem tn-elem tn-elem__7959298071723361373818' data-elem-id='1723361373818' data-elem-type='image' data-field-top-value="447" data-field-left-value="40" data-field-width-value="232" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="232" data-field-fileheight-value="168" data-field-top-res-320-value="257" data-field-left-res-320-value="44" data-field-width-res-320-value="232" data-field-top-res-640-value="442" data-field-left-res-640-value="46" data-field-width-res-640-value="240" data-field-top-res-960-value="368" data-field-left-res-960-value="75" data-field-width-res-960-value="342"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3434-3830-4465-a338-383564663031__illustration_frame.svg" alt="" imgfield="tn_img_1723361373818" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7959298071723361443044' data-elem-id='1723361443044' data-elem-type='shape' data-field-top-value="191" data-field-left-value="312" data-field-height-value="456" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="457" data-field-left-res-320-value="16" data-field-height-res-320-value="334" data-field-width-res-320-value="288" data-field-top-res-640-value="192" data-field-left-res-640-value="324" data-field-width-res-640-value="300" data-field-top-res-960-value="192" data-field-left-res-960-value="484" data-field-width-res-960-value="460"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7959298071723361443050' data-elem-id='1723361443050' data-elem-type='text' data-field-top-value="281" data-field-left-value="336" data-field-width-value="243" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="505" data-field-left-res-320-value="32" data-field-width-res-320-value="251" data-field-top-res-640-value="253" data-field-left-res-640-value="348" data-field-width-res-640-value="250" data-field-top-res-960-value="253" data-field-left-res-960-value="508" data-field-width-res-960-value="374"> <div class='tn-atom'field='tn_text_1723361443050'>Курс ориентирован на<span style="color: rgb(36, 30, 255);">&nbsp;</span>реальные задачи, которые помогут вам быстрее освоить материал и<span style="color: rgb(36, 30, 255);">&nbsp;</span>применить его на<span style="color: rgb(36, 30, 255);">&nbsp;</span>практике</div> </div> <div class='t396__elem tn-elem tn-elem__7959298071723361458617' data-elem-id='1723361458617' data-elem-type='shape' data-field-top-value="191" data-field-left-value="608" data-field-height-value="456" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="799" data-field-left-res-320-value="16" data-field-height-res-320-value="334" data-field-width-res-320-value="288" data-field-top-res-640-value="656" data-field-left-res-640-value="16" data-field-width-res-640-value="300" data-field-top-res-960-value="656" data-field-left-res-960-value="16" data-field-width-res-960-value="460"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7959298071723361458622' data-elem-id='1723361458622' data-elem-type='text' data-field-top-value="281" data-field-left-value="632" data-field-width-value="202" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="847" data-field-left-res-320-value="32" data-field-width-res-320-value="260" data-field-top-res-640-value="717" data-field-left-res-640-value="40" data-field-width-res-640-value="241" data-field-top-res-960-value="717" data-field-left-res-960-value="40" data-field-width-res-960-value="321"> <div class='tn-atom'field='tn_text_1723361458622'>Курс регулярно обновляется, чтобы<span style="color: rgb(36, 30, 255);">&nbsp;</span>соответствовать актуальным трендам в<span style="color: rgb(36, 30, 255);">&nbsp;</span>веб-разработке</div> </div> <div class='t396__elem tn-elem tn-elem__7959298071723361458629' data-elem-id='1723361458629' data-elem-type='image' data-field-top-value="447" data-field-left-value="632" data-field-width-value="232" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="232" data-field-fileheight-value="168" data-field-top-res-320-value="941" data-field-left-res-320-value="44" data-field-width-res-320-value="232" data-field-top-res-640-value="906" data-field-left-res-640-value="46" data-field-width-res-640-value="240" data-field-top-res-960-value="832" data-field-left-res-960-value="75" data-field-width-res-960-value="342"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3963-3465-4331-b035-616338363562__illustration_frame.svg" alt="" imgfield="tn_img_1723361458629" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7959298071723361467163' data-elem-id='1723361467163' data-elem-type='shape' data-field-top-value="191" data-field-left-value="904" data-field-height-value="456" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="1141" data-field-left-res-320-value="16" data-field-height-res-320-value="349" data-field-width-res-320-value="288" data-field-top-res-640-value="656" data-field-left-res-640-value="324" data-field-width-res-640-value="300" data-field-top-res-960-value="656" data-field-left-res-960-value="484" data-field-width-res-960-value="460"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7959298071723361467171' data-elem-id='1723361467171' data-elem-type='text' data-field-top-value="281" data-field-left-value="928" data-field-width-value="243" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="1189" data-field-left-res-320-value="32" data-field-width-res-320-value="257" data-field-top-res-640-value="717" data-field-left-res-640-value="348" data-field-width-res-640-value="253" data-field-top-res-960-value="717" data-field-left-res-960-value="508" data-field-width-res-960-value="374"> <div class='tn-atom'field='tn_text_1723361467171'>Учитесь вместе с<span style="color: rgb(36, 30, 255);">&nbsp;</span>единомышленниками и<span style="color: rgb(36, 30, 255);">&nbsp;</span>получайте помощь от<span style="color: rgb(36, 30, 255);">&nbsp;</span>опытных наставников, если столкнетесь с трудностями</div> </div> <div class='t396__elem tn-elem tn-elem__7959298071723361467176' data-elem-id='1723361467176' data-elem-type='image' data-field-top-value="440" data-field-left-value="336" data-field-width-value="242" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="232" data-field-fileheight-value="168" data-field-top-res-320-value="599" data-field-left-res-320-value="44" data-field-width-res-320-value="232" data-field-top-res-640-value="442" data-field-left-res-640-value="358" data-field-width-res-640-value="240" data-field-top-res-960-value="368" data-field-left-res-960-value="548" data-field-width-res-960-value="342"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild6663-3463-4131-b064-613335306165__illustration_frame.svg" alt="" imgfield="tn_img_1723361467176" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7959298071725968487970' data-elem-id='1725968487970' data-elem-type='text' data-field-top-value="43" data-field-left-value="16" data-field-width-value="434" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="37" data-field-width-res-320-value="293" data-field-top-res-640-value="44" data-field-width-res-640-value="407" data-field-top-res-960-value="44" data-field-width-res-960-value="446"> <h2 class='tn-atom'field='tn_text_1725968487970'>Как проходит обучение на курсе</h2> </div> <div class='t396__elem tn-elem tn-elem__7959298071725968666621' data-elem-id='1725968666621' data-elem-type='text' data-field-top-value="281" data-field-left-value="40" data-field-width-value="225" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="173" data-field-left-res-320-value="32" data-field-width-res-320-value="255" data-field-top-res-640-value="253" data-field-width-res-640-value="226" data-field-top-res-960-value="253" data-field-width-res-960-value="319"> <div class='tn-atom'field='tn_text_1725968666621'>Получите качественное образование без финансовых затрат</div> </div> <div class='t396__elem tn-elem tn-elem__7959298071725971039569' data-elem-id='1725971039569' data-elem-type='text' data-field-top-value="215" data-field-left-value="336" data-field-width-value="195" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="473" data-field-left-res-320-value="32" data-field-width-res-320-value="227" data-field-top-res-640-value="216" data-field-left-res-640-value="348" data-field-top-res-960-value="216" data-field-left-res-960-value="508" data-field-width-res-960-value="257"> <div class='tn-atom'field='tn_text_1725971039569'>Практическое обучение</div> </div> <div class='t396__elem tn-elem tn-elem__7959298071725971046998' data-elem-id='1725971046998' data-elem-type='text' data-field-top-value="215" data-field-left-value="632" data-field-width-value="195" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="815" data-field-left-res-320-value="32" data-field-width-res-320-value="227" data-field-top-res-640-value="680" data-field-top-res-960-value="680" data-field-left-res-960-value="40" data-field-width-res-960-value="257"> <div class='tn-atom'field='tn_text_1725971046998'>Современная программа</div> </div> <div class='t396__elem tn-elem tn-elem__7959298071725971056525' data-elem-id='1725971056525' data-elem-type='text' data-field-top-value="215" data-field-left-value="928" data-field-width-value="195" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="1157" data-field-left-res-320-value="32" data-field-width-res-320-value="257" data-field-top-res-640-value="680" data-field-left-res-640-value="348" data-field-top-res-960-value="680" data-field-left-res-960-value="508" data-field-width-res-960-value="257"> <div class='tn-atom'field='tn_text_1725971056525'>Поддержка и<span style="color: rgb(36, 30, 255);">&nbsp;</span>сообщество</div> </div> <div class='t396__elem tn-elem tn-elem__7959298071723361443061' data-elem-id='1723361443061' data-elem-type='image' data-field-top-value="451" data-field-left-value="923" data-field-width-value="232" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="232" data-field-fileheight-value="168" data-field-top-res-320-value="1298" data-field-left-res-320-value="39" data-field-width-res-320-value="232" data-field-top-res-640-value="906" data-field-left-res-640-value="352" data-field-width-res-640-value="240" data-field-top-res-960-value="835" data-field-left-res-960-value="538" data-field-width-res-960-value="342"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3130-3066-4261-a130-646632383032__illustration_frame2.svg" alt="" imgfield="tn_img_1723361443061" loading="lazy"> </div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795929807');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795929807');});});
}, 160);</script> <!-- /T396 --> </div> <div id="rec795894371" class="r t-rec cva t-rec_pt_90 t-rec_pt-res-480_75 t-rec_pb_15 t-rec_pb-res-480_15" style="padding-top:90px;padding-bottom:15px;background-color:#212121; " data-animationappear="off" data-record-type="43" data-bg-color="#212121"> <!-- T030 --> <div class="t030"> <div class="t-container t-align_left"> <div class="t-col t-col_12 "> <h2 class="t030__title t-title t-title_xxs" field="title">Программа обучения</h2> </div> </div> </div> <style> #rec795894371 .t030__title{color:#f5f5f5;font-weight:500;font-family:'Manrope';}@media screen and (min-width:900px){#rec795894371 .t030__title{font-size:40px;}}@media screen and (min-width:480px) and (max-width:900px){#rec795894371 .t030__title{font-size:24px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec795894371 .t030__title{font-size:24px;}}#rec795894371 .t030__descr{color:#949494;padding-bottom:56px;}</style> </div> <div id="rec795894372" class="r t-rec cva t-screenmin-640px" style="background-color:#212121; " data-animationappear="off" data-record-type="585" data-screen-min="640px" data-bg-color="#212121"> <!-- T585 --> <div class="t585"> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="true"> <div class="t585__wrapper"> <div class="t585__header t585__opened" style="border-top: 1px solid #595959"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion1_795894372"
aria-expanded="true"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1717688471840">Курс «Основы современной верстки»<br /><span style="color: rgb(144, 144, 144); font-weight: 400; font-size: 14px;">Продолжительность ~9 часов</span></span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#c1c1c1"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #eee;"></span> </span> </button> </div> <div class="t585__content"
id="accordion1_795894372"
style="display:block"> <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1717688471840"><strong style="font-size: 24px;">12 уроков</strong><br /><span style="color: rgb(144, 144, 144);">Изучите основы современной верстки с&nbsp;помощью HTML и&nbsp;CSS, научитесь работать с&nbsp;инструментами разработчика и&nbsp;отладкой кода.</span><br /><br /><strong style="font-size: 24px;">8 проверочных тестов</strong><br /><span style="color: rgb(144, 144, 144);">Проверьте свои знания по&nbsp;пройденному материалу, чтобы убедиться, что вы&nbsp;уверенно освоили основные концепции.</span><br /><br /><strong style="font-size: 24px;">5+3 упражнений в&nbsp;тренажере</strong><br /><span style="color: rgb(144, 144, 144);">Закрепите навыки верстки и&nbsp;стилизации веб-страниц на&nbsp;практике с&nbsp;помощью интерактивных упражнений.</span><br /><br /><strong style="font-size: 24px;">Дополнительные материалы</strong><br /><span style="color: rgb(144, 144, 144);">Получите доступ к&nbsp;дополнительным ресурсам и&nbsp;рекомендациям для углубленного изучения верстки и&nbsp;веб-разработки.</span><br /><br /><br /><strong style="font-size: 24px;">Что вы&nbsp;изучите:</strong><br /><br /><ul><li data-list="bullet"><strong style="font-size: 20px;">Основы веб-верстки</strong></li></ul><span style="color: rgb(144, 144, 144);">Разработка статических веб-страниц и&nbsp;задание стилей элементам с&nbsp;помощью </span><strong style="color: rgb(144, 144, 144);">HTML</strong><span style="color: rgb(144, 144, 144);"> и </span><strong style="color: rgb(144, 144, 144);">CSS</strong><span style="color: rgb(144, 144, 144);">.</span><br /><br /><ul><li data-list="bullet"><strong style="font-size: 20px;">Отладка кода</strong></li></ul><span style="color: rgb(144, 144, 144);">Пошаговая отладка кода с&nbsp;использованием встроенных в&nbsp;браузер средств, таких как </span><strong style="color: rgb(144, 144, 144);">Chrome DevTools</strong><span style="color: rgb(144, 144, 144);">.</span><br /><br /><ul><li data-list="bullet"><strong style="font-size: 20px;">Редакторы кода</strong></li></ul><span style="color: rgb(144, 144, 144);">Использование редакторов кода с&nbsp;полезными расширениями, такими как </span><strong style="color: rgb(144, 144, 144);">Emmet</strong><span style="color: rgb(144, 144, 144);">, для ускорения процесса разработки.</span><br /><br /><ul><li data-list="bullet"><strong style="font-size: 20px;">Публикация сайта</strong></li></ul><span style="color: rgb(144, 144, 144);">Публикация своего сайта в&nbsp;интернете с&nbsp;использованием хостинга </span><strong style="color: rgb(144, 144, 144);">GitHub Pages</strong><span style="color: rgb(144, 144, 144);">.</span><br /><br /><strong style="font-size: 24px;">Уроки:</strong><br /><br /><br /><ol><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Введение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Введение в&nbsp;HTML</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Блочная модель</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Семантический HTML</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Базовая структура HTML-документа</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Основы CSS</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Каскадность в&nbsp;CSS</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Chrome DevTools</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Редакторы кода</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Emmet</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Публикация в&nbsp;интернете</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Графические редакторы</span></li></ol></div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="true"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #595959"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion2_795894372"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1725978625982">Курс «Основы JavaScript»<br /><span style="color: rgb(144, 144, 144); font-size: 14px; font-weight: 400;">Продолжительность ~50 часов</span></span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#c1c1c1"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #eee;"></span> </span> </button> </div> <div class="t585__content"
id="accordion2_795894372"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1725978625982"><strong style="font-size: 24px;">39 уроков</strong><br /><span style="color: rgb(144, 144, 144);">Изучите экосистему JavaScript, возможности языка программирования и&nbsp;чистые функции и&nbsp;именования.</span><br /><br /><strong style="font-size: 24px;">38 проверочных тестов</strong><br /><span style="color: rgb(144, 144, 144);">Проверьте свои знания по&nbsp;пройденному материалу, чтобы убедиться, что вы&nbsp;уверенно освоили основные концепции.</span><br /><br /><strong style="font-size: 24px;">38 упражнений в&nbsp;тренажере</strong><br /><span style="color: rgb(144, 144, 144);">Закрепите навыки по&nbsp;использованию функций, написанию несложных программ, поиску и&nbsp;анализу ошибок в&nbsp;коде с&nbsp;помощью приближенных к&nbsp;реальным кейсам упражнениям.</span><br /><br /><strong style="font-size: 24px;">Дополнительные материалы</strong><br /><span style="color: rgb(144, 144, 144);">Получите доступ к&nbsp;дополнительным ресурсам и&nbsp;рекомендациям для углубленного изучения JavaScript.</span><br /><br /><br /><strong style="font-size: 24px; color: rgb(245, 245, 245);">Что вы&nbsp;изучите:</strong><br /><br /><ul><li data-list="bullet"><strong style="font-size: 20px;">Основы JavaScript</strong></li></ul><span style="color: rgb(144, 144, 144);">Изучение возможностей языка, его принципов и&nbsp;особенностей, а&nbsp;также экосистемы JavaScript.</span><br /><br /><ul><li data-list="bullet"><strong style="font-size: 20px;">Написание кода</strong></li></ul><span style="color: rgb(144, 144, 144);">Разработка несложных программ, определение и&nbsp;использование функций, создание языковых конструкций.</span><br /><br /><ul><li data-list="bullet"><strong style="font-size: 20px;">Тестирование кода</strong></li></ul><span style="color: rgb(144, 144, 144);">Поиск, анализ и&nbsp;устранение ошибок в&nbsp;коде.</span><br /><br /><strong style="font-size: 24px;">Уроки:</strong><br /><br /><br /><ol><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Введение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Hello, World!</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Инструкции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Арифметические операции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Ошибки оформления (синтаксиса и&nbsp;линтера)</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Строки</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Переменные</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Выражения в&nbsp;определениях</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Именование</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Интерполяция</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Извлечение символов из&nbsp;строки</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Типы данных</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Неизменяемость и&nbsp;примитивные типы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Функции и&nbsp;их&nbsp;вызов</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Сигнатура функции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Вызов функции&nbsp;— выражение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Функции с&nbsp;переменным числом параметров</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Детерминированность</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Стандартная библиотека</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Свойства и&nbsp;методы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Цепочка вызовов</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Определение функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Возврат значений</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Параметры функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Необязательные параметры функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Упрощенный синтаксис функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Логика</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Логические операторы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Результат логических операций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Условные конструкции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Тернарный оператор</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Конструкция Switch</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Цикл while</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Агрегация данных</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Обход строк в&nbsp;цикле</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Условия внутри тела цикла</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Инкремент и&nbsp;декремент</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Цикл for</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 20px; color: rgb(144, 144, 144);">Модули</span></li></ol></div> </div> </div> </div> </div> <div class="t585__border" style="height: 1px; background-color: #595959"></div> </div> </div> </div> <script>setTimeout(function() {
 t_onReady(function() {t_onFuncLoad('t585_init',function() {t585_init('795894372');});});
}, 170);</script> <style> #rec795894372 .t585__title{color:#f5f5f5;font-weight:500;font-family:'Manrope';max-width:650px;}@media screen and (min-width:480px){#rec795894372 .t585__title{font-size:30px;line-height:1;}}#rec795894372 .t585__text{font-size:18px;line-height:1.55;color:#f5f5f5;font-weight:400;font-family:'Manrope';max-width:650px;}</style> </div> <div id="rec797719214" class="r t-rec cva t-screenmax-640px" style="background-color:#212121; " data-animationappear="off" data-record-type="585" data-screen-max="640px" data-bg-color="#212121"> <!-- T585 --> <div class="t585"> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="true"> <div class="t585__wrapper"> <div class="t585__header t585__opened" style="border-top: 1px solid #595959"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion1_797719214"
aria-expanded="true"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__7917958943720">Курс «Основы современной верстки»<br /><span style="color: rgb(144, 144, 144); font-weight: 400; font-size: 14px;">Продолжительность ~9 часов</span></span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#c1c1c1"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #eee;"></span> </span> </button> </div> <div class="t585__content"
id="accordion1_797719214"
style="display:block"> <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__7917958943720"><strong style="font-size: 16px;">12 уроков</strong><br /><span style="color: rgb(144, 144, 144);">Изучите основы современной верстки с&nbsp;помощью HTML и&nbsp;CSS, научитесь работать с&nbsp;инструментами разработчика и&nbsp;отладкой кода.</span><br /><br /><strong style="font-size: 16px;">8 проверочных тестов</strong><br /><span style="color: rgb(144, 144, 144);">Проверьте свои знания по&nbsp;пройденному материалу, чтобы убедиться, что вы&nbsp;уверенно освоили основные концепции.</span><br /><br /><strong style="font-size: 16px;">5+3 упражнений в&nbsp;тренажере</strong><br /><span style="color: rgb(144, 144, 144);">Закрепите навыки верстки и&nbsp;стилизации веб-страниц на&nbsp;практике с&nbsp;помощью интерактивных упражнений.</span><br /><br /><strong style="font-size: 16px;">Дополнительные материалы</strong><br /><span style="color: rgb(144, 144, 144);">Получите доступ к&nbsp;дополнительным ресурсам и&nbsp;рекомендациям для углубленного изучения верстки и&nbsp;веб-разработки.</span><br /><br /><br /><strong style="font-size: 18px;">Что вы&nbsp;изучите:</strong><br /><br /><ul><li data-list="bullet"><strong style="font-size: 16px;">Основы веб-верстки</strong></li></ul><span style="color: rgb(144, 144, 144);">Разработка статических веб-страниц и&nbsp;задание стилей элементам с&nbsp;помощью </span><strong style="color: rgb(144, 144, 144);">HTML</strong><span style="color: rgb(144, 144, 144);"> и </span><strong style="color: rgb(144, 144, 144);">CSS</strong><span style="color: rgb(144, 144, 144);">.</span><br /><br /><ul><li data-list="bullet"><strong style="font-size: 16px;">Отладка кода</strong></li></ul><span style="color: rgb(144, 144, 144);">Пошаговая отладка кода с&nbsp;использованием встроенных в&nbsp;браузер средств, таких как </span><strong style="color: rgb(144, 144, 144);">Chrome DevTools</strong><span style="color: rgb(144, 144, 144);">.</span><br /><br /><ul><li data-list="bullet"><strong style="font-size: 16px;">Редакторы кода</strong></li></ul><span style="color: rgb(144, 144, 144);">Использование редакторов кода с&nbsp;полезными расширениями, такими как </span><strong style="color: rgb(144, 144, 144);">Emmet</strong><span style="color: rgb(144, 144, 144);">, для ускорения процесса разработки.</span><br /><br /><ul><li data-list="bullet"><strong style="font-size: 16px;">Публикация сайта</strong></li></ul><span style="color: rgb(144, 144, 144);">Публикация своего сайта в&nbsp;интернете с&nbsp;использованием хостинга </span><strong style="color: rgb(144, 144, 144);">GitHub Pages</strong><span style="color: rgb(144, 144, 144);">.</span><br /><br /><strong style="font-size: 18px;">Уроки:</strong><br /><br /><br /><ol><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Введение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Введение в&nbsp;HTML</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Блочная модель</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Семантический HTML</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Базовая структура HTML-документа</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Основы CSS</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Каскадность в&nbsp;CSS</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Chrome DevTools</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Редакторы кода</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Emmet</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Публикация в&nbsp;интернете</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Графические редакторы</span></li></ol></div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="true"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #595959"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion2_797719214"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__7917958943721">Курс «Основы JavaScript»<br /><span style="font-weight: 400; font-size: 14px; color: rgb(144, 144, 144);">Продолжительность ~50 часов</span></span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#c1c1c1"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #eee;"></span> </span> </button> </div> <div class="t585__content"
id="accordion2_797719214"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__7917958943721"><strong style="font-size: 16px;">39 уроков</strong><br /><span style="color: rgb(144, 144, 144);">Изучите экосистему JavaScript, возможности языка программирования и&nbsp;чистые функции и&nbsp;именования.</span><br /><br /><strong style="font-size: 16px;">38 проверочных тестов</strong><br /><span style="color: rgb(144, 144, 144);">Проверьте свои знания по&nbsp;пройденному материалу, чтобы убедиться, что вы&nbsp;уверенно освоили основные концепции.</span><br /><br /><strong style="font-size: 16px;">38 упражнений в&nbsp;тренажере</strong><br /><span style="color: rgb(144, 144, 144);">Закрепите навыки по&nbsp;использованию функций, написанию несложных программ, поиску и&nbsp;анализу ошибок в&nbsp;коде с&nbsp;помощью приближенных к&nbsp;реальным кейсам упражнениям.</span><br /><br /><strong style="font-size: 16px;">Дополнительные материалы</strong><br /><span style="color: rgb(144, 144, 144);">Получите доступ к&nbsp;дополнительным ресурсам и&nbsp;рекомендациям для углубленного изучения JavaScript.</span><br /><br /><br /><strong style="color: rgb(245, 245, 245); font-size: 18px;">Что вы&nbsp;изучите:</strong><br /><br /><ul><li data-list="bullet"><strong style="font-size: 16px;">Основы JavaScript</strong></li></ul><span style="color: rgb(144, 144, 144);">Изучение возможностей языка, его принципов и&nbsp;особенностей, а&nbsp;также экосистемы JavaScript.</span><br /><br /><ul><li data-list="bullet"><strong style="font-size: 16px;">Написание кода</strong></li></ul><span style="color: rgb(144, 144, 144);">Разработка несложных программ, определение и&nbsp;использование функций, создание языковых конструкций.</span><br /><br /><ul><li data-list="bullet"><strong style="font-size: 16px;">Тестирование кода</strong></li></ul><span style="color: rgb(144, 144, 144);">Поиск, анализ и&nbsp;устранение ошибок в&nbsp;коде.</span><br /><br /><strong style="font-size: 18px;">Уроки:</strong><br /><br /><br /><ol><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Введение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Hello, World!</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Инструкции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Арифметические операции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Ошибки оформления (синтаксиса и&nbsp;линтера)</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Строки</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Переменные</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Выражения в&nbsp;определениях</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Именование</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Интерполяция</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Извлечение символов из&nbsp;строки</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Типы данных</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Неизменяемость и&nbsp;примитивные типы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Функции и&nbsp;их&nbsp;вызов</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Сигнатура функции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Вызов функции&nbsp;— выражение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Функции с&nbsp;переменным числом параметров</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Детерминированность</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Стандартная библиотека</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Свойства и&nbsp;методы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Цепочка вызовов</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Определение функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Возврат значений</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Параметры функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Необязательные параметры функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Упрощенный синтаксис функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Логика</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Логические операторы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Результат логических операций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Условные конструкции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Тернарный оператор</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Конструкция Switch</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Цикл while</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Агрегация данных</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Обход строк в&nbsp;цикле</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Условия внутри тела цикла</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Инкремент и&nbsp;декремент</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Цикл for</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="font-size: 14px; color: rgb(144, 144, 144);">Модули</span></li></ol></div> </div> </div> </div> </div> <div class="t585__border" style="height: 1px; background-color: #595959"></div> </div> </div> </div> <script>setTimeout(function() {
 t_onReady(function() {t_onFuncLoad('t585_init',function() {t585_init('797719214');});});
}, 180);</script> <style> #rec797719214 .t585__title{font-size:18px;line-height:1.4;color:#f5f5f5;font-weight:500;font-family:'Manrope';max-width:650px;}#rec797719214 .t585__text{font-size:14px;line-height:1.4;color:#f5f5f5;font-weight:400;font-family:'Manrope';max-width:650px;}</style> </div> <div id="rec796441758" class="r t-rec cva" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec796441758 .t396__artboard {height:184px;background-color:#212121;}#rec796441758 .t396__filter {height:184px;}#rec796441758 .t396__carrier{height:184px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec796441758 .t396__artboard,#rec796441758 .t396__filter,#rec796441758 .t396__carrier {height:185px;}#rec796441758 .t396__filter {}#rec796441758 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec796441758 .t396__artboard,#rec796441758 .t396__filter,#rec796441758 .t396__carrier {height:185px;}#rec796441758 .t396__filter {}#rec796441758 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec796441758 .t396__artboard,#rec796441758 .t396__filter,#rec796441758 .t396__carrier {height:166px;}#rec796441758 .t396__filter {}#rec796441758 .t396__carrier {background-attachment:scroll;}}#rec796441758 .tn-elem[data-elem-id="1725965968757"]{color:#f5f5f5;text-align:center;z-index:3;top:39px;left:calc(50% - 600px + 820px);width:364px;height:57px;}#rec796441758 .tn-elem[data-elem-id="1725965968757"] .tn-atom{color:#f5f5f5;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;letter-spacing:0.2px;border-width:1px;border-radius:1px 1px 1px 1px;background-color:#433eff;background-position:center center;border-color:#433eff ;border-style:solid;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out,border-color 0.2s ease-in-out;}@media (hover),(min-width:0\0) {#rec796441758 .tn-elem[data-elem-id="1725965968757"] .tn-atom:hover {background-color:#241eff;background-image:none;border-color:#241eff;}#rec796441758 .tn-elem[data-elem-id="1725965968757"] .tn-atom:hover {color:#f5f5f5;}}@media screen and (max-width:1199px) {#rec796441758 .tn-elem[data-elem-id="1725965968757"] {top:40px;left:calc(50% - 480px + 570px);width:374px;}}@media screen and (max-width:959px) {#rec796441758 .tn-elem[data-elem-id="1725965968757"] {top:40px;left:calc(50% - 320px + 16px);width:608px;}}@media screen and (max-width:639px) {#rec796441758 .tn-elem[data-elem-id="1725965968757"] {top:31px;left:calc(50% - 160px + 16px);width:288px;height:55px;}#rec796441758 .tn-elem[data-elem-id="1725965968757"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="796441758" data-artboard-screens="320,640,960,1200" data-artboard-height="184" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="166" data-artboard-upscale-res-320="window" data-artboard-height-res-640="185" data-artboard-height-res-960="185" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="796441758"></div> <div class="t396__filter" data-artboard-recid="796441758"></div> <div class='t396__elem tn-elem tn-elem__7964417581725965968757' data-elem-id='1725965968757' data-elem-type='button' data-field-top-value="39" data-field-left-value="820" data-field-height-value="57" data-field-width-value="364" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="31" data-field-left-res-320-value="16" data-field-height-res-320-value="55" data-field-width-res-320-value="288" data-field-top-res-640-value="40" data-field-left-res-640-value="16" data-field-width-res-640-value="608" data-field-top-res-960-value="40" data-field-left-res-960-value="570" data-field-width-res-960-value="374"> <a class='tn-atom' href="https://ru.hexlet.io/programs/web-development-free/goto">Начать изучение веб-разработки</a> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('796441758');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('796441758');});});
}, 190);</script> <!-- /T396 --> </div> <div id="rec795894375" class="r t-rec cva" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec795894375 .t396__artboard {height:182px;background-color:#f5f5f5;}#rec795894375 .t396__filter {height:182px;}#rec795894375 .t396__carrier{height:182px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795894375 .t396__artboard,#rec795894375 .t396__filter,#rec795894375 .t396__carrier {height:182px;}#rec795894375 .t396__filter {}#rec795894375 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795894375 .t396__artboard,#rec795894375 .t396__filter,#rec795894375 .t396__carrier {height:236px;}#rec795894375 .t396__filter {}#rec795894375 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795894375 .t396__artboard,#rec795894375 .t396__filter,#rec795894375 .t396__carrier {height:168px;}#rec795894375 .t396__filter {}#rec795894375 .t396__carrier {background-attachment:scroll;}}#rec795894375 .tn-elem[data-elem-id="1718206159001"]{color:#131415;text-align:LEFT;z-index:2;top:88px;left:calc(50% - 600px + 16px);width:634px;height:auto;}#rec795894375 .tn-elem[data-elem-id="1718206159001"] .tn-atom{color:#131415;font-size:40px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894375 .tn-elem[data-elem-id="1718206159001"] {top:88px;left:calc(50% - 480px + 16px);height:auto;}#rec795894375 .tn-elem[data-elem-id="1718206159001"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:959px) {#rec795894375 .tn-elem[data-elem-id="1718206159001"] {top:88px;left:calc(50% - 320px + 16px);width:372px;height:auto;}#rec795894375 .tn-elem[data-elem-id="1718206159001"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec795894375 .tn-elem[data-elem-id="1718206159001"] {top:80px;width:213px;height:auto;}#rec795894375 .tn-elem[data-elem-id="1718206159001"] .tn-atom{font-size:24px;background-size:cover;}}#rec795894375 .tn-elem[data-elem-id="1725973960974"]{z-index:3;top:102px;left:calc(50% - 600px + 1144px);width:40px;height:auto;}#rec795894375 .tn-elem[data-elem-id="1725973960974"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795894375 .tn-elem[data-elem-id="1725973960974"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec795894375 .tn-elem[data-elem-id="1725973960974"] {top:102px;left:calc(50% - 480px + 904px);height:auto;}}@media screen and (max-width:959px) {#rec795894375 .tn-elem[data-elem-id="1725973960974"] {top:101px;left:calc(50% - 320px + 584px);height:auto;}}@media screen and (max-width:639px) {#rec795894375 .tn-elem[data-elem-id="1725973960974"] {top:80px;left:calc(50% - 160px + 406px);width:28px;height:auto;}}#rec795894375 .tn-elem[data-elem-id="1725973960978"]{z-index:4;top:102px;left:calc(50% - 600px + 1088px);width:40px;height:auto;}#rec795894375 .tn-elem[data-elem-id="1725973960978"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795894375 .tn-elem[data-elem-id="1725973960978"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec795894375 .tn-elem[data-elem-id="1725973960978"] {top:102px;left:calc(50% - 480px + 848px);height:auto;}}@media screen and (max-width:959px) {#rec795894375 .tn-elem[data-elem-id="1725973960978"] {top:101px;left:calc(50% - 320px + 528px);height:auto;}}@media screen and (max-width:639px) {#rec795894375 .tn-elem[data-elem-id="1725973960978"] {top:80px;left:calc(50% - 160px + 357px);width:40px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795894375" data-artboard-screens="320,640,960,1200" data-artboard-height="182" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="168" data-artboard-upscale-res-320="window" data-artboard-height-res-640="236" data-artboard-height-res-960="182" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="795894375"></div> <div class="t396__filter" data-artboard-recid="795894375"></div> <div class='t396__elem tn-elem tn-elem__7958943751718206159001' data-elem-id='1718206159001' data-elem-type='text' data-field-top-value="88" data-field-left-value="16" data-field-width-value="634" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="80" data-field-width-res-320-value="213" data-field-top-res-640-value="88" data-field-left-res-640-value="16" data-field-width-res-640-value="372" data-field-top-res-960-value="88" data-field-left-res-960-value="16"> <h2 class='tn-atom'field='tn_text_1718206159001'>Отзывы участников курса</h2> </div> <div class='t396__elem tn-elem arrow-right tn-elem__7958943751725973960974' data-elem-id='1725973960974' data-elem-type='image' data-field-top-value="102" data-field-left-value="1144" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="33" data-field-fileheight-value="32" data-field-top-res-320-value="80" data-field-left-res-320-value="406" data-field-width-res-320-value="28" data-field-top-res-640-value="101" data-field-left-res-640-value="584" data-field-top-res-960-value="102" data-field-left-res-960-value="904"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3663-3531-4965-b862-633566363633__arrow-right-circle.svg" alt="" imgfield="tn_img_1725973960974" loading="lazy"> </div> </div> <div class='t396__elem tn-elem arrow-left tn-elem__7958943751725973960978' data-elem-id='1725973960978' data-elem-type='image' data-field-top-value="102" data-field-left-value="1088" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="33" data-field-fileheight-value="32" data-field-top-res-320-value="80" data-field-left-res-320-value="357" data-field-width-res-320-value="40" data-field-top-res-640-value="101" data-field-left-res-640-value="528" data-field-top-res-960-value="102" data-field-left-res-960-value="848"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild6435-6164-4766-b032-626363356137__arrow-left-circle.svg" alt="" imgfield="tn_img_1725973960978" loading="lazy"> </div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795894375');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795894375');});});
}, 200);</script> <!-- /T396 --> </div> <div id="rec795894378" class="r t-rec cva t-screenmin-640px" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-screen-min="640px" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec795894378 .t396__artboard {height:566px;background-color:#f5f5f5;overflow:auto;}#rec795894378 .t396__filter {height:566px;}#rec795894378 .t396__carrier{height:566px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795894378 .t396__artboard,#rec795894378 .t396__filter,#rec795894378 .t396__carrier {height:565px;}#rec795894378 .t396__filter {}#rec795894378 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795894378 .t396__artboard,#rec795894378 .t396__filter,#rec795894378 .t396__carrier {height:566px;}#rec795894378 .t396__filter {}#rec795894378 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795894378 .t396__artboard,#rec795894378 .t396__filter,#rec795894378 .t396__carrier {height:402px;}#rec795894378 .t396__filter {}#rec795894378 .t396__carrier {background-attachment:scroll;}}#rec795894378 .tn-elem[data-elem-id="1718288603233"]{z-index:2;top:1px;left:calc(50% - 600px + 16px);width:379px;height:477px;}#rec795894378 .tn-elem[data-elem-id="1718288603233"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1718288603233"] {top:0px;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1718288603233"] {top:1px;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1718288603233"] {top:0px;width:262px;height:322px;}}#rec795894378 .tn-elem[data-elem-id="1725980532011"]{z-index:3;top:19px;left:calc(50% - 600px + 3951px);width:16px;height:410px;}#rec795894378 .tn-elem[data-elem-id="1725980532011"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725980532011"] {top:18px;left:calc(50% - 480px + 3951px);}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725980532011"] {top:19px;left:calc(50% - 320px + 3951px);}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725980532011"] {top:-1px;left:calc(50% - 160px + 2710px);height:322px;}}#rec795894378 .tn-elem[data-elem-id="1725976553233"]{z-index:4;top:1px;left:calc(50% - 600px + 411px);width:379px;height:477px;}#rec795894378 .tn-elem[data-elem-id="1725976553233"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976553233"] {top:0px;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976553233"] {top:1px;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976553233"] {top:0px;left:calc(50% - 160px + 286px);width:262px;height:322px;}}#rec795894378 .tn-elem[data-elem-id="1725976570874"]{z-index:5;top:1px;left:calc(50% - 600px + 806px);width:379px;height:477px;}#rec795894378 .tn-elem[data-elem-id="1725976570874"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976570874"] {top:0px;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976570874"] {top:1px;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976570874"] {top:0px;left:calc(50% - 160px + 556px);width:262px;height:322px;}}#rec795894378 .tn-elem[data-elem-id="1725976581321"]{z-index:6;top:1px;left:calc(50% - 600px + 1201px);width:379px;height:477px;}#rec795894378 .tn-elem[data-elem-id="1725976581321"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976581321"] {top:0px;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976581321"] {top:1px;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976581321"] {top:0px;left:calc(50% - 160px + 826px);width:262px;height:322px;}}#rec795894378 .tn-elem[data-elem-id="1725976593841"]{z-index:7;top:1px;left:calc(50% - 600px + 1596px);width:379px;height:477px;}#rec795894378 .tn-elem[data-elem-id="1725976593841"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593841"] {top:0px;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593841"] {top:1px;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593841"] {top:0px;left:calc(50% - 160px + 1096px);width:262px;height:322px;}}#rec795894378 .tn-elem[data-elem-id="1725976593856"]{z-index:8;top:1px;left:calc(50% - 600px + 1991px);width:379px;height:477px;}#rec795894378 .tn-elem[data-elem-id="1725976593856"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593856"] {top:0px;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593856"] {top:1px;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593856"] {top:0px;left:calc(50% - 160px + 1366px);width:262px;height:322px;}}#rec795894378 .tn-elem[data-elem-id="1725976593870"]{z-index:9;top:1px;left:calc(50% - 600px + 2386px);width:379px;height:477px;}#rec795894378 .tn-elem[data-elem-id="1725976593870"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593870"] {top:0px;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593870"] {top:1px;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593870"] {top:0px;left:calc(50% - 160px + 1636px);width:262px;height:322px;}}#rec795894378 .tn-elem[data-elem-id="1725976621749"]{z-index:10;top:1px;left:calc(50% - 600px + 2781px);width:379px;height:477px;}#rec795894378 .tn-elem[data-elem-id="1725976621749"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621749"] {top:0px;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621749"] {top:1px;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621749"] {top:0px;left:calc(50% - 160px + 1906px);width:262px;height:322px;}}#rec795894378 .tn-elem[data-elem-id="1725976621765"]{z-index:11;top:1px;left:calc(50% - 600px + 3176px);width:379px;height:477px;}#rec795894378 .tn-elem[data-elem-id="1725976621765"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621765"] {top:0px;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621765"] {top:1px;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621765"] {top:0px;left:calc(50% - 160px + 2176px);width:262px;height:322px;}}#rec795894378 .tn-elem[data-elem-id="1725976621779"]{z-index:12;top:1px;left:calc(50% - 600px + 3571px);width:379px;height:477px;}#rec795894378 .tn-elem[data-elem-id="1725976621779"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621779"] {top:0px;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621779"] {top:1px;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621779"] {top:0px;left:calc(50% - 160px + 2446px);width:262px;height:322px;}}#rec795894378 .tn-elem[data-elem-id="1718288603238"]{color:#131415;text-align:LEFT;z-index:13;top:434px;left:calc(50% - 600px + 268px);width:127px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1718288603238"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1718288603238"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1718288603238"] {top:434px;left:calc(50% - 320px + 268px);width:127px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1718288603238"] {top:289px;left:calc(50% - 160px + 174px);width:104px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1718288603238"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1718288603242"]{color:#131415;text-align:LEFT;z-index:14;top:434px;left:calc(50% - 600px + 40px);width:99px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1718288603242"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1718288603242"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1718288603242"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1718288603242"] {top:289px;left:calc(50% - 160px + 32px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1718288603242"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1718288603246"]{color:#131415;text-align:LEFT;z-index:15;top:25px;left:calc(50% - 600px + 40px);width:339px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1718288603246"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1718288603246"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1718288603246"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1718288603246"] {top:16px;left:calc(50% - 160px + 32px);width:234px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1718288603246"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976553239"]{color:#131415;text-align:LEFT;z-index:16;top:434px;left:calc(50% - 600px + 663px);width:136px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976553239"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976553239"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976553239"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976553239"] {top:289px;left:calc(50% - 160px + 444px);width:104px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976553239"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976553244"]{color:#131415;text-align:LEFT;z-index:17;top:434px;left:calc(50% - 600px + 435px);width:99px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976553244"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976553244"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976553244"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976553244"] {top:289px;left:calc(50% - 160px + 302px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976553244"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976553247"]{color:#131415;text-align:LEFT;z-index:18;top:25px;left:calc(50% - 600px + 435px);width:303px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976553247"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976553247"] {top:24px;width:310px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976553247"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976553247"] {top:16px;left:calc(50% - 160px + 302px);width:205px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976553247"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976570880"]{color:#131415;text-align:LEFT;z-index:19;top:434px;left:calc(50% - 600px + 1058px);width:136px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976570880"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976570880"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976570880"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976570880"] {top:289px;left:calc(50% - 160px + 714px);width:108px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976570880"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976570884"]{color:#131415;text-align:LEFT;z-index:20;top:434px;left:calc(50% - 600px + 830px);width:99px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976570884"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976570884"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976570884"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976570884"] {top:289px;left:calc(50% - 160px + 572px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976570884"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976570887"]{color:#131415;text-align:LEFT;z-index:21;top:25px;left:calc(50% - 600px + 830px);width:306px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976570887"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976570887"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976570887"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976570887"] {top:16px;left:calc(50% - 160px + 572px);width:231px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976570887"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976581326"]{color:#131415;text-align:LEFT;z-index:22;top:434px;left:calc(50% - 600px + 1453px);width:136px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976581326"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976581326"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976581326"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976581326"] {top:289px;left:calc(50% - 160px + 984px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976581326"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976581330"]{color:#131415;text-align:LEFT;z-index:23;top:434px;left:calc(50% - 600px + 1225px);width:99px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976581330"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976581330"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976581330"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976581330"] {top:289px;left:calc(50% - 160px + 842px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976581330"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976581334"]{color:#131415;text-align:LEFT;z-index:24;top:25px;left:calc(50% - 600px + 1225px);width:315px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976581334"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976581334"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976581334"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976581334"] {top:16px;left:calc(50% - 160px + 842px);width:204px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976581334"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976593846"]{color:#131415;text-align:LEFT;z-index:25;top:434px;left:calc(50% - 600px + 1848px);width:136px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593846"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593846"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593846"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593846"] {top:289px;left:calc(50% - 160px + 1254px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593846"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976593849"]{color:#131415;text-align:LEFT;z-index:26;top:434px;left:calc(50% - 600px + 1620px);width:99px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593849"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593849"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593849"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593849"] {top:289px;left:calc(50% - 160px + 1112px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593849"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976593852"]{color:#131415;text-align:LEFT;z-index:27;top:25px;left:calc(50% - 600px + 1620px);width:312px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593852"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593852"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593852"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593852"] {top:16px;left:calc(50% - 160px + 1112px);width:230px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593852"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976593860"]{color:#131415;text-align:LEFT;z-index:28;top:434px;left:calc(50% - 600px + 2243px);width:136px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593860"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593860"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593860"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593860"] {top:289px;left:calc(50% - 160px + 1524px);width:112px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593860"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976593863"]{color:#131415;text-align:LEFT;z-index:29;top:434px;left:calc(50% - 600px + 2015px);width:99px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593863"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593863"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593863"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593863"] {top:289px;left:calc(50% - 160px + 1382px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593863"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976593866"]{color:#131415;text-align:LEFT;z-index:30;top:25px;left:calc(50% - 600px + 2015px);width:283px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593866"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593866"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593866"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593866"] {top:16px;left:calc(50% - 160px + 1382px);width:218px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593866"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976593874"]{color:#131415;text-align:LEFT;z-index:31;top:434px;left:calc(50% - 600px + 2638px);width:136px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593874"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593874"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593874"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593874"] {top:289px;left:calc(50% - 160px + 1794px);width:104px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593874"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976593877"]{color:#131415;text-align:LEFT;z-index:32;top:434px;left:calc(50% - 600px + 2410px);width:99px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593877"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593877"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593877"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593877"] {top:289px;left:calc(50% - 160px + 1652px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593877"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976593888"]{color:#131415;text-align:LEFT;z-index:33;top:25px;left:calc(50% - 600px + 2410px);width:296px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593888"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976593888"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976593888"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976593888"] {top:16px;left:calc(50% - 160px + 1652px);width:211px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976593888"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976621754"]{color:#131415;text-align:LEFT;z-index:34;top:434px;left:calc(50% - 600px + 3033px);width:136px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621754"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621754"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621754"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621754"] {top:289px;left:calc(50% - 160px + 2064px);width:104px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621754"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976621758"]{color:#131415;text-align:LEFT;z-index:35;top:434px;left:calc(50% - 600px + 2805px);width:99px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621758"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621758"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621758"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621758"] {top:289px;left:calc(50% - 160px + 1922px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621758"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976621761"]{color:#131415;text-align:LEFT;z-index:36;top:25px;left:calc(50% - 600px + 2805px);width:319px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621761"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621761"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621761"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621761"] {top:16px;left:calc(50% - 160px + 1922px);width:223px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621761"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976621769"]{color:#131415;text-align:LEFT;z-index:37;top:434px;left:calc(50% - 600px + 3428px);width:136px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621769"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621769"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621769"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621769"] {top:289px;left:calc(50% - 160px + 2334px);width:104px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621769"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976621772"]{color:#131415;text-align:LEFT;z-index:38;top:434px;left:calc(50% - 600px + 3200px);width:99px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621772"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621772"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621772"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621772"] {top:289px;left:calc(50% - 160px + 2192px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621772"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976621776"]{color:#131415;text-align:LEFT;z-index:39;top:25px;left:calc(50% - 600px + 3200px);width:316px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621776"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621776"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621776"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621776"] {top:16px;left:calc(50% - 160px + 2192px);width:210px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621776"] .tn-atom{font-size:14px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976621784"]{color:#131415;text-align:LEFT;z-index:40;top:434px;left:calc(50% - 600px + 3823px);width:136px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621784"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621784"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621784"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621784"] {top:289px;left:calc(50% - 160px + 2604px);width:106px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621784"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976621787"]{color:#131415;text-align:LEFT;z-index:41;top:434px;left:calc(50% - 600px + 3595px);width:99px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621787"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621787"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621787"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621787"] {top:289px;left:calc(50% - 160px + 2462px);height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621787"] .tn-atom{font-size:12px;background-size:cover;}}#rec795894378 .tn-elem[data-elem-id="1725976621790"]{color:#131415;text-align:LEFT;z-index:42;top:25px;left:calc(50% - 600px + 3595px);width:312px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621790"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795894378 .tn-elem[data-elem-id="1725976621790"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec795894378 .tn-elem[data-elem-id="1725976621790"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec795894378 .tn-elem[data-elem-id="1725976621790"] {top:16px;left:calc(50% - 160px + 2462px);width:202px;height:auto;}#rec795894378 .tn-elem[data-elem-id="1725976621790"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795894378" data-artboard-screens="320,640,960,1200" data-artboard-height="566" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="auto" data-artboard-height-res-320="402" data-artboard-upscale-res-320="window" data-artboard-height-res-640="566" data-artboard-height-res-960="565" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="795894378"></div> <div class="t396__filter" data-artboard-recid="795894378"></div> <div class='t396__elem tn-elem tn-elem__7958943781718288603233' data-elem-id='1718288603233' data-elem-type='shape' data-field-top-value="1" data-field-left-value="16" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725980532011' data-elem-id='1725980532011' data-elem-type='shape' data-field-top-value="19" data-field-left-value="3951" data-field-height-value="410" data-field-width-value="16" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="-1" data-field-left-res-320-value="2710" data-field-height-res-320-value="322" data-field-top-res-640-value="19" data-field-left-res-640-value="3951" data-field-top-res-960-value="18" data-field-left-res-960-value="3951"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976553233' data-elem-id='1725976553233' data-elem-type='shape' data-field-top-value="1" data-field-left-value="411" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="286" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976570874' data-elem-id='1725976570874' data-elem-type='shape' data-field-top-value="1" data-field-left-value="806" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="556" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976581321' data-elem-id='1725976581321' data-elem-type='shape' data-field-top-value="1" data-field-left-value="1201" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="826" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593841' data-elem-id='1725976593841' data-elem-type='shape' data-field-top-value="1" data-field-left-value="1596" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="1096" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593856' data-elem-id='1725976593856' data-elem-type='shape' data-field-top-value="1" data-field-left-value="1991" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="1366" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593870' data-elem-id='1725976593870' data-elem-type='shape' data-field-top-value="1" data-field-left-value="2386" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="1636" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621749' data-elem-id='1725976621749' data-elem-type='shape' data-field-top-value="1" data-field-left-value="2781" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="1906" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621765' data-elem-id='1725976621765' data-elem-type='shape' data-field-top-value="1" data-field-left-value="3176" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="2176" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621779' data-elem-id='1725976621779' data-elem-type='shape' data-field-top-value="1" data-field-left-value="3571" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="2446" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7958943781718288603238' data-elem-id='1718288603238' data-elem-type='text' data-field-top-value="434" data-field-left-value="268" data-field-width-value="127" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="174" data-field-width-res-320-value="104" data-field-top-res-640-value="434" data-field-left-res-640-value="268" data-field-width-res-640-value="127" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1718288603238'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781718288603242' data-elem-id='1718288603242' data-elem-type='text' data-field-top-value="434" data-field-left-value="40" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="32" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1718288603242'>Алексей К.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781718288603246' data-elem-id='1718288603246' data-elem-type='text' data-field-top-value="25" data-field-left-value="40" data-field-width-value="339" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="32" data-field-width-res-320-value="234" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1718288603246'>Результат супер! <span style="color: rgb(67, 62, 255);">Благодаря этому курсу я понял, что быть web-разработчиком — это мое призвание. </span>Практические задания позволяют закрепить теорию, а<span style="color: rgb(36, 30, 255);">&nbsp;</span>поддержка сообщества делает обучение намного проще. Теперь я уверенно создаю сайты и<span style="color: rgb(36, 30, 255);">&nbsp;</span>работаю с дата на сервере.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976553239' data-elem-id='1725976553239' data-elem-type='text' data-field-top-value="434" data-field-left-value="663" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="444" data-field-width-res-320-value="104" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976553239'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976553244' data-elem-id='1725976553244' data-elem-type='text' data-field-top-value="434" data-field-left-value="435" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="302" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976553244'>Александр К.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976553247' data-elem-id='1725976553247' data-elem-type='text' data-field-top-value="25" data-field-left-value="435" data-field-width-value="303" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="302" data-field-width-res-320-value="205" data-field-top-res-640-value="25" data-field-top-res-960-value="24" data-field-width-res-960-value="310"> <div class='tn-atom'field='tn_text_1725976553247'>Хотелось бы поблагодарить команду Хекслета за такой классный продукт, который мне лично <span style="color: rgb(67, 62, 255);">помог продвинуться в профессии и&nbsp;развиваться в ней:)</span>.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976570880' data-elem-id='1725976570880' data-elem-type='text' data-field-top-value="434" data-field-left-value="1058" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="714" data-field-width-res-320-value="108" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976570880'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976570884' data-elem-id='1725976570884' data-elem-type='text' data-field-top-value="434" data-field-left-value="830" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="572" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976570884'>Кристина</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976570887' data-elem-id='1725976570887' data-elem-type='text' data-field-top-value="25" data-field-left-value="830" data-field-width-value="306" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="572" data-field-width-res-320-value="231" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976570887'>Спасибо, шикарное упражнение. Очень хотелось немного поломать голову, и вуаля :) <span style="color: rgb(67, 62, 255);">Всё, что есть в</span><span style="color: rgb(36, 30, 255);">&nbsp;</span><span style="color: rgb(67, 62, 255);">«Теории», нужно просто внимательно прочитать, вникнуть и исполнить.</span> Спасибо еще раз.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976581326' data-elem-id='1725976581326' data-elem-type='text' data-field-top-value="434" data-field-left-value="1453" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="984" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976581326'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976581330' data-elem-id='1725976581330' data-elem-type='text' data-field-top-value="434" data-field-left-value="1225" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="842" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976581330'>Дмитрий А.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976581334' data-elem-id='1725976581334' data-elem-type='text' data-field-top-value="25" data-field-left-value="1225" data-field-width-value="315" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="842" data-field-width-res-320-value="204" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976581334'>Я выбрал Хекслет по совету своих знакомых разработчиков, которые уже много лет в этой сфере. Они сказали, что тут программа достаточно объёмная и сложная, в<span style="color: rgb(67, 62, 255);">&nbsp;</span>ней много всего полезного. <span style="color: rgb(67, 62, 255);">На&nbsp;выходе из этой школы получаются крутые специалисты, которые имеют ценность на рынке.</span></div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593846' data-elem-id='1725976593846' data-elem-type='text' data-field-top-value="434" data-field-left-value="1848" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1254" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593846'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593849' data-elem-id='1725976593849' data-elem-type='text' data-field-top-value="434" data-field-left-value="1620" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1112" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593849'>Марина</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593852' data-elem-id='1725976593852' data-elem-type='text' data-field-top-value="25" data-field-left-value="1620" data-field-width-value="312" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="1112" data-field-width-res-320-value="230" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976593852'>Очень интересное задание! Особенно интересно количество вариантов решения. <span style="color: rgb(67, 62, 255);">Спасибо команде Хекслета!</span></div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593860' data-elem-id='1725976593860' data-elem-type='text' data-field-top-value="434" data-field-left-value="2243" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1524" data-field-width-res-320-value="112" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593860'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593863' data-elem-id='1725976593863' data-elem-type='text' data-field-top-value="434" data-field-left-value="2015" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1382" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593863'>Дмитрий Ф.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593866' data-elem-id='1725976593866' data-elem-type='text' data-field-top-value="25" data-field-left-value="2015" data-field-width-value="283" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="1382" data-field-width-res-320-value="218" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976593866'>Особенно круто, что обучение построено таким образом, что<span style="color: rgb(67, 62, 255);">&nbsp;</span>ты <span style="color: rgb(67, 62, 255);">читаешь теорию, потом проходишь тест и закрепляется это все практикой.</span></div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593874' data-elem-id='1725976593874' data-elem-type='text' data-field-top-value="434" data-field-left-value="2638" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1794" data-field-width-res-320-value="104" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593874'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593877' data-elem-id='1725976593877' data-elem-type='text' data-field-top-value="434" data-field-left-value="2410" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1652" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593877'>Сергей А.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976593888' data-elem-id='1725976593888' data-elem-type='text' data-field-top-value="25" data-field-left-value="2410" data-field-width-value="296" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="1652" data-field-width-res-320-value="211" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976593888'>Впечатления от обучения самые лучшие! Интересные задачи, проекты которые заставляют становиться сильнее, крутые наставники и<span style="color: rgb(67, 62, 255);">&nbsp;</span>не менее крутое сообщество! <span style="color: rgb(67, 62, 255);">Хекслет за время обучения стал для меня больше чем просто школой.</span></div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621754' data-elem-id='1725976621754' data-elem-type='text' data-field-top-value="434" data-field-left-value="3033" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="2064" data-field-width-res-320-value="104" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621754'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621758' data-elem-id='1725976621758' data-elem-type='text' data-field-top-value="434" data-field-left-value="2805" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1922" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621758'>Лариса П.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621761' data-elem-id='1725976621761' data-elem-type='text' data-field-top-value="25" data-field-left-value="2805" data-field-width-value="319" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="1922" data-field-width-res-320-value="223" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976621761'>Что важно: в курсе очень много полезной информации, именно практической, не только теория. И<span style="color: rgb(67, 62, 255);">&nbsp;</span>ты можешь общаться как с<span style="color: rgb(67, 62, 255);">&nbsp;</span>такими же обучающимися, как и<span style="color: rgb(67, 62, 255);">&nbsp;</span>ты, так и<span style="color: rgb(67, 62, 255);">&nbsp;</span>с<span style="color: rgb(67, 62, 255);">&nbsp;</span>преподавателями. <span style="color: rgb(67, 62, 255);">И,&nbsp;что важно, ты сам регламентируешь свое время, как долго ты будешь учиться. Для занятых людей это важно.</span></div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621769' data-elem-id='1725976621769' data-elem-type='text' data-field-top-value="434" data-field-left-value="3428" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="2334" data-field-width-res-320-value="104" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621769'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621772' data-elem-id='1725976621772' data-elem-type='text' data-field-top-value="434" data-field-left-value="3200" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="2192" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621772'>Павел</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621776' data-elem-id='1725976621776' data-elem-type='text' data-field-top-value="25" data-field-left-value="3200" data-field-width-value="316" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="2192" data-field-width-res-320-value="210" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976621776'><span style="color: rgb(67, 62, 255);">Хекслет меня подкупил тем, что у&nbsp;них очень хорошая практика.</span> Теории, кажется, мало, но практика заставляет думать. Именно благодаря практике, после каждого урока, у тебя действительно остается что-то в<span style="color: rgb(67, 62, 255);">&nbsp;</span>голове.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621784' data-elem-id='1725976621784' data-elem-type='text' data-field-top-value="434" data-field-left-value="3823" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="2604" data-field-width-res-320-value="106" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621784'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621787' data-elem-id='1725976621787' data-elem-type='text' data-field-top-value="434" data-field-left-value="3595" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="2462" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621787'>Светлана М.</div> </div> <div class='t396__elem tn-elem tn-elem__7958943781725976621790' data-elem-id='1725976621790' data-elem-type='text' data-field-top-value="25" data-field-left-value="3595" data-field-width-value="312" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="2462" data-field-width-res-320-value="202" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976621790'>В целом, обучение мне очень понравилось. <span style="color: rgb(67, 62, 255);">В обучении вообще нет воды, даже иногда хотелось немного отдохнуть, потому что информации очень много:)</span></div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795894378');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795894378');});});
}, 210);</script> <!-- /T396 --> </div> <div id="rec799449857" class="r t-rec cva t-screenmax-640px" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-screen-max="640px" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec799449857 .t396__artboard {height:566px;background-color:#f5f5f5;overflow:auto;}#rec799449857 .t396__filter {height:566px;}#rec799449857 .t396__carrier{height:566px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec799449857 .t396__artboard,#rec799449857 .t396__filter,#rec799449857 .t396__carrier {height:565px;}#rec799449857 .t396__filter {}#rec799449857 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec799449857 .t396__artboard,#rec799449857 .t396__filter,#rec799449857 .t396__carrier {height:566px;}#rec799449857 .t396__filter {}#rec799449857 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec799449857 .t396__artboard,#rec799449857 .t396__filter,#rec799449857 .t396__carrier {height:402px;}#rec799449857 .t396__filter {}#rec799449857 .t396__carrier {background-attachment:scroll;}}#rec799449857 .tn-elem[data-elem-id="1718288603233"]{z-index:2;top:1px;left:calc(50% - 600px + 16px);width:379px;height:477px;}#rec799449857 .tn-elem[data-elem-id="1718288603233"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1718288603233"] {top:0px;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1718288603233"] {top:1px;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1718288603233"] {top:0px;width:262px;height:322px;}}#rec799449857 .tn-elem[data-elem-id="1725980532011"]{z-index:3;top:19px;left:calc(50% - 600px + 3951px);width:16px;height:410px;}#rec799449857 .tn-elem[data-elem-id="1725980532011"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725980532011"] {top:18px;left:calc(50% - 480px + 3951px);}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725980532011"] {top:19px;left:calc(50% - 320px + 3951px);}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725980532011"] {top:-1px;left:calc(50% - 160px + 2710px);height:322px;}}#rec799449857 .tn-elem[data-elem-id="1725976553233"]{z-index:4;top:1px;left:calc(50% - 600px + 411px);width:379px;height:477px;}#rec799449857 .tn-elem[data-elem-id="1725976553233"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976553233"] {top:0px;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976553233"] {top:1px;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976553233"] {top:0px;left:calc(50% - 160px + 286px);width:262px;height:322px;}}#rec799449857 .tn-elem[data-elem-id="1725976570874"]{z-index:5;top:1px;left:calc(50% - 600px + 806px);width:379px;height:477px;}#rec799449857 .tn-elem[data-elem-id="1725976570874"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976570874"] {top:0px;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976570874"] {top:1px;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976570874"] {top:0px;left:calc(50% - 160px + 556px);width:262px;height:322px;}}#rec799449857 .tn-elem[data-elem-id="1725976581321"]{z-index:6;top:1px;left:calc(50% - 600px + 1201px);width:379px;height:477px;}#rec799449857 .tn-elem[data-elem-id="1725976581321"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976581321"] {top:0px;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976581321"] {top:1px;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976581321"] {top:0px;left:calc(50% - 160px + 826px);width:262px;height:322px;}}#rec799449857 .tn-elem[data-elem-id="1725976593841"]{z-index:7;top:1px;left:calc(50% - 600px + 1596px);width:379px;height:477px;}#rec799449857 .tn-elem[data-elem-id="1725976593841"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593841"] {top:0px;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593841"] {top:1px;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593841"] {top:0px;left:calc(50% - 160px + 1096px);width:262px;height:322px;}}#rec799449857 .tn-elem[data-elem-id="1725976593856"]{z-index:8;top:1px;left:calc(50% - 600px + 1991px);width:379px;height:477px;}#rec799449857 .tn-elem[data-elem-id="1725976593856"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593856"] {top:0px;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593856"] {top:1px;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593856"] {top:0px;left:calc(50% - 160px + 1366px);width:262px;height:322px;}}#rec799449857 .tn-elem[data-elem-id="1725976593870"]{z-index:9;top:1px;left:calc(50% - 600px + 2386px);width:379px;height:477px;}#rec799449857 .tn-elem[data-elem-id="1725976593870"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593870"] {top:0px;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593870"] {top:1px;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593870"] {top:0px;left:calc(50% - 160px + 1636px);width:262px;height:322px;}}#rec799449857 .tn-elem[data-elem-id="1725976621749"]{z-index:10;top:1px;left:calc(50% - 600px + 2781px);width:379px;height:477px;}#rec799449857 .tn-elem[data-elem-id="1725976621749"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621749"] {top:0px;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621749"] {top:1px;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621749"] {top:0px;left:calc(50% - 160px + 1906px);width:262px;height:322px;}}#rec799449857 .tn-elem[data-elem-id="1725976621765"]{z-index:11;top:1px;left:calc(50% - 600px + 3176px);width:379px;height:477px;}#rec799449857 .tn-elem[data-elem-id="1725976621765"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621765"] {top:0px;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621765"] {top:1px;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621765"] {top:0px;left:calc(50% - 160px + 2176px);width:262px;height:322px;}}#rec799449857 .tn-elem[data-elem-id="1725976621779"]{z-index:12;top:1px;left:calc(50% - 600px + 3571px);width:379px;height:477px;}#rec799449857 .tn-elem[data-elem-id="1725976621779"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621779"] {top:0px;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621779"] {top:1px;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621779"] {top:0px;left:calc(50% - 160px + 2446px);width:262px;height:322px;}}#rec799449857 .tn-elem[data-elem-id="1718288603238"]{color:#131415;text-align:LEFT;z-index:13;top:434px;left:calc(50% - 600px + 268px);width:127px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1718288603238"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1718288603238"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1718288603238"] {top:434px;left:calc(50% - 320px + 268px);width:127px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1718288603238"] {top:289px;left:calc(50% - 160px + 174px);width:104px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1718288603238"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1718288603242"]{color:#131415;text-align:LEFT;z-index:14;top:434px;left:calc(50% - 600px + 40px);width:99px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1718288603242"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1718288603242"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1718288603242"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1718288603242"] {top:289px;left:calc(50% - 160px + 32px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1718288603242"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1718288603246"]{color:#131415;text-align:LEFT;z-index:15;top:25px;left:calc(50% - 600px + 40px);width:339px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1718288603246"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1718288603246"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1718288603246"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1718288603246"] {top:16px;left:calc(50% - 160px + 32px);width:228px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1718288603246"] .tn-atom{font-size:14px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976553239"]{color:#131415;text-align:LEFT;z-index:16;top:434px;left:calc(50% - 600px + 663px);width:136px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976553239"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976553239"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976553239"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976553239"] {top:289px;left:calc(50% - 160px + 444px);width:104px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976553239"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976553244"]{color:#131415;text-align:LEFT;z-index:17;top:434px;left:calc(50% - 600px + 435px);width:99px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976553244"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976553244"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976553244"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976553244"] {top:289px;left:calc(50% - 160px + 302px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976553244"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976553247"]{color:#131415;text-align:LEFT;z-index:18;top:25px;left:calc(50% - 600px + 435px);width:303px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976553247"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976553247"] {top:24px;width:310px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976553247"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976553247"] {top:16px;left:calc(50% - 160px + 302px);width:205px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976553247"] .tn-atom{font-size:14px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976570880"]{color:#131415;text-align:LEFT;z-index:19;top:434px;left:calc(50% - 600px + 1058px);width:136px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976570880"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976570880"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976570880"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976570880"] {top:289px;left:calc(50% - 160px + 714px);width:108px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976570880"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976570884"]{color:#131415;text-align:LEFT;z-index:20;top:434px;left:calc(50% - 600px + 830px);width:99px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976570884"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976570884"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976570884"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976570884"] {top:289px;left:calc(50% - 160px + 572px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976570884"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976570887"]{color:#131415;text-align:LEFT;z-index:21;top:25px;left:calc(50% - 600px + 830px);width:306px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976570887"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976570887"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976570887"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976570887"] {top:16px;left:calc(50% - 160px + 572px);width:231px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976570887"] .tn-atom{font-size:14px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976581326"]{color:#131415;text-align:LEFT;z-index:22;top:434px;left:calc(50% - 600px + 1453px);width:136px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976581326"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976581326"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976581326"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976581326"] {top:289px;left:calc(50% - 160px + 984px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976581326"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976581330"]{color:#131415;text-align:LEFT;z-index:23;top:434px;left:calc(50% - 600px + 1225px);width:99px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976581330"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976581330"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976581330"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976581330"] {top:289px;left:calc(50% - 160px + 842px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976581330"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976581334"]{color:#131415;text-align:LEFT;z-index:24;top:25px;left:calc(50% - 600px + 1225px);width:315px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976581334"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976581334"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976581334"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976581334"] {top:16px;left:calc(50% - 160px + 842px);width:204px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976581334"] .tn-atom{font-size:14px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976593846"]{color:#131415;text-align:LEFT;z-index:25;top:434px;left:calc(50% - 600px + 1848px);width:136px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593846"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593846"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593846"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593846"] {top:289px;left:calc(50% - 160px + 1254px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593846"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976593849"]{color:#131415;text-align:LEFT;z-index:26;top:434px;left:calc(50% - 600px + 1620px);width:99px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593849"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593849"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593849"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593849"] {top:289px;left:calc(50% - 160px + 1112px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593849"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976593852"]{color:#131415;text-align:LEFT;z-index:27;top:25px;left:calc(50% - 600px + 1620px);width:312px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593852"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593852"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593852"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593852"] {top:16px;left:calc(50% - 160px + 1112px);width:230px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593852"] .tn-atom{font-size:14px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976593860"]{color:#131415;text-align:LEFT;z-index:28;top:434px;left:calc(50% - 600px + 2243px);width:136px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593860"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593860"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593860"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593860"] {top:289px;left:calc(50% - 160px + 1524px);width:112px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593860"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976593863"]{color:#131415;text-align:LEFT;z-index:29;top:434px;left:calc(50% - 600px + 2015px);width:99px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593863"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593863"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593863"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593863"] {top:289px;left:calc(50% - 160px + 1382px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593863"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976593866"]{color:#131415;text-align:LEFT;z-index:30;top:25px;left:calc(50% - 600px + 2015px);width:283px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593866"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593866"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593866"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593866"] {top:16px;left:calc(50% - 160px + 1382px);width:218px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593866"] .tn-atom{font-size:14px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976593874"]{color:#131415;text-align:LEFT;z-index:31;top:434px;left:calc(50% - 600px + 2638px);width:136px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593874"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593874"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593874"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593874"] {top:289px;left:calc(50% - 160px + 1794px);width:104px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593874"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976593877"]{color:#131415;text-align:LEFT;z-index:32;top:434px;left:calc(50% - 600px + 2410px);width:99px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593877"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593877"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593877"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593877"] {top:289px;left:calc(50% - 160px + 1652px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593877"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976593888"]{color:#131415;text-align:LEFT;z-index:33;top:25px;left:calc(50% - 600px + 2410px);width:296px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593888"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976593888"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976593888"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976593888"] {top:16px;left:calc(50% - 160px + 1652px);width:211px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976593888"] .tn-atom{font-size:14px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976621754"]{color:#131415;text-align:LEFT;z-index:34;top:434px;left:calc(50% - 600px + 3033px);width:136px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621754"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621754"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621754"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621754"] {top:289px;left:calc(50% - 160px + 2064px);width:104px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621754"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976621758"]{color:#131415;text-align:LEFT;z-index:35;top:434px;left:calc(50% - 600px + 2805px);width:99px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621758"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621758"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621758"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621758"] {top:289px;left:calc(50% - 160px + 1922px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621758"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976621761"]{color:#131415;text-align:LEFT;z-index:36;top:25px;left:calc(50% - 600px + 2805px);width:319px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621761"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621761"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621761"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621761"] {top:16px;left:calc(50% - 160px + 1922px);width:223px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621761"] .tn-atom{font-size:14px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976621769"]{color:#131415;text-align:LEFT;z-index:37;top:434px;left:calc(50% - 600px + 3428px);width:136px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621769"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621769"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621769"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621769"] {top:289px;left:calc(50% - 160px + 2334px);width:104px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621769"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976621772"]{color:#131415;text-align:LEFT;z-index:38;top:434px;left:calc(50% - 600px + 3200px);width:99px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621772"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621772"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621772"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621772"] {top:289px;left:calc(50% - 160px + 2192px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621772"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976621776"]{color:#131415;text-align:LEFT;z-index:39;top:25px;left:calc(50% - 600px + 3200px);width:332px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621776"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621776"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621776"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621776"] {top:16px;left:calc(50% - 160px + 2192px);width:210px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621776"] .tn-atom{font-size:14px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976621784"]{color:#131415;text-align:LEFT;z-index:40;top:434px;left:calc(50% - 600px + 3823px);width:136px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621784"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621784"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621784"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621784"] {top:289px;left:calc(50% - 160px + 2604px);width:106px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621784"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976621787"]{color:#131415;text-align:LEFT;z-index:41;top:434px;left:calc(50% - 600px + 3595px);width:99px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621787"] .tn-atom{color:#131415;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621787"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621787"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621787"] {top:289px;left:calc(50% - 160px + 2462px);height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621787"] .tn-atom{font-size:12px;background-size:cover;}}#rec799449857 .tn-elem[data-elem-id="1725976621790"]{color:#131415;text-align:LEFT;z-index:42;top:25px;left:calc(50% - 600px + 3595px);width:312px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621790"] .tn-atom{color:#131415;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec799449857 .tn-elem[data-elem-id="1725976621790"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec799449857 .tn-elem[data-elem-id="1725976621790"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec799449857 .tn-elem[data-elem-id="1725976621790"] {top:16px;left:calc(50% - 160px + 2462px);width:202px;height:auto;}#rec799449857 .tn-elem[data-elem-id="1725976621790"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="799449857" data-artboard-screens="320,640,960,1200" data-artboard-height="566" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="auto" data-artboard-height-res-320="402" data-artboard-upscale-res-320="window" data-artboard-height-res-640="566" data-artboard-height-res-960="565" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="799449857"></div> <div class="t396__filter" data-artboard-recid="799449857"></div> <div class='t396__elem tn-elem tn-elem__7994498571718288603233' data-elem-id='1718288603233' data-elem-type='shape' data-field-top-value="1" data-field-left-value="16" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725980532011' data-elem-id='1725980532011' data-elem-type='shape' data-field-top-value="19" data-field-left-value="3951" data-field-height-value="410" data-field-width-value="16" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="-1" data-field-left-res-320-value="2710" data-field-height-res-320-value="322" data-field-top-res-640-value="19" data-field-left-res-640-value="3951" data-field-top-res-960-value="18" data-field-left-res-960-value="3951"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976553233' data-elem-id='1725976553233' data-elem-type='shape' data-field-top-value="1" data-field-left-value="411" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="286" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976570874' data-elem-id='1725976570874' data-elem-type='shape' data-field-top-value="1" data-field-left-value="806" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="556" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976581321' data-elem-id='1725976581321' data-elem-type='shape' data-field-top-value="1" data-field-left-value="1201" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="826" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593841' data-elem-id='1725976593841' data-elem-type='shape' data-field-top-value="1" data-field-left-value="1596" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="1096" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593856' data-elem-id='1725976593856' data-elem-type='shape' data-field-top-value="1" data-field-left-value="1991" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="1366" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593870' data-elem-id='1725976593870' data-elem-type='shape' data-field-top-value="1" data-field-left-value="2386" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="1636" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621749' data-elem-id='1725976621749' data-elem-type='shape' data-field-top-value="1" data-field-left-value="2781" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="1906" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621765' data-elem-id='1725976621765' data-elem-type='shape' data-field-top-value="1" data-field-left-value="3176" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="2176" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621779' data-elem-id='1725976621779' data-elem-type='shape' data-field-top-value="1" data-field-left-value="3571" data-field-height-value="477" data-field-width-value="379" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="0" data-field-left-res-320-value="2446" data-field-height-res-320-value="322" data-field-width-res-320-value="262" data-field-top-res-640-value="1" data-field-top-res-960-value="0"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7994498571718288603238' data-elem-id='1718288603238' data-elem-type='text' data-field-top-value="434" data-field-left-value="268" data-field-width-value="127" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="174" data-field-width-res-320-value="104" data-field-top-res-640-value="434" data-field-left-res-640-value="268" data-field-width-res-640-value="127" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1718288603238'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571718288603242' data-elem-id='1718288603242' data-elem-type='text' data-field-top-value="434" data-field-left-value="40" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="32" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1718288603242'>Алексей К.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571718288603246' data-elem-id='1718288603246' data-elem-type='text' data-field-top-value="25" data-field-left-value="40" data-field-width-value="339" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="32" data-field-width-res-320-value="228" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1718288603246'>Результат супер! <span style="color: rgb(67, 62, 255);">Благодаря этому курсу я понял, что быть web-разработчиком — это мое призвание. </span>Практические задания позволяют закрепить теорию, а<span style="color: rgb(36, 30, 255);">&nbsp;</span>поддержка сообщества делает обучение намного проще. Теперь я<span style="color: rgb(36, 30, 255);">&nbsp;</span>уверенно создаю сайты и<span style="color: rgb(36, 30, 255);">&nbsp;</span>работаю с дата на сервере.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976553239' data-elem-id='1725976553239' data-elem-type='text' data-field-top-value="434" data-field-left-value="663" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="444" data-field-width-res-320-value="104" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976553239'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976553244' data-elem-id='1725976553244' data-elem-type='text' data-field-top-value="434" data-field-left-value="435" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="302" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976553244'>Александр К.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976553247' data-elem-id='1725976553247' data-elem-type='text' data-field-top-value="25" data-field-left-value="435" data-field-width-value="303" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="302" data-field-width-res-320-value="205" data-field-top-res-640-value="25" data-field-top-res-960-value="24" data-field-width-res-960-value="310"> <div class='tn-atom'field='tn_text_1725976553247'>Хотелось бы поблагодарить команду Хекслета за такой классный продукт, который мне лично <span style="color: rgb(67, 62, 255);">помог продвинуться в профессии и&nbsp;развиваться в ней:)</span>.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976570880' data-elem-id='1725976570880' data-elem-type='text' data-field-top-value="434" data-field-left-value="1058" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="714" data-field-width-res-320-value="108" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976570880'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976570884' data-elem-id='1725976570884' data-elem-type='text' data-field-top-value="434" data-field-left-value="830" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="572" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976570884'>Кристина</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976570887' data-elem-id='1725976570887' data-elem-type='text' data-field-top-value="25" data-field-left-value="830" data-field-width-value="306" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="572" data-field-width-res-320-value="231" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976570887'>Спасибо, шикарное упражнение. Очень хотелось немного поломать голову, и вуаля :) <span style="color: rgb(67, 62, 255);">Всё, что есть в</span><span style="color: rgb(36, 30, 255);">&nbsp;</span><span style="color: rgb(67, 62, 255);">«Теории», нужно просто внимательно прочитать, вникнуть и исполнить.</span> Спасибо еще раз.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976581326' data-elem-id='1725976581326' data-elem-type='text' data-field-top-value="434" data-field-left-value="1453" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="984" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976581326'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976581330' data-elem-id='1725976581330' data-elem-type='text' data-field-top-value="434" data-field-left-value="1225" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="842" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976581330'>Дмитрий А.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976581334' data-elem-id='1725976581334' data-elem-type='text' data-field-top-value="25" data-field-left-value="1225" data-field-width-value="315" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="842" data-field-width-res-320-value="204" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976581334'>Я выбрал Хекслет по совету своих знакомых разработчиков, которые уже много лет в этой сфере. Они сказали, что тут программа достаточно объёмная и сложная, в<span style="color: rgb(67, 62, 255);">&nbsp;</span>ней много всего полезного. <span style="color: rgb(67, 62, 255);">На&nbsp;выходе из этой школы получаются крутые специалисты, которые имеют ценность на рынке.</span></div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593846' data-elem-id='1725976593846' data-elem-type='text' data-field-top-value="434" data-field-left-value="1848" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1254" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593846'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593849' data-elem-id='1725976593849' data-elem-type='text' data-field-top-value="434" data-field-left-value="1620" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1112" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593849'>Марина</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593852' data-elem-id='1725976593852' data-elem-type='text' data-field-top-value="25" data-field-left-value="1620" data-field-width-value="312" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="1112" data-field-width-res-320-value="230" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976593852'>Очень интересное задание! Особенно интересно количество вариантов решения. <span style="color: rgb(67, 62, 255);">Спасибо команде Хекслета!</span></div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593860' data-elem-id='1725976593860' data-elem-type='text' data-field-top-value="434" data-field-left-value="2243" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1524" data-field-width-res-320-value="112" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593860'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593863' data-elem-id='1725976593863' data-elem-type='text' data-field-top-value="434" data-field-left-value="2015" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1382" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593863'>Дмитрий Ф.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593866' data-elem-id='1725976593866' data-elem-type='text' data-field-top-value="25" data-field-left-value="2015" data-field-width-value="283" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="1382" data-field-width-res-320-value="218" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976593866'>Особенно круто, что обучение построено таким образом, что<span style="color: rgb(67, 62, 255);">&nbsp;</span>ты <span style="color: rgb(67, 62, 255);">читаешь теорию, потом проходишь тест и закрепляется это все практикой.</span></div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593874' data-elem-id='1725976593874' data-elem-type='text' data-field-top-value="434" data-field-left-value="2638" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1794" data-field-width-res-320-value="104" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593874'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593877' data-elem-id='1725976593877' data-elem-type='text' data-field-top-value="434" data-field-left-value="2410" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1652" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976593877'>Сергей А.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976593888' data-elem-id='1725976593888' data-elem-type='text' data-field-top-value="25" data-field-left-value="2410" data-field-width-value="296" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="1652" data-field-width-res-320-value="211" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976593888'>Впечатления от обучения самые лучшие! Интересные задачи, проекты которые заставляют становиться сильнее, крутые наставники и<span style="color: rgb(67, 62, 255);">&nbsp;</span>не менее крутое сообщество! <span style="color: rgb(67, 62, 255);">Хекслет за время обучения стал для меня больше чем просто школой.</span></div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621754' data-elem-id='1725976621754' data-elem-type='text' data-field-top-value="434" data-field-left-value="3033" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="2064" data-field-width-res-320-value="104" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621754'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621758' data-elem-id='1725976621758' data-elem-type='text' data-field-top-value="434" data-field-left-value="2805" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="1922" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621758'>Лариса П.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621761' data-elem-id='1725976621761' data-elem-type='text' data-field-top-value="25" data-field-left-value="2805" data-field-width-value="319" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="1922" data-field-width-res-320-value="223" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976621761'>Что важно: в курсе очень много полезной информации, именно практической, не только теория. И<span style="color: rgb(67, 62, 255);">&nbsp;</span>ты можешь общаться как с<span style="color: rgb(67, 62, 255);">&nbsp;</span>такими же обучающимися, как и<span style="color: rgb(67, 62, 255);">&nbsp;</span>ты, так и<span style="color: rgb(67, 62, 255);">&nbsp;</span>с<span style="color: rgb(67, 62, 255);">&nbsp;</span>преподавателями. <span style="color: rgb(67, 62, 255);">И,&nbsp;что важно, ты сам регламентируешь свое время, как долго ты будешь учиться. Для занятых людей это важно.</span></div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621769' data-elem-id='1725976621769' data-elem-type='text' data-field-top-value="434" data-field-left-value="3428" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="2334" data-field-width-res-320-value="104" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621769'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621772' data-elem-id='1725976621772' data-elem-type='text' data-field-top-value="434" data-field-left-value="3200" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="2192" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621772'>Павел</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621776' data-elem-id='1725976621776' data-elem-type='text' data-field-top-value="25" data-field-left-value="3200" data-field-width-value="332" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="2192" data-field-width-res-320-value="210" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976621776'><span style="color: rgb(67, 62, 255);">Хекслет меня подкупил тем, что у них очень хорошая практика.</span> Теории, кажется, мало, но практика заставляет думать. Именно благодаря практике, после каждого урока, у тебя действительно остается что-то в<span style="color: rgb(67, 62, 255);">&nbsp;</span>голове.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621784' data-elem-id='1725976621784' data-elem-type='text' data-field-top-value="434" data-field-left-value="3823" data-field-width-value="136" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="2604" data-field-width-res-320-value="106" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621784'>Участник курса</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621787' data-elem-id='1725976621787' data-elem-type='text' data-field-top-value="434" data-field-left-value="3595" data-field-width-value="99" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="2462" data-field-top-res-640-value="434" data-field-top-res-960-value="433"> <div class='tn-atom'field='tn_text_1725976621787'>Светлана М.</div> </div> <div class='t396__elem tn-elem tn-elem__7994498571725976621790' data-elem-id='1725976621790' data-elem-type='text' data-field-top-value="25" data-field-left-value="3595" data-field-width-value="312" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="16" data-field-left-res-320-value="2462" data-field-width-res-320-value="202" data-field-top-res-640-value="25" data-field-top-res-960-value="24"> <div class='tn-atom'field='tn_text_1725976621790'>В целом, обучение мне очень понравилось. <span style="color: rgb(67, 62, 255);">В обучении вообще нет воды, даже иногда хотелось немного отдохнуть, потому что информации очень много:)</span></div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('799449857');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('799449857');});});
}, 220);</script> <!-- /T396 --> </div> <div id="rec800903686" class="r t-rec cva" 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>
#rec795894378 .t396__artboard {overflow-x: auto}
#rec795894378 .t396__artboard::-webkit-scrollbar {height: 0} /* скрывает скроллбар */
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec797833239" class="r t-rec cva" 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 --> <!--https://romanyu.ru/skroll-strelki--> <script defer src="https://unpkg.com/scrollbooster@3/dist/scrollbooster.min.js" defer></script> <script>
$(function() {

    // Укажи ID Zero блока cо скроллом и включи overflow: auto
    var blockScrollId = '#rec795894378';
    
    // Укажи ID Zero блока cо стрелками и добавь каждой класс arrow-left или arrow-right
    var blockArrowsId = '#rec795894375';
    
    var shiftSize;
    $(window).on('load resize', function(){
        
        if (window.matchMedia('(max-width: 480px)').matches) {
            // Укажи величину сдвига при клике на стрелку для разрешения 320-480px
            shiftSize = '262px';
        }
        else if (window.matchMedia('(max-width: 640px)').matches) {
            // Укажи величину сдвига при клике на стрелку для разрешения 481-640px
            shiftSize = '320px';
        }
        else if (window.matchMedia('(max-width: 960px)').matches) {
            // Укажи величину сдвига при клике на стрелку для разрешения 641-960px
            shiftSize = '320px';
        }
        else if (window.matchMedia('(max-width: 1200px)').matches) {
            // Укажи величину сдвига при клике на стрелку для разрешения 961-1200px
            shiftSize = '320px';
        }
        else {
            // Укажи величину сдвига при клике на стрелку для разрешения больше 1200px
            shiftSize = '320px';
        }

    });
    
    
    $(blockScrollId + ' .t396__artboard').addClass('scrollbooster-viewport').wrapInner('<div class="scrollbooster-content"></div>');
    $(blockScrollId + ' .t396').css('overflow','hidden');
    
    new ScrollBooster({
        viewport: $(blockScrollId + ' .scrollbooster-viewport')[0],
        content:  $(blockScrollId + ' .scrollbooster-content')[0],
        scrollMode: 'native',
        pointerMode: 'mouse',
        bounce: false,
        onPointerDown: function() { $(blockScrollId + ' *:focus').blur() }
    });

    $(blockArrowsId + ' .arrow-left').on('click', function(e) {
        e.preventDefault();
        $(blockScrollId + ' .t396__artboard').animate( { scrollLeft: '-=' + shiftSize }, 300);
    });

    $(blockArrowsId + ' .arrow-right').on('click', function(e) {
        e.preventDefault();
        $(blockScrollId + ' .t396__artboard').animate( { scrollLeft: '+=' + shiftSize }, 300);
    });

});
</script> <style>
.scrollbooster-viewport {
    cursor: -webkit-grab;
    cursor: grab;
    padding-bottom: 30px;
    margin-bottom: -30px;
}
.scrollbooster-viewport:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.scrollbooster-content {
    position: absolute;
    width: 100%;
    height: 100%;
}
.arrow-left,
.arrow-right {
    cursor: pointer;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec795935811" class="r t-rec cva" style="background-color:#212121; " data-animationappear="off" data-record-type="396" data-bg-color="#212121"> <!-- T396 --> <style>#rec795935811 .t396__artboard {height:344px;background-color:#212121;}#rec795935811 .t396__filter {height:344px;}#rec795935811 .t396__carrier{height:344px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec795935811 .t396__artboard,#rec795935811 .t396__filter,#rec795935811 .t396__carrier {height:340px;}#rec795935811 .t396__filter {}#rec795935811 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec795935811 .t396__artboard,#rec795935811 .t396__filter,#rec795935811 .t396__carrier {height:471px;}#rec795935811 .t396__filter {}#rec795935811 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec795935811 .t396__artboard,#rec795935811 .t396__filter,#rec795935811 .t396__carrier {height:489px;}#rec795935811 .t396__filter {}#rec795935811 .t396__carrier {background-attachment:scroll;}}#rec795935811 .tn-elem[data-elem-id="1722956750473"]{z-index:2;top:-139px;left:calc(50% - 600px + 613px);width:1061px;height:auto;}#rec795935811 .tn-elem[data-elem-id="1722956750473"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec795935811 .tn-elem[data-elem-id="1722956750473"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec795935811 .tn-elem[data-elem-id="1722956750473"] {top:-124px;left:calc(50% - 480px + 576px);width:964px;height:auto;}}@media screen and (max-width:959px) {#rec795935811 .tn-elem[data-elem-id="1722956750473"] {top:160px;left:calc(50% - 320px + 90px);width:631px;height:auto;}}@media screen and (max-width:639px) {#rec795935811 .tn-elem[data-elem-id="1722956750473"] {top:181px;left:calc(50% - 160px + -29px);width:539px;height:auto;}}#rec795935811 .tn-elem[data-elem-id="1722956695398"]{color:#f5f5f5;text-align:LEFT;z-index:3;top:122px;left:calc(50% - 600px + 16px);width:521px;height:auto;}#rec795935811 .tn-elem[data-elem-id="1722956695398"] .tn-atom{color:#f5f5f5;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec795935811 .tn-elem[data-elem-id="1722956695398"] {top:114px;width:518px;height:auto;}}@media screen and (max-width:959px) {#rec795935811 .tn-elem[data-elem-id="1722956695398"] {top:114px;left:calc(50% - 320px + 16px);width:588px;height:auto;}#rec795935811 .tn-elem[data-elem-id="1722956695398"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec795935811 .tn-elem[data-elem-id="1722956695398"] {top:112px;left:calc(50% - 160px + 16px);width:261px;height:auto;}#rec795935811 .tn-elem[data-elem-id="1722956695398"] .tn-atom{font-size:14px;background-size:cover;}}#rec795935811 .tn-elem[data-elem-id="1722956695388"]{color:#f5f5f5;text-align:LEFT;z-index:4;top:44px;left:calc(50% - 600px + 16px);width:710px;height:auto;}#rec795935811 .tn-elem[data-elem-id="1722956695388"] .tn-atom{color:#f5f5f5;font-size:40px;font-family:'Manrope',Arial,sans-serif;line-height:1.35;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec795935811 .tn-elem[data-elem-id="1722956695388"] {top:44px;width:565px;height:auto;}#rec795935811 .tn-elem[data-elem-id="1722956695388"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec795935811 .tn-elem[data-elem-id="1722956695388"] {top:40px;left:calc(50% - 160px + 16px);width:246px;height:auto;}#rec795935811 .tn-elem[data-elem-id="1722956695388"] .tn-atom{font-size:24px;background-size:cover;}}#rec795935811 .tn-elem[data-elem-id="1722956695457"]{z-index:5;top:9px;left:calc(50% - 600px + 820px);width:278px;height:299px;}#rec795935811 .tn-elem[data-elem-id="1722956695457"] .tn-atom {background-position:center center;background-size:cover;background-repeat:no-repeat;border-color:transparent ;border-style:solid;}#rec795935811 .tn-elem[data-elem-id="1722956695457"] .tn-atom {-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);transform:rotate(3deg);}@media screen and (max-width:1199px) {#rec795935811 .tn-elem[data-elem-id="1722956695457"] {top:34px;left:calc(50% - 480px + 623px);width:238px;height:240px;}#rec795935811 .tn-elem[data-elem-id="1722956695457"] .tn-atom {background-size:cover;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);transform:rotate(3deg);}}@media screen and (max-width:959px) {#rec795935811 .tn-elem[data-elem-id="1722956695457"] {top:204px;left:calc(50% - 320px + 99px);width:212px;height:219px;}#rec795935811 .tn-elem[data-elem-id="1722956695457"] .tn-atom {background-size:cover;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);transform:rotate(5deg);}}@media screen and (max-width:639px) {#rec795935811 .tn-elem[data-elem-id="1722956695457"] {top:244px;left:calc(50% - 160px + 68px);width:180px;height:185px;}#rec795935811 .tn-elem[data-elem-id="1722956695457"] .tn-atom {background-size:cover;-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg);transform:rotate(8deg);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="795935811" data-artboard-screens="320,640,960,1200" data-artboard-height="344" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="489" data-artboard-upscale-res-320="window" data-artboard-height-res-640="471" data-artboard-upscale-res-640="grid" data-artboard-height-res-960="340" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="795935811"></div> <div class="t396__filter" data-artboard-recid="795935811"></div> <div class='t396__elem tn-elem tn-elem__7959358111722956750473' data-elem-id='1722956750473' data-elem-type='image' data-field-top-value="-139" data-field-left-value="613" data-field-width-value="1061" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="1325" data-field-fileheight-value="795" data-field-top-res-320-value="181" data-field-left-res-320-value="-29" data-field-width-res-320-value="539" data-field-top-res-640-value="160" data-field-left-res-640-value="90" data-field-width-res-640-value="631" data-field-top-res-960-value="-124" data-field-left-res-960-value="576" data-field-width-res-960-value="964"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3863-3865-4735-b965-616333663834__frame_2087326009.svg" alt="" imgfield="tn_img_1722956750473" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__7959358111722956695398' data-elem-id='1722956695398' data-elem-type='text' data-field-top-value="122" data-field-left-value="16" data-field-width-value="521" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="112" data-field-left-res-320-value="16" data-field-width-res-320-value="261" data-field-top-res-640-value="114" data-field-left-res-640-value="16" data-field-width-res-640-value="588" data-field-top-res-960-value="114" data-field-width-res-960-value="518"> <div class='tn-atom'field='tn_text_1722956695398'>Если вы хотите освоить основы веб-разработки и научиться создавать современные сайты, зарегистрируйтесь на наш бесплатный курс. <span style="color: rgb(0, 194, 255);">Полученные знания помогут вам уверенно начать карьеру</span></div> </div> <div class='t396__elem tn-elem tn-elem__7959358111722956695388' data-elem-id='1722956695388' data-elem-type='text' data-field-top-value="44" data-field-left-value="16" data-field-width-value="710" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="40" data-field-left-res-320-value="16" data-field-width-res-320-value="246" data-field-top-res-640-value="44" data-field-width-res-640-value="565"> <div class='tn-atom'field='tn_text_1722956695388'>Начните обучение сегодня</div> </div> <div class='t396__elem tn-elem tn-elem__7959358111722956695457' data-elem-id='1722956695457' data-elem-type='shape' data-field-top-value="9" data-field-left-value="820" data-field-height-value="299" data-field-width-value="278" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="244" data-field-left-res-320-value="68" data-field-height-res-320-value="185" data-field-width-res-320-value="180" data-field-top-res-640-value="204" data-field-left-res-640-value="99" data-field-height-res-640-value="219" data-field-width-res-640-value="212" data-field-top-res-960-value="34" data-field-left-res-960-value="623" data-field-height-res-960-value="240" data-field-width-res-960-value="238"> <div class='tn-atom' style="background-image:url('/tp/versions/721750928198/tild3039-3436-4237-a665-323261616462__hexlet_js_1_3_1.png');"
aria-label='' role="img"> </div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('795935811');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('795935811');});});
}, 230);</script> <!-- /T396 --> </div> <div id="rec795894379" class="r t-rec cva t-rec_pt_90 t-rec_pt-res-480_75 t-rec_pb_45 t-rec_pb-res-480_15" style="padding-top:90px;padding-bottom:45px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="43" data-bg-color="#f5f5f5"> <!-- T030 --> <div class="t030"> <div class="t-container t-align_left"> <div class="t-col t-col_12 "> <h2 class="t030__title t-title t-title_xxs" field="title">Вопрос-ответ</h2> </div> </div> </div> <style> #rec795894379 .t030__title{color:#131415;font-weight:500;font-family:'Manrope';}@media screen and (min-width:900px){#rec795894379 .t030__title{font-size:40px;line-height:1.4;}}@media screen and (min-width:480px) and (max-width:900px){#rec795894379 .t030__title{font-size:24px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec795894379 .t030__title{font-size:24px;}}#rec795894379 .t030__descr{padding-bottom:56px;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec795894379 .t030__descr{font-size:18px;}}</style> </div> <div id="rec795894380" class="r t-rec cva t-rec_pt_0 t-rec_pb_90 t-rec_pb-res-480_75" style="padding-top:0px;padding-bottom:90px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="585" data-bg-color="#f5f5f5"> <!-- T585 --> <div class="t585"> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header t585__opened" style="border-top: 1px solid #c1c1c1"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion1_795894380"
aria-expanded="true"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1257589691440">Какой уровень подготовки является необходимым для участия в&nbsp;курсе?</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#f5f5f5"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #433eff"></span> </span> </button> </div> <div class="t585__content"
id="accordion1_795894380"
style="display:block"> <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1257589691440">Курс рассчитан на&nbsp;начинающих, однако является полезным и&nbsp;тем, кто хочет обновить свои знания в&nbsp;области веб-разработки.</div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #c1c1c1"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion2_795894380"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1267589691441">Смогу&nbsp;ли я&nbsp;создать полноценный сайт после завершения курса?</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#f5f5f5"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #433eff"></span> </span> </button> </div> <div class="t585__content"
id="accordion2_795894380"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1267589691441">Да, по&nbsp;окончании курса вы&nbsp;получите все необходимые знания и&nbsp;навыки для создания полноценного сайта с&nbsp;нуля.</div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #c1c1c1"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion3_795894380"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1267589691442">Какова продолжительность курса?</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#f5f5f5"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #433eff"></span> </span> </button> </div> <div class="t585__content"
id="accordion3_795894380"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1267589691442">Курс можно проходить в&nbsp;удобном для вас темпе. В&nbsp;среднем его прохождение занимает от&nbsp;4 до&nbsp;6 недель в&nbsp;зависимости от&nbsp;вашего графика и&nbsp;скорости обучения.</div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #c1c1c1"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion4_795894380"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1267589691443">Какой результат я&nbsp;могу ожидать по&nbsp;завершении курса?</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#f5f5f5"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #433eff"></span> </span> </button> </div> <div class="t585__content"
id="accordion4_795894380"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1267589691443">Результат после завершения курса: вы&nbsp;сможете самостоятельно разработать и&nbsp;запустить базовый сайт, а&nbsp;также будете понимать основные принципы веб-разработки, которые позволят вам продолжить обучение на&nbsp;более продвинутом уровне.</div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #c1c1c1"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion5_795894380"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1267589691444">Поможет&nbsp;ли курс мне найти работу?</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#f5f5f5"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #433eff"></span> </span> </button> </div> <div class="t585__content"
id="accordion5_795894380"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1267589691444">На&nbsp;курсе вы&nbsp;изучите данные о&nbsp;верстке и&nbsp;JavaScript, научитесь создавать web-страницы, писать простые программы на&nbsp;JavaScript и&nbsp;искать ошибки в&nbsp;коде. Вы&nbsp;получите практические навыки, которые сможете продемонстрировать работодателю, что повысит шансы на&nbsp;трудоустройство.</div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #c1c1c1"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion6_795894380"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1267589691445">Есть&nbsp;ли возможность взаимодействовать с&nbsp;преподавателями или другими участниками курса?</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#f5f5f5"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #433eff"></span> </span> </button> </div> <div class="t585__content"
id="accordion6_795894380"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1267589691445">Да, у&nbsp;нас есть каналы общения, где вы&nbsp;можете задать вопросы преподавателям или обсудить материал с&nbsp;другими участниками курса.</div> </div> </div> </div> </div> </div> <div class="t-col t-col_12 "> <div class="t585__accordion t-animate" data-animate-style="fadein" data-animate-chain="yes" data-accordion="true" data-scroll-to-expanded="false"> <div class="t585__wrapper"> <div class="t585__header " style="border-top: 1px solid #c1c1c1"> <button type="button"
class="t585__trigger-button"
aria-controls="accordion7_795894380"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1267589691446">Предоставляются&nbsp;ли какие-либо сертификаты по&nbsp;окончании курса?</span> <span class="t585__icon"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#949494"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: transparent;"></span> </span> <span class="t585__icon t585__icon-hover"> <span class="t585__lines"> <svg role="presentation" focusable="false" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1px" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g transform="translate(1.000000, 1.000000)" stroke="#f5f5f5"> <path d="M0,11 L22,11"></path> <path d="M11,0 L11,22"></path> </g> </g> </svg> </span> <span class="t585__circle" style="background-color: #433eff"></span> </span> </button> </div> <div class="t585__content"
id="accordion7_795894380"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1267589691446">Нет, по&nbsp;завершении курса вы&nbsp;не&nbsp;получите сертификат. Но&nbsp;вы&nbsp;сможете использовать знания по&nbsp;web-разработке и&nbsp;создать&nbsp;ПО для своего портфолио.</div> </div> </div> </div> </div> <div class="t585__border" style="height: 1px; background-color: #c1c1c1"></div> </div> </div> </div> <script>setTimeout(function() {
 t_onReady(function() {t_onFuncLoad('t585_init',function() {t585_init('795894380');});});
}, 240);</script> <style> #rec795894380 .t585__title{font-size:24px;line-height:1.4;color:#131415;font-weight:500;font-family:'Manrope';max-width:650px;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec795894380 .t585__title{font-size:16px;}}#rec795894380 .t585__text{font-size:18px;line-height:1.4;color:#131415;font-weight:400;font-family:'Manrope';max-width:650px;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec795894380 .t585__text{font-size:14px;}}</style> </div> <div id="rec796383165" class="r t-rec cva t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec796383165 .t396__artboard {height:593px;background-color:#212121;}#rec796383165 .t396__filter {height:593px;}#rec796383165 .t396__carrier{height:593px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec796383165 .t396__artboard,#rec796383165 .t396__filter,#rec796383165 .t396__carrier {}#rec796383165 .t396__filter {}#rec796383165 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec796383165 .t396__artboard,#rec796383165 .t396__filter,#rec796383165 .t396__carrier {}#rec796383165 .t396__filter {}#rec796383165 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec796383165 .t396__artboard,#rec796383165 .t396__filter,#rec796383165 .t396__carrier {height:884px;}#rec796383165 .t396__filter {}#rec796383165 .t396__carrier {background-attachment:scroll;}}#rec796383165 .tn-elem[data-elem-id="1717660498307"]{color:#f5f5f5;text-align:LEFT;z-index:2;top:553px;left:calc(50% - 600px + 1060px);width:124px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717660498307"] .tn-atom{color:#f5f5f5;font-size:16px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717660498307"] {top:554px;left:calc(50% - 480px + 820px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717660498307"] {top:554px;left:calc(50% - 320px + 500px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717660498307"] {top:852px;left:calc(50% - 160px + 16px);height:auto;}#rec796383165 .tn-elem[data-elem-id="1717660498307"] .tn-atom{font-size:14px;background-size:cover;}}#rec796383165 .tn-elem[data-elem-id="1717660498422"]{z-index:3;top:463px;left:calc(50% - 600px + 608px);width:576px;height:0px;}#rec796383165 .tn-elem[data-elem-id="1717660498422"] .tn-atom{border-width:1px;background-position:center center;border-color:#3a3a3a ;border-style:solid;}#rec796383165 .tn-elem[data-elem-id="1717660498422"] .tn-atom {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717660498422"] {left:calc(50% - 480px + 411px);width:533px;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717660498422"] {top:465px;left:calc(50% - 320px + 815px);width:350px;}}@media screen and (max-width:639px) {}#rec796383165 .tn-elem[data-elem-id="1717662473709"]{color:#949494;z-index:4;top:489px;left:calc(50% - 600px + 608px);width:370px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662473709"] .tn-atom{color:#949494;font-size:14px;font-family:'Manrope',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) {#rec796383165 .tn-elem[data-elem-id="1717662473709"] {top:501px;left:calc(50% - 480px + 411px);width:326px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662473709"] .tn-atom{font-size:12px;background-size:cover;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662473709"] {top:501px;left:calc(50% - 320px + 15px);width:332px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662473709"] {text-align:left;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662473709"] {top:768px;left:calc(50% - 160px + 16px);width:310px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662473709"] .tn-atom{font-size:11px;background-size:cover;}}#rec796383165 .tn-elem[data-elem-id="1717662736194"]{color:#f5f5f5;text-align:LEFT;z-index:5;top:16px;left:calc(50% - 600px + 608px);width:112px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736194"] .tn-atom{color:#f5f5f5;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736194"] {left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736194"] {top:16px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736194"] {top:352px;left:calc(50% - 160px + 16px);height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736194"] .tn-atom{font-size:18px;background-size:cover;}}#rec796383165 .tn-elem[data-elem-id="1717662736197"]{color:#f5f5f5;text-align:LEFT;z-index:6;top:69px;left:calc(50% - 600px + 608px);width:75px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736197"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736197"] {left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736197"] {top:68px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736197"] {top:394px;left:calc(50% - 160px + 16px);height:auto;}}#rec796383165 .tn-elem[data-elem-id="1717662736200"]{color:#f5f5f5;text-align:LEFT;z-index:7;top:105px;left:calc(50% - 600px + 608px);width:137px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736200"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736200"] {left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736200"] {top:104px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736200"] {top:422px;left:calc(50% - 160px + 16px);height:auto;}}#rec796383165 .tn-elem[data-elem-id="1717662736203"]{color:#f5f5f5;text-align:LEFT;z-index:8;top:141px;left:calc(50% - 600px + 608px);width:120px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736203"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736203"] {left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736203"] {top:140px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736203"] {top:450px;left:calc(50% - 160px + 16px);height:auto;}}#rec796383165 .tn-elem[data-elem-id="1717662736206"]{color:#f5f5f5;text-align:LEFT;z-index:9;top:229px;left:calc(50% - 600px + 608px);width:80px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736206"] .tn-atom{color:#f5f5f5;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736206"] {top:230px;left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736206"] {top:221px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736206"] {top:352px;left:calc(50% - 160px + 180px);width:80px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736206"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736206"] .tn-atom{font-size:18px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736208"]{color:#f5f5f5;text-align:LEFT;z-index:10;top:282px;left:calc(50% - 600px + 608px);width:58px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736208"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736208"] {top:283px;left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736208"] {top:273px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736208"] {top:394px;left:calc(50% - 160px + 180px);width:58px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736208"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736208"] .tn-atom{font-size:14px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736211"]{color:#f5f5f5;text-align:LEFT;z-index:11;top:318px;left:calc(50% - 600px + 608px);width:124px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736211"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736211"] {top:319px;left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736211"] {top:309px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736211"] {top:422px;left:calc(50% - 160px + 180px);width:124px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736211"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736211"] .tn-atom{font-size:14px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736214"]{color:#f5f5f5;text-align:LEFT;z-index:12;top:354px;left:calc(50% - 600px + 608px);width:87px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736214"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736214"] {top:355px;left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736214"] {top:345px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736214"] {top:450px;left:calc(50% - 160px + 180px);width:87px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736214"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736214"] .tn-atom{font-size:14px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736216"]{color:#f5f5f5;text-align:LEFT;z-index:13;top:390px;left:calc(50% - 600px + 608px);width:110px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736216"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736216"] {top:391px;left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736216"] {top:382px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736216"] {top:478px;left:calc(50% - 160px + 180px);width:110px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736216"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736216"] .tn-atom{font-size:14px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736219"]{color:#f5f5f5;text-align:LEFT;z-index:14;top:16px;left:calc(50% - 600px + 904px);width:112px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736219"] .tn-atom{color:#f5f5f5;font-size:20px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736219"] {top:17px;left:calc(50% - 480px + 655px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736219"] {top:16px;left:calc(50% - 320px + 417px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736219"] {top:538px;left:calc(50% - 160px + 16px);width:112px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736219"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736219"] .tn-atom{font-size:18px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736221"]{color:#f5f5f5;text-align:LEFT;z-index:15;top:105px;left:calc(50% - 600px + 904px);width:207px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736221"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736221"] {top:106px;left:calc(50% - 480px + 655px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736221"] {top:105px;left:calc(50% - 320px + 417px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736221"] {top:616px;left:calc(50% - 160px + 16px);width:207px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736221"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736221"] .tn-atom{font-size:14px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736224"]{color:#f5f5f5;text-align:LEFT;z-index:16;top:69px;left:calc(50% - 600px + 904px);width:166px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736224"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736224"] {top:70px;left:calc(50% - 480px + 655px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736224"] {top:69px;left:calc(50% - 320px + 417px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736224"] {top:580px;left:calc(50% - 160px + 16px);width:166px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736224"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736224"] .tn-atom{font-size:14px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736228"]{color:#f5f5f5;text-align:LEFT;z-index:17;top:177px;left:calc(50% - 600px + 904px);width:42px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736228"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736228"] {top:178px;left:calc(50% - 480px + 655px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736228"] {top:177px;left:calc(50% - 320px + 417px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736228"] {top:688px;left:calc(50% - 160px + 16px);width:42px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736228"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736228"] .tn-atom{font-size:14px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736231"]{color:#f5f5f5;text-align:LEFT;z-index:18;top:141px;left:calc(50% - 600px + 904px);width:53px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736231"] .tn-atom{color:#f5f5f5;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736231"] {top:142px;left:calc(50% - 480px + 655px);height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736231"] {top:141px;left:calc(50% - 320px + 417px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736231"] {top:652px;left:calc(50% - 160px + 16px);width:53px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736231"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736231"] .tn-atom{font-size:14px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1719918856905"]{z-index:27;top:546px;left:calc(50% - 600px + 16px);width:108px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1719918856905"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec796383165 .tn-elem[data-elem-id="1719918856905"] .tn-atom__img {}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1719918856905"] {top:16px;width:132px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1719918856905"] .tn-atom {background-size:cover;opacity:1;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1719918856905"] {top:16px;left:calc(50% - 160px + 16px);width:111px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1719918856905"] .tn-atom {background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736234"]{color:#595959;text-align:LEFT;z-index:19;top:259px;left:calc(50% - 600px + 16px);width:117px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736234"] .tn-atom{color:#595959;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736234"] {top:260px;height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736234"] {top:327px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736234"] {top:174px;left:calc(50% - 160px + 16px);width:117px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736234"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736234"] .tn-atom{font-size:14px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736237"]{color:#595959;text-align:LEFT;z-index:20;top:333px;left:calc(50% - 600px + 16px);width:150px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736237"] .tn-atom{color:#595959;font-size:14px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736237"] {top:334px;height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736237"] {top:252px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736237"] {top:245px;left:calc(50% - 160px + 16px);width:150px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736237"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736237"] .tn-atom{font-size:14px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736239"]{color:#f5f5f5;text-align:LEFT;z-index:21;top:377px;left:calc(50% - 600px + 16px);width:157px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736239"] .tn-atom{color:#f5f5f5;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736239"] {top:378px;height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736239"] {top:371px;left:calc(50% - 320px + 16px);height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736239"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736239"] {top:289px;left:calc(50% - 160px + 16px);width:157px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736239"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736239"] .tn-atom{font-size:16px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736242"]{color:#f5f5f5;text-align:LEFT;z-index:23;top:229px;left:calc(50% - 600px + 16px);width:151px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736242"] .tn-atom{color:#f5f5f5;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736242"] {top:230px;height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736242"] {top:296px;left:calc(50% - 320px + 16px);height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736242"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736242"] {top:147px;left:calc(50% - 160px + 16px);width:129px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736242"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736242"] .tn-atom{font-size:16px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736245"]{color:#f5f5f5;text-align:LEFT;z-index:25;top:303px;left:calc(50% - 600px + 16px);width:169px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736245"] .tn-atom{color:#f5f5f5;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.45;font-weight:500;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec796383165 .tn-elem[data-elem-id="1717662736245"] {top:304px;height:auto;}}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736245"] {top:221px;left:calc(50% - 320px + 16px);height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736245"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736245"] {top:218px;left:calc(50% - 160px + 16px);width:142px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736245"] {text-align:LEFT;}#rec796383165 .tn-elem[data-elem-id="1717662736245"] .tn-atom{font-size:16px;line-height:1.45;background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec796383165 .tn-elem[data-elem-id="1717662736247"]{z-index:22;top:17px;left:calc(50% - 600px + 16px);width:32px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736247"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec796383165 .tn-elem[data-elem-id="1717662736247"] .tn-atom__img {}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736247"] {top:149px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736247"] {top:95px;left:calc(50% - 160px + 16px);width:28px;height:auto;}}#rec796383165 .tn-elem[data-elem-id="1717662736252"]{z-index:24;top:16px;left:calc(50% - 600px + 112px);width:32px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736252"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec796383165 .tn-elem[data-elem-id="1717662736252"] .tn-atom__img {}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736252"] {top:148px;left:calc(50% - 320px + 112px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736252"] {top:94px;left:calc(50% - 160px + 100px);width:28px;height:auto;}}#rec796383165 .tn-elem[data-elem-id="1717662736256"]{z-index:26;top:16px;left:calc(50% - 600px + 64px);width:32px;height:auto;}#rec796383165 .tn-elem[data-elem-id="1717662736256"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec796383165 .tn-elem[data-elem-id="1717662736256"] .tn-atom__img {}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec796383165 .tn-elem[data-elem-id="1717662736256"] {top:148px;left:calc(50% - 320px + 64px);height:auto;}}@media screen and (max-width:639px) {#rec796383165 .tn-elem[data-elem-id="1717662736256"] {top:94px;left:calc(50% - 160px + 58px);width:28px;height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="796383165" data-artboard-screens="320,640,960,1200" data-artboard-height="593" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="884" data-artboard-upscale-res-320="window" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="796383165"></div> <div class="t396__filter" data-artboard-recid="796383165"></div> <div class='t396__elem tn-elem tn-elem__7963831651717660498307' data-elem-id='1717660498307' data-elem-type='text' data-field-top-value="553" data-field-left-value="1060" data-field-width-value="124" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="852" data-field-left-res-320-value="16" data-field-top-res-640-value="554" data-field-left-res-640-value="500" data-field-top-res-960-value="554" data-field-left-res-960-value="820"> <div class='tn-atom'field='tn_text_1717660498307'>© Хекслет, 2024</div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717660498422' data-elem-id='1717660498422' data-elem-type='shape' data-field-top-value="463" data-field-left-value="608" data-field-width-value="576" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-640-value="465" data-field-left-res-640-value="815" data-field-width-res-640-value="350" data-field-left-res-960-value="411" data-field-width-res-960-value="533"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662473709' data-elem-id='1717662473709' data-elem-type='text' data-field-top-value="489" data-field-left-value="608" data-field-width-value="370" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="768" data-field-left-res-320-value="16" data-field-width-res-320-value="310" data-field-top-res-640-value="501" data-field-left-res-640-value="15" data-field-width-res-640-value="332" data-field-top-res-960-value="501" data-field-left-res-960-value="411" data-field-width-res-960-value="326"> <div class='tn-atom'field='tn_text_1717662473709'>ООО «<a href="https://ru.hexlet.io/" rel="noreferrer noopener nofollow" style="color: rgb(227, 227, 227);" target="_blank">Хекслет Рус</a>»<br>108813, г. Москва, вн.тер.г. поселение Московский, г.&nbsp;Московский, ул.&nbsp;Солнечная,д. 3А, стр. 1, помещ. 10/3<br>ОГРН 1217300010476</div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736194' data-elem-id='1717662736194' data-elem-type='text' data-field-top-value="16" data-field-left-value="608" data-field-width-value="112" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="352" data-field-left-res-320-value="16" data-field-top-res-640-value="16" data-field-left-res-640-value="251" data-field-left-res-960-value="411"> <div class='tn-atom'field='tn_text_1717662736194'>О Хекслете</div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736197' data-elem-id='1717662736197' data-elem-type='text' data-field-top-value="69" data-field-left-value="608" data-field-width-value="75" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="394" data-field-left-res-320-value="16" data-field-top-res-640-value="68" data-field-left-res-640-value="251" data-field-left-res-960-value="411"> <div class='tn-atom'><a href="https://ru.hexlet.io/pages/about"rel="nofollow"target="_blank"style="color: inherit">О нас</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736200' data-elem-id='1717662736200' data-elem-type='text' data-field-top-value="105" data-field-left-value="608" data-field-width-value="137" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="422" data-field-left-res-320-value="16" data-field-top-res-640-value="104" data-field-left-res-640-value="251" data-field-left-res-960-value="411"> <div class='tn-atom'><a href="https://hexlet-ru.notion.site/c6406ed8890747e690d32b050faf42c2"rel="nofollow"target="_blank"style="color: inherit">Карьера в Хекслете</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736203' data-elem-id='1717662736203' data-elem-type='text' data-field-top-value="141" data-field-left-value="608" data-field-width-value="120" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="450" data-field-left-res-320-value="16" data-field-top-res-640-value="140" data-field-left-res-640-value="251" data-field-left-res-960-value="411"> <div class='tn-atom'><a href="https://hexly.ru/"rel="nofollow"target="_blank"style="color: inherit">Хекслет Колледж</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736206' data-elem-id='1717662736206' data-elem-type='text' data-field-top-value="229" data-field-left-value="608" data-field-width-value="80" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="352" data-field-left-res-320-value="180" data-field-width-res-320-value="80" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="221" data-field-left-res-640-value="251" data-field-top-res-960-value="230" data-field-left-res-960-value="411"> <div class='tn-atom'field='tn_text_1717662736206'>Помощь</div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736208' data-elem-id='1717662736208' data-elem-type='text' data-field-top-value="282" data-field-left-value="608" data-field-width-value="58" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="394" data-field-left-res-320-value="180" data-field-width-res-320-value="58" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="273" data-field-left-res-640-value="251" data-field-top-res-960-value="283" data-field-left-res-960-value="411"> <div class='tn-atom'><a href="https://help.hexlet.ru/"rel="nofollow"target="_blank"style="color: inherit">Справка</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736211' data-elem-id='1717662736211' data-elem-type='text' data-field-top-value="318" data-field-left-value="608" data-field-width-value="124" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="422" data-field-left-res-320-value="180" data-field-width-res-320-value="124" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="309" data-field-left-res-640-value="251" data-field-top-res-960-value="319" data-field-left-res-960-value="411"> <div class='tn-atom'><a href="https://ru.hexlet.io/qna"rel="nofollow"target="_blank"style="color: inherit">Вопросы и ответы</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736214' data-elem-id='1717662736214' data-elem-type='text' data-field-top-value="354" data-field-left-value="608" data-field-width-value="87" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="450" data-field-left-res-320-value="180" data-field-width-res-320-value="87" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="345" data-field-left-res-640-value="251" data-field-top-res-960-value="355" data-field-left-res-960-value="411"> <div class='tn-atom'><a href="https://t.me/hexletcommunity"rel="nofollow"target="_blank"style="color: inherit">Сообщество</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736216' data-elem-id='1717662736216' data-elem-type='text' data-field-top-value="390" data-field-left-value="608" data-field-width-value="110" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="478" data-field-left-res-320-value="180" data-field-width-res-320-value="110" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="382" data-field-left-res-640-value="251" data-field-top-res-960-value="391" data-field-left-res-960-value="411"> <div class='tn-atom'><a href="https://ru.hexlet.io/pages/additional"rel="nofollow"target="_blank"style="color: inherit">Дополнительно</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736219' data-elem-id='1717662736219' data-elem-type='text' data-field-top-value="16" data-field-left-value="904" data-field-width-value="112" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="538" data-field-left-res-320-value="16" data-field-width-res-320-value="112" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="16" data-field-left-res-640-value="417" data-field-top-res-960-value="17" data-field-left-res-960-value="655"> <div class='tn-atom'field='tn_text_1717662736219'>Документы</div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736221' data-elem-id='1717662736221' data-elem-type='text' data-field-top-value="105" data-field-left-value="904" data-field-width-value="207" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="616" data-field-left-res-320-value="16" data-field-width-res-320-value="207" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="105" data-field-left-res-640-value="417" data-field-top-res-960-value="106" data-field-left-res-960-value="655"> <div class='tn-atom'><a href="https://ru.hexlet.io/pages/personal_data"rel="nofollow"target="_blank"style="color: inherit">Соглашение об обработке&nbsp;ПД</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736224' data-elem-id='1717662736224' data-elem-type='text' data-field-top-value="69" data-field-left-value="904" data-field-width-value="166" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="580" data-field-left-res-320-value="16" data-field-width-res-320-value="166" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="69" data-field-left-res-640-value="417" data-field-top-res-960-value="70" data-field-left-res-960-value="655"> <div class='tn-atom'><a href="https://ru.hexlet.io/pages/tos"rel="nofollow"target="_blank"style="color: inherit">Условия использования</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736228' data-elem-id='1717662736228' data-elem-type='text' data-field-top-value="177" data-field-left-value="904" data-field-width-value="42" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="688" data-field-left-res-320-value="16" data-field-width-res-320-value="42" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="177" data-field-left-res-640-value="417" data-field-top-res-960-value="178" data-field-left-res-960-value="655"> <div class='tn-atom'><a href="https://ru.hexlet.io/pages/promo"rel="nofollow"target="_blank"style="color: inherit">Акции</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736231' data-elem-id='1717662736231' data-elem-type='text' data-field-top-value="141" data-field-left-value="904" data-field-width-value="53" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="652" data-field-left-res-320-value="16" data-field-width-res-320-value="53" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="141" data-field-left-res-640-value="417" data-field-top-res-960-value="142" data-field-left-res-960-value="655"> <div class='tn-atom'><a href="https://ru.hexlet.io/pages/offer"rel="nofollow"target="_blank"style="color: inherit">Оферта</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651719918856905' data-elem-id='1719918856905' data-elem-type='image' data-field-top-value="546" data-field-left-value="16" data-field-width-value="108" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="110" data-field-fileheight-value="32" data-field-top-res-320-value="16" data-field-left-res-320-value="16" data-field-width-res-320-value="111" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="16" data-field-width-res-640-value="132"> <a class='tn-atom' href="https://ru.hexlet.io/" rel="nofollow" target="_blank"> <img class="tn-atom__img" src="/tp/versions/721750928198/tild6232-3031-4237-a538-646533333465__hexletlogo1.svg" alt="" imgfield="tn_img_1719918856905" loading="lazy"> </a> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736234' data-elem-id='1717662736234' data-elem-type='text' data-field-top-value="259" data-field-left-value="16" data-field-width-value="117" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="174" data-field-left-res-320-value="16" data-field-width-res-320-value="117" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="327" data-field-left-res-640-value="16" data-field-top-res-960-value="260"> <div class='tn-atom'field='tn_text_1717662736234'>Бесплатно по РФ</div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736237' data-elem-id='1717662736237' data-elem-type='text' data-field-top-value="333" data-field-left-value="16" data-field-width-value="150" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="245" data-field-left-res-320-value="16" data-field-width-res-320-value="150" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="252" data-field-left-res-640-value="16" data-field-top-res-960-value="334"> <div class='tn-atom'field='tn_text_1717662736237'>Бесплатно по Москве</div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736239' data-elem-id='1717662736239' data-elem-type='text' data-field-top-value="377" data-field-left-value="16" data-field-width-value="157" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="289" data-field-left-res-320-value="16" data-field-width-res-320-value="157" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="371" data-field-left-res-640-value="16" data-field-top-res-960-value="378"> <div class='tn-atom'field='tn_text_1717662736239'><a href="mailto:support@hexlet.io" rel="nofollow" style="color: rgb(245, 245, 245);">support@hexlet.io</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736242' data-elem-id='1717662736242' data-elem-type='text' data-field-top-value="229" data-field-left-value="16" data-field-width-value="151" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="147" data-field-left-res-320-value="16" data-field-width-res-320-value="129" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="296" data-field-left-res-640-value="16" data-field-top-res-960-value="230"> <div class='tn-atom'field='tn_text_1717662736242'><a href="tel:88001002247" rel="nofollow" style="color: rgb(245, 245, 245);">8 800 100 22 47</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736245' data-elem-id='1717662736245' data-elem-type='text' data-field-top-value="303" data-field-left-value="16" data-field-width-value="169" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="218" data-field-left-res-320-value="16" data-field-width-res-320-value="142" data-field-axisy-res-320-value="top" data-field-axisx-res-320-value="left" data-field-container-res-320-value="grid" data-field-topunits-res-320-value="px" data-field-leftunits-res-320-value="px" data-field-widthunits-res-320-value="px" data-field-top-res-640-value="221" data-field-left-res-640-value="16" data-field-top-res-960-value="304"> <div class='tn-atom'field='tn_text_1717662736245'><a href="tel:+74950852162" rel="nofollow" style="color: rgb(245, 245, 245);">+7 495 085 21 62</a></div> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736247' data-elem-id='1717662736247' data-elem-type='image' data-field-top-value="17" data-field-left-value="16" data-field-width-value="32" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="32" data-field-fileheight-value="32" data-field-top-res-320-value="95" data-field-left-res-320-value="16" data-field-width-res-320-value="28" data-field-top-res-640-value="149" data-field-left-res-640-value="16"> <a class='tn-atom' href="https://vk.com/hexlet" rel="nofollow" target="_blank"> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3463-3338-4365-b165-336337633136__vk.svg" alt="" imgfield="tn_img_1717662736247" loading="lazy"> </a> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736252' data-elem-id='1717662736252' data-elem-type='image' data-field-top-value="16" data-field-left-value="112" data-field-width-value="32" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="32" data-field-fileheight-value="32" data-field-top-res-320-value="94" data-field-left-res-320-value="100" data-field-width-res-320-value="28" data-field-top-res-640-value="148" data-field-left-res-640-value="112"> <a class='tn-atom' href="https://www.youtube.com/user/HexletUniversity" rel="nofollow" target="_blank"> <img class="tn-atom__img" src="/tp/versions/721750928198/tild6564-3737-4538-a561-643034346365__youtube_1.svg" alt="" imgfield="tn_img_1717662736252" loading="lazy"> </a> </div> <div class='t396__elem tn-elem tn-elem__7963831651717662736256' data-elem-id='1717662736256' data-elem-type='image' data-field-top-value="16" data-field-left-value="64" data-field-width-value="32" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="32" data-field-fileheight-value="32" data-field-top-res-320-value="94" data-field-left-res-320-value="58" data-field-width-res-320-value="28" data-field-top-res-640-value="148" data-field-left-res-640-value="64"> <a class='tn-atom' href="https://t.me/hexlet_ru" rel="nofollow" target="_blank"> <img class="tn-atom__img" src="/tp/versions/721750928198/tild3339-6634-4434-b237-316665616635__telegram_1.svg" alt="" imgfield="tn_img_1717662736256" loading="lazy"> </a> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('796383165');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('796383165');});});
}, 250);</script> <!-- /T396 --> </div> <div id="rec797724617" class="r t-rec cva" 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 --> <!--!ANNEXX!--><!--!ANX812-1!--!><!--![{"id":"","data":""},{"id":"anxcommentblock","data":""},{"id":"blocks","data":".r:not([data-record-type='396'])"},{"id":"excludeblocks","data":""},{"id":"width-custom","data":""},{"id":"popup","data":"false"},{"id":"popupItem","data":"true"},{"id":"popupPost","data":"true"},{"id":"","data":""},{"id":"2560max","data":"0"},{"id":"1920max","data":"0"},{"id":"1680-1920","data":"0"},{"id":"1440-1680","data":"0"},{"id":"1366-1440","data":"0"},{"id":"1200max","data":"0"},{"id":"960-1200","data":"0"},{"id":"640-960","data":"0"},{"id":"480-640","data":"0"},{"id":"min480","data":"0"},{"id":"","data":""},{"id":"resetmargin","data":"false"},{"id":"padding2560max","data":"-1"},{"id":"padding1920max","data":"-1"},{"id":"padding1680-1920","data":"-1"},{"id":"padding1440-1680","data":"-1"},{"id":"padding1366-1440","data":"-1"},{"id":"padding1200max","data":"-1"},{"id":"padding960-1200","data":"-1"},{"id":"padding640-960","data":"-1"},{"id":"padding480-640","data":"-1"},{"id":"paddingmin480","data":"-1"},{"id":"","data":""},{"id":"disableZoom","data":"false"},{"id":"scale2560max","data":"100"},{"id":"scale1920max","data":"100"},{"id":"scale1680-1920","data":"100"},{"id":"scale1440-1680","data":"100"},{"id":"scale1366-1440","data":"100"},{"id":"scale1200max","data":"100"},{"id":"scale960-1200","data":"100"},{"id":"scale640-960","data":"100"},{"id":"scale480-640","data":"100"},{"id":"scalemin480","data":"100"},{"id":"fixaltscaleblocks","data":""},{"id":"alternativescale","data":"false"},{"id":"","data":""},{"id":"photoItem2560max","data":"0"},{"id":"textItem2560max","data":"0"},{"id":"photoItem1920max","data":"0"},{"id":"textItem1920max","data":"0"},{"id":"photoItem1680-1920","data":"0"},{"id":"textItem1680-1920","data":"0"},{"id":"photoItem1440-1680","data":"0"},{"id":"textItem1440-1680","data":"0"},{"id":"photoItem1366-1440","data":"0"},{"id":"textItem1366-1440","data":"0"},{"id":"photoItem1200max","data":"0"},{"id":"textItem1200max","data":"0"},{"id":"photoItem960-1200","data":"0"},{"id":"textItem960-1200","data":"0"},{"id":"photoItem640-960","data":"0"},{"id":"textItem640-960","data":"0"},{"id":"photoItem480-640","data":"0"},{"id":"textItem480-640","data":"0"},{"id":"photoItemmin480","data":"0"},{"id":"textItemmin480","data":"0"},{"id":"fixedscale","data":""},{"id":"noheader","data":"true"},{"id":"nofooter","data":"true"},{"id":"overflowFix","data":"false"},{"id":"whiteplaceFix","data":"false"},{"id":"сontentsFix","data":"false"},{"id":"fontscaleFix","data":"true"},{"id":"width-checkbox","data":"0-479,480-639"},{"id":"min-width-adaptive","data":"-1"},{"id":"max-width-adaptive","data":"-1"},{"id":"multimod","data":"false"}]!--> <script>setTimeout(function() {
  (function() { function getScript(url) { return new Promise(function(resolve, reject) { if (window.jQuery && /jquery@/.test(url)) resolve(); else { var script = document.createElement('script'); script.src = url; script.async = true; script.onload = resolve; script.onerror = reject; document.head.appendChild(script); } }); } getScript("https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js") .then(function() { let arrWidth = "0-479,480-639".split(/,\s|,/g).map(e => e.split('-').map(e => +e)); function checkWidth() { let minmaxadapt = [-1,-1], w = window.innerWidth; if (minmaxadapt.every(e => e !== -1)) { return minmaxadapt[0] <= w && w <= minmaxadapt[1] ? true : false; } else return arrWidth.some(e => e[0] <= w && w <= e[1] ? true : false ); } if (false && ((-1 !== -1 && -1 !== -1) || "0-479,480-639") && !checkWidth()) return false; let int = setInterval(function() { if (typeof t_store_pagination_addEvents === "function") { clearInterval(int); t_store_pagination_addEvents = function (recid, options) { var rec = document.getElementById("rec" + recid) , buttons = rec.querySelectorAll(".js-pagination-item") , pagination = rec.querySelector(".t-store__pagination") , gridContainer = rec.querySelector(".js-store-grid-cont") , addStyles = t_store_pagination_getButtonStyles(options) , hoverColor = "rgba(0, 0, 0, 0.05)"; addStyles.bgColorRgba && (addStyles.bgColorRgba[addStyles.bgColorRgba.length - 1] = .05, hoverColor = "rgba(" + addStyles.bgColorRgba.join(", ") + ")"), Array.prototype.forEach.call(buttons, (function(button) { button.addEventListener("mouseenter", (function() { this.style.backgroundColor = hoverColor } )), button.addEventListener("mouseleave", (function() { this.style.backgroundColor = "unset" } )), button.addEventListener("click", (function() { var container = this.closest(".t-store__pagination") , pageNum = Number(this.getAttribute("data-page-num")) , activePage = Number(container.getAttribute("data-active-page")) , maxPage = Number(container.getAttribute("data-total-pages")) , isNext = "next" === this.getAttribute("data-control-type") , isPrev = "prev" === this.getAttribute("data-control-type") , slice = pageNum; if ((isNaN(pageNum) || pageNum !== activePage) && (isNext ? slice = activePage + 1 <= maxPage ? activePage + 1 : maxPage : isPrev ? slice = activePage - 1 >= 1 ? activePage - 1 : 1 : isNaN(pageNum) || (slice = pageNum), isNext || isPrev || !isNaN(pageNum))) { pagination.setAttribute("data-active-page", slice), pagination.setAttribute("data-total-pages", maxPage), t_store_pagination_updateUrl(recid, slice); var heightContainer = gridContainer.offsetHeight; heightContainer && (gridContainer.style.height = heightContainer + "px"), gridContainer.innerHTML = "", t_store_showLoadersForProductsList(recid, options); var el_store = this.closest(".r"); let zoom = getComputedStyle(el_store).zoom; el_store && ("scrollBehavior"in document.documentElement.style ? window.scrollTo({ left: 0, top: zoom ? el_store.offsetTop * zoom - 50 : el_store.getBoundingClientRect().top + window.pageYOffset - 50, behavior: "smooth" }) : window.scrollTo(0, el_store.getBoundingClientRect().top + window.pageYOffset - 50)), t_store_loadProducts("", recid, options, slice) } } )) } )) } } },100); let int2 = setInterval(function() { if (typeof t585__calcHeight === "function") { clearInterval(int2); t585__calcHeight = function(element, container, activeHeight, isAccordionDown) { var windowHeight = window.innerHeight; var windowScroll = window.scrollY; var containerHeight = container.scrollHeight; var accordionHeight = containerHeight + element.offsetHeight; var elementTopOffset = element.getBoundingClientRect().top + windowScroll; var target = isAccordionDown ? elementTopOffset - activeHeight : elementTopOffset; if (container.closest('.r').style.zoom) target *= +container.closest('.r').style.zoom; var accordionBottomLine = target + accordionHeight; var windowBottomLine = windowScroll + windowHeight; if (target < windowScroll || accordionHeight > windowHeight || accordionBottomLine > windowBottomLine) { t585__scroll(isMobile ? target : target / (+element.closest('.r').style.zoom ? +element.closest('.r').style.zoom : 1)) } } } },100); let int3 = setInterval(function() { if (typeof t_beforeafter__updateSlider === "function") { clearInterval(int3); t_beforeafter__updateSlider = function (e, t) { var r, o, b = t.options.wrapper.closest(".r"), z = b ? +b.style.zoom : 0; t.options.rendered ? r = ("vertical" === t.options.mode ? t_beforeafter__getTopPercent : t_beforeafter__getLeftPercent)(t.slider, e) : (r = parseInt(e, 10), t.options.rendered = !0), r = r.toFixed(2) / (z ? z : 1) + "%", e = 100 - (o = parseFloat(r)) + "%", 0 < o && o < 100 && ("vertical" === t.options.mode ? (t.handle.style.top = r, t.leftImage.style.height = r, t.rightImage.style.height = e) : (t.handle.style.left = r, t.leftImage.style.width = r, t.rightImage.style.width = e), t.sliderPosition = r) }; } },100); let int4 = setInterval(function() { if (typeof t806_scrollToTop === "function") { clearInterval(int4); t806_scrollToTop = function (t) { var target = t, e = t.querySelector(".t806"), r = t.getBoundingClientRect().top + window.pageYOffset; let zoom = +t.closest(".r").style.zoom, offsetT = (function() { let o = 0, t = target; while (t.offsetTop || (t.offsetParent && t.offsetParent.offsetTop)) { o += t.offsetTop; t = t.offsetParent; } return o; }()); offsetT >= window.scrollY || e.classList.contains("t806_scroll-disabled") || window.scrollTo(0, parseInt(offsetT * (zoom ? zoom : 1), 10)); }; } },100); let int5 = setInterval(function() { if (typeof t668__calcHeight === "function") { clearInterval(int5); t668__calcHeight = function (element, container, activeHeight, isAccordionDown) { let zoom = +container.closest(".r").style.zoom; var windowHeight = window.innerHeight; var windowScroll = window.scrollY; var containerHeight = container.scrollHeight; var accordionHeight = containerHeight + element.offsetHeight; var elementTopOffset = element.getBoundingClientRect().top + windowScroll; var target = isAccordionDown ? elementTopOffset - activeHeight : elementTopOffset; var accordionBottomLine = target + accordionHeight; var windowBottomLine = windowScroll + windowHeight; if (target < windowScroll || accordionHeight > windowHeight || accordionBottomLine > windowBottomLine) { setTimeout(() => { let c = container.closest(".t668__col"); t668__scroll((c.offsetParent.offsetTop + c.offsetTop) * (zoom ? zoom : 1)); },400); } }; } },100); setTimeout(function() { clearInterval(int); clearInterval(int2); clearInterval(int3); clearInterval(int4); clearInterval(int5); }, 5e3); $(function () { function annexxAddStyle(numberMod, codestyle) { let styleBlock = document.querySelector('head > #annexxStyle' + numberMod); if (!styleBlock) { document.querySelector('head').insertAdjacentHTML('beforeend','<style id="annexxStyle' + numberMod + '"></style>'); styleBlock = document.querySelector('head > #annexxStyle' + numberMod); } let t = (function() { return !Array.from(styleBlock.childNodes).some(function(e) { if (e.textContent === codestyle) { return true; } }); }()); if (t) styleBlock.insertAdjacentHTML('beforeend',codestyle); } annexxAddStyle('812' , ` div[data-record-type="215"] { zoom: 1 !important; } div[style*="scale"] .t-store__filter__chosen-bar { position: relative !important; } `); if ('') { let arrW = ''.replace(/[^\d|,|:|\.]/gi,'').split(',').map(e => e.split(':').map(e => +e)).sort((a,b) => a[0] - b[0]), arrWreverse = arrW.slice().reverse(); bl = $(".r:not([data-record-type='396']):not('')"); function fixedScale() { let ww = window.innerWidth; if (ww < arrW[0][0]) { bl.each((i,el) => { if (!$(el).data('annexx-zoom')) $(el).css('zoom',''); }); } else { arrWreverse.some(e => { if (ww >= e[0]) { bl.each((i,el) => $(el).css('zoom',e[1] / 100)); return true; } else return false; }); } } fixedScale(); $(window).on("resize",fixedScale); setTimeout(function() { t270_getTarget = function(hash, offset) { var target; try { if (hash.substring(0, 1) === '#') { target = document.getElementById(hash.substring(1)) } else { target = document.querySelector(hash) } } catch (event) { console.log('Exception t270: ' + event.message); return } if (!target) { target = document.querySelector('a[name="' + hash.substr(1) + '"]'); if (!target) return } let zoom = +target.closest(".r").style.zoom, offsetT = (function() { let o = 0, t = target; while (t.offsetTop || (t.offsetParent && t.offsetParent.offsetTop)) { o += t.offsetTop; t = t.offsetParent; } return o; }()); target = parseInt((offsetT * (zoom ? zoom : 1)) - offset, 10); target = Math.max(target, 0); return target }; }, 1e3); } else { if ('') { annexxAddStyle('812', ` {transform: none !important;} `); } if (false) { annexxAddStyle('812', ` .annexxFixOverflowAllrecords {overflow: hidden !important;} `); } let smoothScrollFixScale = 1; setTimeout(function() { t_feed_showPopup = function(e, t, o) { let block = document.querySelector("#rec" + e); var r, a = block.querySelector(".t-feed__post-popup.t-popup"), s = a.querySelector(".t-feed__post-popup__arrow-top"), d = window.location['href']; a.style.display = "block", a.classList.add("t-popup_show"), setTimeout((function() { a.querySelector(".t-popup__container").classList.remove("t-feed__post-popup__container_loading"); } ), 300), setTimeout((function() { a.querySelector(".t-popup__container").classList.add("t-popup__container-animated"), "y" !== window.lazy && "yes" !== document.querySelector("#allrecords").getAttribute("data-tilda-lazy") || t_feed_onFuncLoad("t_lazyload_update", (function() { t_lazyload_update() } )); if (block.style) block.style.transform = ""; } ), 50), document.body.classList.add("t-body_popupshowed"), t_feed_getCountOfViews(a), s && (a.addEventListener("scroll", (function() { t_feed_addPostPopupArrowTop(this, s) } )), s.addEventListener("click", (function() { t_feed_scrollTo(a, 0, 300) } ))), t_feed_openShare(a), t_feed_sendDataToAnalytics(a, t), document.querySelector(".js-feed-popup-close").addEventListener("click", (function() { t_feed_closePopup(e, o, d) } )), window.addEventListener("beforeprint", (function() { document.location.reload() } )) }; t835_scrollToTop = function (t) { var e = t.getBoundingClientRect().top + window.pageYOffset , r = t.closest(".t835"); if (!(e >= window.scrollY || r.classList.contains("t835_scroll-disabled"))) { var o; if (!!document.querySelector(".t228__positionfixed")) { var n = document.querySelector(".t228__positionfixed:not(.t228__mobile)") , s = parseFloat(window.getComputedStyle(n).height); window.isMobile || isNaN(s) || (e = e - s - 5) } let zoom = t.closest('.r').style.zoom; window.scrollTo(0, e); /* window.scrollTo(0, e * (zoom ? +zoom : 1)); */ } }; t270_getTarget = function(hash, offset) { var target; try { if (hash.substring(0, 1) === '#') { target = document.getElementById(hash.substring(1)) } else { target = document.querySelector(hash) } } catch (event) { console.log('Exception t270: ' + event.message); return } if (!target) { target = document.querySelector('a[name="' + hash.substr(1) + '"]'); if (!target) return } let zoom = +target.closest(".r").style.zoom, offsetT = (function() { let o = 0, t = target; while (t.offsetTop || (t.offsetParent && t.offsetParent.offsetTop)) { o += t.offsetTop; t = t.offsetParent; } return o; }()); /*target = parseInt((offsetT * (zoom ? zoom : 1)) - offset, 10);*/ target = parseInt(offsetT - offset, 10); target = Math.max(target, 0); return target }; t_submenublocks__calcSubmenuX = function(e, t, n) { let zoom = +t.closest(".r").style.zoom; var o, u = window.innerWidth, s = ".t978" === n, l = e.closest(".t975__menu-link") || t_submenublocks__getZeroBottomMenu(e), c = (s && (d = t.querySelector(".t978__menu"), i = t.querySelector(".t978__innermenu")), t.style.display = "block", (d || t).offsetWidth), s = (s && (i.style.display = "block", a = i.offsetWidth, i.style.display = ""), t.style.display = "", Math.ceil(c + 20) > u && (t.style.maxWidth = (c = u - 20) + "px"), e.classList.contains("t-btn") ? e.offsetWidth : t_submenublocks__getValueWithoutPadding(e, "width")), i = e.getBoundingClientRect().left + window.pageXOffset, r = i + s / 2, _ = r, b = e.querySelector(n + "__arrow") ? 12 : 0, m = "left", a = ((_ = e.closest(".t396__artboard") ? r = (i = t_submenublocks__setScaleFactor(i, e = t_submenublocks__getScaleFactor(e))) + (s *= e) / 2 : _) + c / 2 < u ? (_ -= c / 2, Math.round(_) <= 0 && (_ = 10)) : (_ = 10, m = "right"), d && !l && (u < _ + c + a && "right" !== m && (m = "right", _ = u - _ - c), "right" === m && (d.style.order = "1")), e = c / 2 - 10, ("left" === m ? (o = _) + c / 2 : (o = u - _ - c, u - (_ + c / 2))) !== r && (e = o < i ? l && "left" === m ? r - _ + 10 : "left" === m ? r - _ - 10 : u - r - _ - 10 : s / 2 - 10 - b), t.style[m] = Math.round(_) / (zoom ? zoom : 1) + "px", t.querySelector(n + "__tooltip-menu-corner")), d = t.querySelector(n + "__tooltip-menu-corner-border"); a && (a.style.left = "auto", a.style.right = "auto", a.style[m] = e + "px"), d && (d.style.left = "auto", d.style.right = "auto", d.style[m] = e + "px") }; t_submenublocks__calcSubmenuY = function(e, t, n, o) { let zoom = +t.closest(".r").style.zoom; t.style.display = "block"; var u, s = t.offsetHeight, l = (t.style.display = "", window.pageYOffset), c = t_submenublocks__getValueWithoutPadding(e, "height"), i = t_submenublocks__isAnchorInsideFixedMenu(e, t), r = e.getBoundingClientRect().top, n = t_submenublocks__getCurrentVerticalIndent(n), _ = window.isSafari, b = (_ && (r += l), t_submenublocks__getScaleFactor(e)), r = t_submenublocks__setScaleFactor(r, b), i = (i ? (u = r + c + n, _ && (u -= l), t.style.position = "fixed") : (u = r + c + n, _ || (u += l)), t.querySelector(o + "__tooltip-menu-corner")), r = t.querySelector(o + "__tooltip-menu-corner-border"), _ = (u + s > l + window.innerHeight && s <= u && s < u - l ? (u = Math.max(u - s - c - 2 * n, l), i && (i.classList.remove(o.slice(1) + "__tooltip-menu-corner_bottom"), i.classList.add(o.slice(1) + "__tooltip-menu-corner_top")), r && (r.classList.remove(o.slice(1) + "__tooltip-menu-corner-border_bottom"), r.classList.add(o.slice(1) + "__tooltip-menu-corner-border_top"))) : (i && (i.classList.remove(o.slice(1) + "__tooltip-menu-corner_top"), i.classList.add(o.slice(1) + "__tooltip-menu-corner_bottom")), r && (r.classList.remove(o.slice(1) + "__tooltip-menu-corner-border_top"), r.classList.add(o.slice(1) + "__tooltip-menu-corner-border_bottom"))), t.style.top = Math.round(u) / (zoom ? zoom : 1) + "px", t_submenublocks__getZeroBottomMenu(e)), s = (_ || (t.style.bottom = ""), e.closest(".t975__wrapper") || _); s && (t.style.top = "", u = s.offsetHeight + n, c = e.closest(".t396__elem"), _ && c && (u -= t_submenublocks__setScaleFactor(parseInt(c.style.top, 10) || 0, b)), t.style.bottom = Math.round(u) + "px", r && r.classList.add(o.slice(1) + "__tooltip-menu-corner-border_top"), r && r.classList.remove(o.slice(1) + "__tooltip-menu-corner-border_bottom"), i && i.classList.add(o.slice(1) + "__tooltip-menu-corner_top"), i && i.classList.remove(o.slice(1) + "__tooltip-menu-corner_bottom")) }; t_submenublocks__processSubmenuHeight = function(e, t, n, o, u) { let zoom = +t.closest(".r").style.zoom; var s; t && ((t = (s = window.innerWidth <= 980) && ".t978" === n ? e.querySelector(".t978__content") : t).style.height = "", n = "fixed" === e.style.position, "close" === o || s && !n ? t.style.overflowY = "" : (o = e.getBoundingClientRect(), n = s ? document.documentElement.clientHeight : window.innerHeight, o.bottom < n && 0 < o.top || (e = n - 40, e -= u ? n - o.bottom : 0 < o.top ? o.top : o.bottom, t.style.height = zoom ? "" : e + "px", t.style.overflowY = "scroll"))) } }, 1e3); if ((-1 !== -1 && -1 !== -1) || "0-479,480-639") { let $zoomBlock = $(".r:not([data-record-type='396']):not('.t-feed__post-popup__cover-wrapper, .t-feed__post-popup__text-wrapper'):not('')"), arrWidth = "0-479,480-639".split(/,\s|,/g).map(e => e.split('-').map(e => +e)), $allrecords = $('#allrecords'), ww, viewport = document.querySelector('meta[name="viewport"]'); if (".r:not([data-record-type='396'])" !== ".r:not([data-record-type='396'])") { $zoomBlock.data("annexx-zoom-skip",true); } if (/\/tproduct\//gi.test(location['href'])) { $zoomBlock.add($('.t-store').closest('.r')); } if (true) { annexxAddStyle('812', `${(function() { return Array.from($zoomBlock).map(e => '#' + e.id + ',' + '#' + e.id + ' *').join(','); }())} {-webkit-text-size-adjust: initial !important;}` ); } function zoom(popup, skip) { let w = window.innerWidth, overflowHidden, rw; function corrector(e) { if (w >= 2560) { return e + (0 / 1000); } else if (w >= 1920) { return e + (0 / 1000); } else if (w >= 1680) { return e + (0 / 1000); } else if (w >= 1440) { return e + (0 / 1000); } else if (w >= 1366) { return e + (0 / 1000); } else if (w >= 1200) { return e + (0 / 1000); } else if (w >= 960) { return e + (0 / 1000); } else if (w >= 640) { return e + (0 / 1000); } else if (w >= 480) { return e + (0 / 1000); } else if (w < 480) { return e + (0 / 1000); } } function padding() { $zoomBlock.each((i,e) => { let t = $(e).find('.js-feed').length ? 100 : 0; if (".r:not([data-record-type='396'])" === ".r:not([data-record-type='396'])" && $(e).data("annexx-zoom-skip")) return false; setTimeout(() => { let $paddingEl = $(e).find(".t-col, .t-container .t-col, .t-container .t397__col, .t395 .t-container, .t786__container .t786__col, .js-store-grid-cont").filter((i,e) => (true && $(e).closest('#t-header').length) || (true && $(e).closest('#t-footer').length) ? false : true); if ($(e).find('.js-product').length) $paddingEl = $paddingEl.add($(e).find('.t-container, .t786__container, .t776__container_mobile-grid, .t754__container_mobile-grid, .t-store__stretch-col')); if ($(e).find('.t-feed__post-popup').length) $paddingEl = $paddingEl.add($(e).find('.t-feed__post-popup')); function setPadding(d) { if (d !== -1) { $paddingEl.each((i,e) => { let prefix = /t-prefix/.test($(e).attr('class')); if (prefix) { if (+parseInt($(e).css('right')) === d) return; $(e).css({ 'position': 'relative', 'right': d + 'px', }); } else { if (+parseInt($(e).css('padding-left')) === d) return; $(e).css({ 'padding-left': d + 'px', 'padding-right': d + 'px', }); } if (false) { $(e).closest('.t-container').css({ 'margin-left': 0, 'margin-right': 0 }); } }); } else { $paddingEl.each((i,e) => { let prefix = /t-prefix/.test($(e).attr('class')); if (prefix) { if (parseInt($(e).css('right')) === '') return; $(e).css({ 'position': '', 'right': '', }); } else { if (parseInt($(e).css('padding-left')) === '') return; $(e).css({ 'padding-left': '', 'padding-right': '', }); } }); } } if (w >= 2560) { setPadding(-1); } else if (w >= 1920) { setPadding(-1); } else if (w >= 1680) { setPadding(-1); } else if (w >= 1440) { setPadding(-1); } else if (w >= 1366) { setPadding(-1); } else if (w >= 1200) { setPadding(-1); } else if (w >= 960) { setPadding(-1); } else if (w >= 640) { setPadding(-1); } else if (w >= 480) { setPadding(-1); } else if (w < 480) { setPadding(-1); } }, t); }); } padding(); setTimeout(padding, 200); if (w < 480) rw = 320; else if (w < 640) rw = 480; else if (w < 960) rw = 640; else if (w < 1200) rw = 960; else rw = 1200; let wc = ''; if (wc) { wc = wc.split(','); wc.forEach(e => { if (w >= e) rw = e; }); } if (ww === w && !skip) return; let z = w / rw * (/device\-width/i.test(viewport.getAttribute('content')) ? 1 : 0.96), z2 = smoothScrollFixScale = rw / w, nottype = [706, 1002, 868, 316, 702, 390, 945, 862, 746, 756, 766, 750, 364, 365, 331, 358, 684], popupIncrease = false, popupClass = ".t-popup", disableZoom = false; ww = w; $zoomBlock.each(function (i, e) { let type = +$(e).data("record-type"); if ((".r:not([data-record-type='396'])" === ".r:not([data-record-type='396'])" && $(e).data("annexx-zoom-skip")) || (!popup && !!$(e).data('annexx-zoom') && +$(e).data('annexx-zoom') === z && !$(e).data("annexx-zoom-skip"))) return false; $(e).data('annexx-zoom', z); if (type === 396 || type === 1093 || (!popupIncrease && nottype.indexOf(type) !== -1) || (type === 121 && $(e).find('.t396').length)) return; if ((true && $(e).closest('#t-header').length) || (true && $(e).closest('#t-footer').length)) return; if ($(e).find(".t-cover__carrier").length && $(e).find(".t-cover__carrier").data("content-cover-height").indexOf("vh") !== -1) e = $(e).find(".t-container"); if ($(e).find(".t492__blocktable").length && $(e).find(".t492__blocktable").attr("style").indexOf("vh") !== -1) e = $(e).find(".t-title, .t-descr"); $(e).find('.t-store').css("zoom", ""); $(e).find('.t-feed__post-popup').css("zoom", ""); $(e).find('.t-feed__post-popup__container').css("transition", "transform .9s cubic-bezier(.19,1,.22,1)"); /* z <= 1 || remove from checked*/ if (!checkWidth() || disableZoom) { $(e).css("zoom", 1); $(e).find(popupClass).css("zoom", corrector(1)); } else { $(e).css("zoom", corrector(z)); let $wrapper = $(e).find(".t-slds__arrow_wrapper"); if ($wrapper.length) { setTimeout(function() { $wrapper.each((i,e) => { e.style.width = parseInt(getComputedStyle(e).width) / z + "px"; }); },500); } if (/\/tproduct\//gi.test(location['href']) && !true) { $(e).find('.t-store').css("zoom", z2); } else if (/\/tpost\//gi.test(location['href']) && !true && $(e).find('.t-feed__post-popup').length) { $(e).find('.t-feed__post-popup').css("zoom", z2); } else if (!/\/tproduct\/|\/tpost\//gi.test(location['href']) && !popupIncrease && !$(e).find('.t-store').length) { $(e).find(popupClass).css("zoom", z2); } else { $(e).find(popupClass + ', .t-store').css("zoom", 0.96); } } function scale() { let notScaleType = [978, 897, 776]; function setScale(d,catalog) { if (!(/\/tproduct\/|\/tpost\//gi.test(location['href']) && !true) && !(notScaleType.indexOf(type) !== -1 && $(e).find(".t-popup_show").length) && (d !== 100 || false)) { overflowHidden = true; let s = d / 100, margin = false ? 0 : ($(e).height() + Number.parseInt($(e).css('padding-top')) + Number.parseInt($(e).css('padding-bottom'))) * (s - 1); if (!$(e).find(".js-feed .t-slds").length && false) { $(e).css({ 'margin-bottom': Math.floor(margin) + 'px', }); $(e).children("div").css({ 'transform': 'scale(' + s + ')', 'transform-origin': 'top center', }); if (false) { $(e).css({ 'display': 'contents', }); } } else { if ($(e).find(".js-feed .t-slds").length) e = $(e).find(".js-feed .t-slds"); $(e).css({ 'transform': 'scale(' + s + ')', 'transform-origin': 'top center', 'margin-bottom': Math.floor(margin) + 'px', }); if (false) { $(e).css({ 'display': 'contents', }); } } } else { $(e).css({ 'transform': '', 'display': '', }); $(e).children("div").css({ 'transform': '', 'transform-origin': '', }); if (false) { $(e).css({ 'display': '', }); } } if (!catalog && $(e).find('.js-store-grid-cont, .js-feed').length) setTimeout(() => {setScale(d,true)},1e3); } function setZoomPhotoTextItem(p,t) { if (p) { $(e).find('.t-store__prod-popup__slider').css('zoom', 1 + p / 1000); } else $(e).find('.t-store__prod-popup__slider').css('zoom', ''); if (t) { $(e).find('.t-store__prod-popup__info').css('zoom', 1 + t / 1000); } else $(e).find('.t-store__prod-popup__info').css('zoom', ''); } setTimeout(function() { if (w >= 2560) { setScale(100); setZoomPhotoTextItem(0 , 0); } else if (w >= 1920) { setScale(100); setZoomPhotoTextItem(0 , 0); } else if (w >= 1680) { setScale(100); setZoomPhotoTextItem(0 , 0); } else if (w >= 1440) { setScale(100); setZoomPhotoTextItem(0 , 0); } else if (w >= 1366) { setScale(100); setZoomPhotoTextItem(0 , 0); } else if (w >= 1200) { setScale(100); setZoomPhotoTextItem(0 , 0); } else if (w >= 960) { setScale(100); setZoomPhotoTextItem(0 , 0); } else if (w >= 640) { setScale(100); setZoomPhotoTextItem(0 , 0); } else if (w >= 480) { setScale(100); setZoomPhotoTextItem(0 , 0); } else if (w < 480) { setScale(100); setZoomPhotoTextItem(0 , 0); } }, 200); } scale(); }); if (overflowHidden || false) { $('body').css('overflow-x','hidden'); $allrecords.addClass('annexxFixOverflowAllrecords'); } else $allrecords.removeClass('annexxFixOverflowAllrecords'); } zoom(); if ($zoomBlock.find(".t-feed__container").length) { setTimeout(function() { zoom(false, true); }, 2e3); } if (window.isSafari && window.isMobile) { $zoomBlock.each((i,e) => { annexxAddStyle('812' , ` #${e.id} * { word-break: normal !important; } `); }); } window.addEventListener("load", function() { zoom(); if (document.querySelector(".t744") && navigator.maxTouchPoints) window.dispatchEvent(new CustomEvent("resize")); }); $(window).on("resize", zoom); $(document).on("click", ".t-store, .t-feed, div[data-elem-type='button']", function () { c = true; ww = undefined; zoom(true); }); $(document).on("change", '.t397__select', function () { ww = undefined; setTimeout(zoom, 200); }); setTimeout(function() { $zoomBlock.each((i,e) => { if ($(e).find(".t-store, .js-product, .js-feed-post").length) { let scale; $(e).on("click", e => { e = e.target.closest('.r'); if ($(e).find(".t-popup").length) { setTimeout(() => { if ($(e).find(".t-popup_show").length) { scale = $(e).css('transform') !== 'none' && /matrix/.test($(e).css('transform')) ? $(e).css('transform') : ''; $(e).css('transform', ''); } else { zoom(true); } },50); } }); } else if ($(e).find(".t668__accordion").length) { $(e).on("click", e => { if (!$(e).find(".t668__opened").length) { setTimeout(function() { c = true; ww = undefined; zoom(true); },200); } }); } }); }, 2e3); setTimeout(function() { document.querySelectorAll(".tooltipstered:not(.annexx-fix-tooltip)").forEach(e => { e.classList.add("annexx-fix-tooltip"); let zoom = +e.closest(".r").style.zoom; if (zoom) { window.addEventListener("resize", function() { setTimeout(function() { zoom = +e.closest(".r").style.zoom; },1e3); }); let int; e.addEventListener("mouseover",function() { clearInterval(int); int = setInterval(function() { let tooltip = document.body.querySelector(".tooltipster-base"); if (tooltip) { clearInterval(int); tooltip.style.position = "fixed"; let rectE = e.getBoundingClientRect(), rectT = tooltip.getBoundingClientRect(), left = (rectE.left + rectE.width / 2) * zoom - rectT.width / 2; if (tooltip.querySelector(".tooltipster-arrow-top")) { tooltip.style.top = rectE.top * zoom - rectT.height + "px"; tooltip.style.left = (left > 0 ? left : 0) + "px"; } else if (tooltip.querySelector(".tooltipster-arrow-bottom")) { tooltip.style.top = (rectE.top + rectE.height) * zoom + "px"; tooltip.style.left = (left > 0 ? left : 0) + "px"; } else tooltip.style.position = ""; } },50); }); } }); }, 500); } } }); }); }());
}, 260);</script> <!-- nominify end --> </div> </div> </div> </div> </div> <!--/allrecords--> <!-- Stat --> <script>setTimeout(function() {
 if(!window.mainTracker) {window.mainTracker='tilda';}
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,'f09f0a143503c3d162e02680fc87d482','script','/tp/versions/721750928198/tilda-stat-1.0.min.js');},2000);
}, 270);</script> <script type="application/ld+json">{"@context":"https://schema.org","@type":"Course","name":"Трек: Основы веб-разработки","description":"Здесь вы познакомитесь с основами верстки, программированию на JavaScript. Курсы этого трека помогут освоить все ключевые навыки, которые нужны фронтенд-разработчику для создания статических и интерактивных веб-страниц.","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":256},"url":"https://hexlet.io/programs/web-development-free","provider":{"@context":"https://schema.org","@type":"Organization","name":"Hexlet","url":"https://hexlet.io/","sameAs":["https://www.facebook.com/Hexlet","https://www.youtube.com/user/HexletUniversity","https://twitter.com/HexletHQ","https://soundcloud.com/hexlet"],"legalName":"ООО «Хекслет Рус»","address":"108813, г. Москва, вн.тер.г. поселение Московский, г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3","telephone":"+7 495 085 21 62","logo":{"@type":"ImageObject","url":"https://hexlet.io/images/hexlet_logo.png"}},"timeRequired":"P1M","hasCourseInstance":{"@type":"CourseInstance","name":"Трек: Основы веб-разработки","startDate":"Asynchronous","endDate":"Asynchronous","courseMode":"online"},"teaches":[],"offers":{"@type":"Offer","category":"Education","url":"https://hexlet.io/programs/194/payment/new","price":3900,"priceCurrency":"RUB","priceValidUntil":"2027-02-26","itemCondition":"https://schema.org/NewCondition","availability":"https://schema.org/OnlineOnly","hasMerchantReturnPolicy":{"@type":"MerchantReturnPolicy","applicableCountry":"RU","returnPolicyCategory":"https://schema.org/MerchantReturnFiniteReturnWindow","merchantReturnDays":60,"returnMethod":"https://schema.org/ReturnByMail","returnFees":"https://schema.org/FreeReturn"},"shippingDetails":{"@type":"OfferShippingDetails","shippingRate":{"@type":"MonetaryAmount","value":1,"currency":"RUB"},"deliveryTime":{"@type":"ShippingDeliveryTime","handlingTime":{"@type":"QuantitativeValue","minValue":0,"maxValue":1,"unitCode":"DAY"},"transitTime":{"@type":"QuantitativeValue","minValue":1,"maxValue":2,"unitCode":"DAY"}},"shippingDestination":{"@type":"DefinedRegion","addressCountry":"RU"}}}}</script>
<form id="self_payment_form" action="/programs/web-development-free/member/create_with_payment" accept-charset="UTF-8" method="post"><input id="self_payment_price_kind" type="hidden" name="price_kind" />
</form><script>
  const selfPaymentSubmitForm = (priceKind) => {
    const form = document.getElementById('self_payment_form');
    const priceKindInput = document.getElementById('self_payment_price_kind');
    priceKindInput.setAttribute('value', priceKind);
    form.submit();
  };
</script>
<script src="/vite/assets/tilda_landing_forms-BAFbzjqW.js" crossorigin="anonymous" type="module" defer="defer"></script><link rel="modulepreload" href="/vite/assets/exports-C_MrNx_T.js" as="script" crossorigin="anonymous" defer="defer">
<link rel="modulepreload" href="/vite/assets/js.cookie-D1-O8zkX.js" as="script" crossorigin="anonymous" defer="defer">
<noscript>
<div>
<img alt="" src="https://mc.yandex.ru/watch/25559621" style="position:absolute; left:-9999px;">
</div>
</noscript>


<script src="/vite/assets/tilda_analytics-C04sE2ts.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="/vite/assets/ahoy-DrlRQ-1D.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/gon-D3e4yh1x.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/utils-DRqSHbQE.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/i18next-BlSq9s7B.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/react-CkL4ZRHB.js" as="script" crossorigin="anonymous">
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v67327c56f0bb4ef8b305cae61679db8f1769101564043" integrity="sha512-rdcWY47ByXd76cbCFzznIcEaCN71jqkWBBqlwhF1SY7KubdLKZiEGeP7AyieKZlGP9hbY/MhGrwXzJC/HulNyg==" data-cf-beacon='{"version":"2024.11.0","token":"d11015b65d11429ea6b4a2ef37dd7e0b","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body> </html>