Rivalry2

Основы HTML и CSS для начинающих: бесплатный курс «Введение в HTML и CSS»
2026-02-26 23:06 Diff
https://ru.hexlet.io/programs/html-css-basics-free
Бесплатный курс

Изучите HTML и CSS для создания и оформления веб-страниц. Сделайте первые шаги в веб-разработке с нашим бесплатным курсом.
1089 студентов уже закончили курс
Учитесь самостоятельно в удобное время
Ответы на сложные вопросы от сообщества Хекслета
Подходит для новичков в веб-разработке
Неограниченный доступ к пройденной теории
Зачем изучать HTML и CSS?

CSS отвечает за внешний вид документа, с его помощью задается цвет, размер, шрифт или фон, выполняются декоративные элементы на страницы.
Базовые знания, полученные на курсе, дадут хороший старт в изучении веб-разработки. На этом курсе вы научитесь самостоятельно создавать и редактировать веб-страницы, познакомитесь с редакторами кода, научитесь работать с дизайн-макетами.
Наши бесплатные уроки дадут вам необходимые навыки для эффективного старта в области IT и веб-разработки.
HTML – это язык гипертекстовой разметки, который отвечает за структуру и содержание страниц веб-сайтов.
Работа и зарплата фронтенд-специалиста

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

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

Начинающим фронтенд-разработчикам
Для знакомства с главными инструментами верстки сайтов и качественной базы для начала карьеры в веб-разработке
Чтобы качественно тестировать функциональность и находить ошибки на веб-страницах
Для публикации и редактирования контента на сайтах, внедрения правок по верстке на страницах
С пониманием разметки и стилей специалистам легче оптимизировать сайт для поисковых систем, правильно использовать мета-теги, выявлять и устранять ошибки
Перечислим, кому будет полезна учеба на курсе:
Использование известных редакторов с полезными расширениями, такими как Emmet, для ускорения процесса разработки
Азы веб-верстки

Разработке статических веб-страниц, работе с тегами и атрибутами, таблицами, графическими элементами и стилями
Отладка кода

Пошаговая отладка кода с использованием встроенных в браузер средств, таких как Chrome DevTools
Чему вы научитесь:

Публикация своего сайта в интернете с использованием хостинга GitHub Pages
Написание первых программ на одном из самых популярных языков JavaScript
Как проходит обучение

Вы учитесь на курсе самостоятельно, он абсолютно бесплатный. Занимайтесь на платформе в удобное время и из любой точки мира.
Курс состоит из 12 уроков по современной верстке и 39 бонусных уроков по базе JavaScript, а также 46 проверочных тестов, 46 упражнений на практическое закрепление теории и дополнительных материалов.
Вы можете вернуться к любому уроку курса, чтобы освежить свои знания по теме и найти ответ на возникший вопрос.
Во время обучения можно задавать вопросы по занятиям команде поддержки Хекслета.
Программа обучения

12 уроков, 8 проверочных тестов, 5+3 упражнений в тренажере, Дополнительные материалы
Что вы изучите:
Базу современной верстки, главные HTML-теги и их использование на странице, визуальное оформление элементов веб-страницы.
Отладке кода в веб-панели с помощью инструментов веб-разработчика, поиску и устранению ошибок.
Работе в Visual Studio Code, а также использованию плагина Emmet для оптимизации верстки.
Типовые графические редакторы и взаимодействие с макетами, путь публикации страниц в интернете.
Уроки:
Введение
Введение в HTML
Блочная модель
Семантический HTML
Базовая структура HTML-документа
Основы CSS
Каскадность в CSS
Chrome DevTools
Редакторы кода
Emmet
Публикация в интернете
Графические редакторы
Испытания:
Таблица
Карточки профилей
Форма регистрации
12 уроков, 8 проверочных тестов, 5+3 упражнений в тренажере, Дополнительные материалы
Что вы изучите:
Базу современной верстки, главные HTML-теги и их использование на странице, визуальное оформление элементов веб-страницы.
Отладке кода в веб-панели с помощью инструментов веб-разработчика, поиску и устранению ошибок.
Работе в Visual Studio Code, а также использованию плагина Emmet для оптимизации верстки.
Типовые графические редакторы и взаимодействие с макетами, путь публикации страниц в интернете.
Уроки:
Введение
Введение в 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>Основы HTML и CSS для начинающих: бесплатный курс «Введение в HTML и CSS»</title> <meta name="description" content="Обучение HTML и CSS с нуля бесплатно в курсе для начинающих. На онлайн курсе вы изучите основы языка разметки гипертекста HTML + CSS и узнаете, как стать веб-разработчиком." /> <meta property="og:url" content="https://ru.hexlet.io/programs/html-css-basics-free" /> <meta property="og:title" content="Основы HTML и CSS для начинающих: бесплатный курс «Введение в HTML и CSS»" /> <meta property="og:description" content="Обучение HTML и CSS с нуля бесплатно в курсе для начинающих. На онлайн курсе вы изучите основы языка разметки гипертекста HTML + CSS и узнаете, как стать веб-разработчиком." /> <meta property="og:type" content="website" /> <meta property="og:image" content="/tp/versions/781750927898/tild3135-3966-4537-b333-343232353432__html-css-oblozhka.jpg" /> <link rel="canonical" href="https://ru.hexlet.io/programs/html-css-basics-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/781750927898/tild6163-3838-4430-b561-623662303864__favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="/tp/versions/781750927898/tild3831-6232-4437-a136-376162316265__logo_ru.svg"> <link rel="apple-touch-icon" sizes="76x76" href="/tp/versions/781750927898/tild3831-6232-4437-a136-376162316265__logo_ru.svg"> <link rel="apple-touch-icon" sizes="152x152" href="/tp/versions/781750927898/tild3831-6232-4437-a136-376162316265__logo_ru.svg"> <link rel="apple-touch-startup-image" href="/tp/versions/781750927898/tild3831-6232-4437-a136-376162316265__logo_ru.svg"> <meta name="msapplication-TileColor" content="#000000"> <meta name="msapplication-TileImage" content="/tp/versions/781750927898/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/781750927898/tilda-blocks-page58701097.min.css?t=1750927889">
      <!-- async CSS -->
      <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/tp/versions/781750927898/tilda-blocks-page58701097.min.css?t=1750927889">
      <!-- no-JS fallback -->
      <noscript><link rel="stylesheet" href="/tp/versions/781750927898/tilda-blocks-page58701097.min.css?t=1750927889"></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/781750927898/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/781750927898/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/781750927898/tilda-blocks-page58701097.min.js?t=1750927889" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="/tp/versions/781750927898/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="/tp/versions/781750927898/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="/tp/versions/781750927898/tilda-animation-sbs-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="/tp/versions/781750927898/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="/tp/versions/781750927898/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 23:06:34 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":1772147194,"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="lnw2ePst9Ng40WQfhp-dReTPEZaVDa64phVw6b2c5Sh5rf1PCVNZuI6SQIeKkG0yJMY8PJ06UBob9eq975sCRg";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="58701097" data-tilda-page-alias="programs/html-css-basics-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="rec829289236" 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>#rec829289236 .t396__artboard {height:71px;background-color:#f5f5f5;}#rec829289236 .t396__filter {height:71px;}#rec829289236 .t396__carrier{height:71px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289236 .t396__artboard,#rec829289236 .t396__filter,#rec829289236 .t396__carrier {}#rec829289236 .t396__filter {}#rec829289236 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289236 .t396__artboard,#rec829289236 .t396__filter,#rec829289236 .t396__carrier {height:71px;}#rec829289236 .t396__filter {}#rec829289236 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289236 .t396__artboard,#rec829289236 .t396__filter,#rec829289236 .t396__carrier {height:53px;}#rec829289236 .t396__filter {}#rec829289236 .t396__carrier {background-attachment:scroll;}}#rec829289236 .tn-elem[data-elem-id="1665742530798"]{z-index:2;top:24px;left:calc(50% - 600px + 16px);width:108px;height:auto;}#rec829289236 .tn-elem[data-elem-id="1665742530798"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289236 .tn-elem[data-elem-id="1665742530798"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec829289236 .tn-elem[data-elem-id="1665742530798"] {top:24px;left:calc(50% - 480px + 16px);height:auto;}}@media screen and (max-width:959px) {#rec829289236 .tn-elem[data-elem-id="1665742530798"] {top:25px;left:calc(50% - 320px + 16px);width:96px;height:auto;}}@media screen and (max-width:639px) {#rec829289236 .tn-elem[data-elem-id="1665742530798"] {top:15px;left:calc(50% - 160px + 16px);width:76px;height:auto;}}#rec829289236 .tn-elem[data-elem-id="1718378963245"]{z-index:3;top:70px;left:calc(50% - 600px + 16px);width:1168px;height:1px;}#rec829289236 .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) {#rec829289236 .tn-elem[data-elem-id="1718378963245"] {width:928px;}}@media screen and (max-width:959px) {#rec829289236 .tn-elem[data-elem-id="1718378963245"] {width:608px;}}@media screen and (max-width:639px) {#rec829289236 .tn-elem[data-elem-id="1718378963245"] {top:52px;left:calc(50% - 160px + 16px);width:288px;}}#rec829289236 .tn-elem[data-elem-id="1719578385782"]{z-index:4;top:141px;left:calc(50% - 600px + 236px);width:560px;height:78px;}#rec829289236 .tn-elem[data-elem-id="1719578385782"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec829289236 .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) {#rec829289236 .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="829289236" 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="829289236"></div> <div class="t396__filter" data-artboard-recid="829289236"></div> <div class='t396__elem tn-elem tn-elem__8292892361665742530798' 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/781750927898/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__8292892361718378963245' 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__8292892361719578385782' 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="lnw2ePst9Ng40WQfhp-dReTPEZaVDa64phVw6b2c5Sh5rf1PCVNZuI6SQIeKkG0yJMY8PJ06UBob9eq975sCRg"> </form> </div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('829289236');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289236');});});
}, 80);</script> <!-- /T396 --> </div> <div id="rec829289237" 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>#rec829289237 .t396__artboard {height:547px;background-color:#f5f5f5;}#rec829289237 .t396__filter {height:547px;}#rec829289237 .t396__carrier{height:547px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289237 .t396__artboard,#rec829289237 .t396__filter,#rec829289237 .t396__carrier {height:507px;}#rec829289237 .t396__filter {}#rec829289237 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289237 .t396__artboard,#rec829289237 .t396__filter,#rec829289237 .t396__carrier {height:614px;}#rec829289237 .t396__filter {}#rec829289237 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289237 .t396__artboard,#rec829289237 .t396__filter,#rec829289237 .t396__carrier {height:532px;}#rec829289237 .t396__filter {}#rec829289237 .t396__carrier {background-attachment:scroll;}}#rec829289237 .tn-elem[data-elem-id="1726124233521"]{z-index:3;top:80px;left:calc(50% - 600px + -5000px);width:931px;height:auto;}#rec829289237 .tn-elem[data-elem-id="1726124233521"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289237 .tn-elem[data-elem-id="1726124233521"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec829289237 .tn-elem[data-elem-id="1726124233521"] {top:117px;left:calc(50% - 480px + -5000px);width:770px;height:auto;}}@media screen and (max-width:959px) {#rec829289237 .tn-elem[data-elem-id="1726124233521"] {top:273px;left:calc(50% - 320px + 295px);width:639px;height:auto;}}@media screen and (max-width:639px) {#rec829289237 .tn-elem[data-elem-id="1726124233521"] {top:64px;left:calc(50% - 160px + -854px);width:601px;height:auto;}}#rec829289237 .tn-elem[data-elem-id="1719312204350"]{z-index:4;top:-37px;left:calc(50% - 600px + 680px);width:500px;height:auto;}#rec829289237 .tn-elem[data-elem-id="1719312204350"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec829289237 .tn-elem[data-elem-id="1719312204350"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec829289237 .tn-elem[data-elem-id="1719312204350"] {top:-29px;left:calc(50% - 480px + 509px);width:435px;height:auto;}}@media screen and (max-width:959px) {#rec829289237 .tn-elem[data-elem-id="1719312204350"] {top:-48px;left:calc(50% - 320px + -707px);width:374px;height:auto;}}@media screen and (max-width:639px) {#rec829289237 .tn-elem[data-elem-id="1719312204350"] {top:219px;left:calc(50% - 160px + 124px);width:186px;height:auto;}}#rec829289237 .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;}#rec829289237 .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) {#rec829289237 .tn-elem[data-elem-id="1718194114368"] {top:23px;width:182px;height:auto;}#rec829289237 .tn-elem[data-elem-id="1718194114368"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289237 .tn-elem[data-elem-id="1718194114391"]{color:#131415;text-align:LEFT;z-index:6;top:84px;left:calc(50% - 600px + 16px);width:726px;height:auto;}#rec829289237 .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) {#rec829289237 .tn-elem[data-elem-id="1718194114391"] {width:564px;height:auto;}#rec829289237 .tn-elem[data-elem-id="1718194114391"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289237 .tn-elem[data-elem-id="1718194114391"] {top:70px;left:calc(50% - 320px + 16px);width:559px;height:auto;}}@media screen and (max-width:639px) {#rec829289237 .tn-elem[data-elem-id="1718194114391"] {top:50px;width:304px;height:auto;}#rec829289237 .tn-elem[data-elem-id="1718194114391"] .tn-atom{font-size:27px;background-size:cover;}}#rec829289237 .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;}#rec829289237 .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) {#rec829289237 .tn-elem[data-elem-id="1718194114396"] {top:206px;width:400px;height:auto;}#rec829289237 .tn-elem[data-elem-id="1718194114396"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289237 .tn-elem[data-elem-id="1718194114396"] {top:210px;width:343px;height:auto;}}@media screen and (max-width:639px) {#rec829289237 .tn-elem[data-elem-id="1718194114396"] {top:122px;left:calc(50% - 160px + 16px);width:254px;height:auto;}#rec829289237 .tn-elem[data-elem-id="1718194114396"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289237 .tn-elem[data-elem-id="1718194114411"]{z-index:8;top:100px;left:calc(50% - 600px + 806px);width:270px;height:364px;}#rec829289237 .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) {#rec829289237 .tn-elem[data-elem-id="1718194114411"] {top:100px;left:calc(50% - 480px + 631px);width:243px;height:326px;}}@media screen and (max-width:959px) {#rec829289237 .tn-elem[data-elem-id="1718194114411"] {top:276px;left:calc(50% - 320px + 373px);width:231px;height:272px;}#rec829289237 .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) {#rec829289237 .tn-elem[data-elem-id="1718194114411"] {top:259px;left:calc(50% - 160px + 159px);width:142px;height:156px;}}#rec829289237 .tn-elem[data-elem-id="1718194203979"]{z-index:9;top:100px;left:calc(50% - 600px + 628px);width:931px;height:auto;}#rec829289237 .tn-elem[data-elem-id="1718194203979"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec829289237 .tn-elem[data-elem-id="1718194203979"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec829289237 .tn-elem[data-elem-id="1718194203979"] {height:auto;}}@media screen and (max-width:959px) {#rec829289237 .tn-elem[data-elem-id="1718194203979"] {height:auto;}}@media screen and (max-width:639px) {#rec829289237 .tn-elem[data-elem-id="1718194203979"] {height:auto;}}#rec829289237 .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;}#rec829289237 .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) {#rec829289237 .tn-elem[data-elem-id="1718194174186"] .tn-atom:hover {background-color:#241eff;background-image:none;border-color:#241eff;}#rec829289237 .tn-elem[data-elem-id="1718194174186"] .tn-atom:hover {color:#f5f5f5;}}@media screen and (max-width:1199px) {#rec829289237 .tn-elem[data-elem-id="1718194174186"] {top:406px;}}@media screen and (max-width:959px) {#rec829289237 .tn-elem[data-elem-id="1718194174186"] {top:513px;left:calc(50% - 320px + 16px);width:357px;}}@media screen and (max-width:639px) {#rec829289237 .tn-elem[data-elem-id="1718194174186"] {top:437px;left:calc(50% - 160px + 16px);width:288px;height:55px;}#rec829289237 .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="829289237" 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="829289237"></div> <div class="t396__filter" data-artboard-recid="829289237"></div> <div class='t396__elem tn-elem tn-elem__8292892371726124233521' 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"?--> <!--?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__8292892371719312204350' 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/781750927898/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__8292892371718194114368' 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__8292892371718194114391' data-elem-id='1718194114391' data-elem-type='text' data-field-top-value="84" data-field-left-value="16" data-field-height-value="72" 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'>Основы HTML и CSS</h1> </div> <div class='t396__elem tn-elem tn-elem__8292892371718194114396' data-elem-id='1718194114396' data-elem-type='text' data-field-top-value="238" data-field-left-value="16" data-field-height-value="78" 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="343" data-field-top-res-960-value="206" data-field-width-res-960-value="400"> <div class='tn-atom'field='tn_text_1718194114396'>Изучите HTML и CSS <span style="color: rgb(67, 62, 255);">для создания и оформления веб-страниц. </span> Сделайте первые шаги в веб-разработке с нашим бесплатным курсом.</div> </div> <div class='t396__elem tn-elem tn-elem__8292892371718194114411' 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/781750927898/tild6639-3235-4563-a366-636330303334__enter_1_2.png');"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__8292892371718194203979' 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__8292892371718194174186' 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">Начать учиться</a> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('829289237');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289237');});});
}, 90);</script> <!-- /T396 --> </div> <div id="rec829289238" class="r t-rec" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec829289238 .t396__artboard {height:295px;background-color:#f5f5f5;}#rec829289238 .t396__filter {height:295px;}#rec829289238 .t396__carrier{height:295px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289238 .t396__artboard,#rec829289238 .t396__filter,#rec829289238 .t396__carrier {height:296px;}#rec829289238 .t396__filter {}#rec829289238 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289238 .t396__artboard,#rec829289238 .t396__filter,#rec829289238 .t396__carrier {height:381px;}#rec829289238 .t396__filter {}#rec829289238 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289238 .t396__artboard,#rec829289238 .t396__filter,#rec829289238 .t396__carrier {height:511px;}#rec829289238 .t396__filter {}#rec829289238 .t396__carrier {background-attachment:scroll;}}#rec829289238 .tn-elem[data-elem-id="1718186030704"]{z-index:3;top:152px;left:calc(50% - 600px + 16px);width:580px;height:100px;}#rec829289238 .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) {#rec829289238 .tn-elem[data-elem-id="1718186030704"] {top:152px;width:460px;height:100px;border-radius:2px;}#rec829289238 .tn-elem[data-elem-id="1718186030704"] .tn-atom {background-size:cover;border-radius:2px;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030704"] {top:152px;left:calc(50% - 320px + 324px);width:300px;height:100px;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030704"] {top:303px;left:calc(50% - 160px + 16px);width:288px;height:80px;}}#rec829289238 .tn-elem[data-elem-id="1718186030709"]{color:#131415;text-align:LEFT;z-index:4;top:189px;left:calc(50% - 600px + 68px);width:427px;height:auto;}#rec829289238 .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) {#rec829289238 .tn-elem[data-elem-id="1718186030709"] {top:189px;left:calc(50% - 480px + 66px);width:361px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030709"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030709"] {top:176px;left:calc(50% - 320px + 362px);width:162px;height:auto;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030709"] {top:319px;left:calc(50% - 160px + 52px);width:143px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030709"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289238 .tn-elem[data-elem-id="1718186030719"]{z-index:5;top:198px;left:calc(50% - 600px + 40px);width:12px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030719"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289238 .tn-elem[data-elem-id="1718186030719"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec829289238 .tn-elem[data-elem-id="1718186030719"] {top:195px;left:calc(50% - 480px + 40px);width:12px;height:auto;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030719"] {top:183px;left:calc(50% - 320px + 340px);height:auto;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030719"] {top:326px;left:calc(50% - 160px + 32px);width:10px;height:auto;}}#rec829289238 .tn-elem[data-elem-id="1718186030733"]{z-index:6;top:44px;left:calc(50% - 600px + 16px);width:384px;height:100px;}#rec829289238 .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) {#rec829289238 .tn-elem[data-elem-id="1718186030733"] {top:44px;width:304px;height:100px;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030733"] {top:44px;left:calc(50% - 320px + 16px);width:300px;height:100px;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030733"] {top:39px;left:calc(50% - 160px + 16px);width:288px;height:80px;}}#rec829289238 .tn-elem[data-elem-id="1718186030736"]{color:#131415;text-align:LEFT;z-index:7;top:68px;left:calc(50% - 600px + 68px);width:242px;height:auto;}#rec829289238 .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) {#rec829289238 .tn-elem[data-elem-id="1718186030736"] {top:68px;left:calc(50% - 480px + 66px);width:199px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030736"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030736"] {top:68px;left:calc(50% - 320px + 54px);width:194px;height:auto;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030736"] {top:55px;left:calc(50% - 160px + 52px);width:181px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030736"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289238 .tn-elem[data-elem-id="1718186030745"]{z-index:8;top:77px;left:calc(50% - 600px + 40px);width:12px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030745"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289238 .tn-elem[data-elem-id="1718186030745"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec829289238 .tn-elem[data-elem-id="1718186030745"] {top:75px;left:calc(50% - 480px + 40px);width:12px;height:auto;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030745"] {top:74px;left:calc(50% - 320px + 32px);height:auto;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030745"] {top:62px;left:calc(50% - 160px + 32px);width:10px;height:auto;}}#rec829289238 .tn-elem[data-elem-id="1718186030755"]{z-index:9;top:44px;left:calc(50% - 600px + 408px);width:384px;height:100px;}#rec829289238 .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) {#rec829289238 .tn-elem[data-elem-id="1718186030755"] {top:44px;left:calc(50% - 480px + 328px);width:304px;height:100px;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030755"] {top:44px;left:calc(50% - 320px + 324px);width:300px;height:100px;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030755"] {top:127px;left:calc(50% - 160px + 16px);width:288px;height:80px;}}#rec829289238 .tn-elem[data-elem-id="1718186030758"]{color:#131415;text-align:LEFT;z-index:10;top:68px;left:calc(50% - 600px + 460px);width:260px;height:auto;}#rec829289238 .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) {#rec829289238 .tn-elem[data-elem-id="1718186030758"] {top:68px;left:calc(50% - 480px + 378px);width:233px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030758"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030758"] {top:68px;left:calc(50% - 320px + 362px);width:214px;height:auto;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030758"] {top:143px;left:calc(50% - 160px + 52px);width:208px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030758"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289238 .tn-elem[data-elem-id="1718186030764"]{z-index:11;top:77px;left:calc(50% - 600px + 432px);width:12px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030764"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289238 .tn-elem[data-elem-id="1718186030764"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec829289238 .tn-elem[data-elem-id="1718186030764"] {top:75px;left:calc(50% - 480px + 352px);width:12px;height:auto;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030764"] {top:75px;left:calc(50% - 320px + 340px);height:auto;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030764"] {top:150px;left:calc(50% - 160px + 32px);width:10px;height:auto;}}#rec829289238 .tn-elem[data-elem-id="1718186030774"]{z-index:12;top:152px;left:calc(50% - 600px + 604px);width:580px;height:100px;}#rec829289238 .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) {#rec829289238 .tn-elem[data-elem-id="1718186030774"] {top:152px;left:calc(50% - 480px + 484px);width:460px;height:100px;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030774"] {top:260px;left:calc(50% - 320px + 16px);width:608px;height:77px;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030774"] {top:391px;left:calc(50% - 160px + 16px);width:288px;height:80px;}}#rec829289238 .tn-elem[data-elem-id="1718186030778"]{color:#131415;text-align:LEFT;z-index:13;top:189px;left:calc(50% - 600px + 656px);width:408px;height:auto;}#rec829289238 .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) {#rec829289238 .tn-elem[data-elem-id="1718186030778"] {top:189px;left:calc(50% - 480px + 534px);width:376px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030778"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030778"] {top:284px;left:calc(50% - 320px + 54px);width:354px;height:auto;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030778"] {top:407px;left:calc(50% - 160px + 52px);width:171px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030778"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289238 .tn-elem[data-elem-id="1718186030786"]{z-index:14;top:198px;left:calc(50% - 600px + 628px);width:12px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030786"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289238 .tn-elem[data-elem-id="1718186030786"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec829289238 .tn-elem[data-elem-id="1718186030786"] {top:195px;left:calc(50% - 480px + 508px);width:12px;height:auto;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030786"] {top:290px;left:calc(50% - 320px + 32px);height:auto;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030786"] {top:414px;left:calc(50% - 160px + 32px);width:10px;height:auto;}}#rec829289238 .tn-elem[data-elem-id="1718186030798"]{z-index:15;top:44px;left:calc(50% - 600px + 800px);width:384px;height:100px;}#rec829289238 .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) {#rec829289238 .tn-elem[data-elem-id="1718186030798"] {top:44px;left:calc(50% - 480px + 640px);width:304px;height:100px;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030798"] {top:152px;left:calc(50% - 320px + 16px);width:300px;height:100px;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030798"] {top:215px;left:calc(50% - 160px + 16px);width:288px;height:80px;}}#rec829289238 .tn-elem[data-elem-id="1718186030801"]{color:#131415;text-align:LEFT;z-index:16;top:68px;left:calc(50% - 600px + 852px);width:232px;height:auto;}#rec829289238 .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) {#rec829289238 .tn-elem[data-elem-id="1718186030801"] {top:68px;left:calc(50% - 480px + 690px);width:179px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030801"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030801"] {top:176px;left:calc(50% - 320px + 54px);width:179px;height:auto;}}@media screen and (max-width:639px) {#rec829289238 .tn-elem[data-elem-id="1718186030801"] {top:231px;left:calc(50% - 160px + 52px);width:154px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030801"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289238 .tn-elem[data-elem-id="1718186030811"]{z-index:17;top:77px;left:calc(50% - 600px + 824px);width:12px;height:auto;}#rec829289238 .tn-elem[data-elem-id="1718186030811"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289238 .tn-elem[data-elem-id="1718186030811"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec829289238 .tn-elem[data-elem-id="1718186030811"] {top:75px;left:calc(50% - 480px + 664px);width:12px;height:auto;}}@media screen and (max-width:959px) {#rec829289238 .tn-elem[data-elem-id="1718186030811"] {top:183px;left:calc(50% - 320px + 32px);height:auto;}}@media screen and (max-width:639px) {#rec829289238 .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="829289238" 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="829289238"></div> <div class="t396__filter" data-artboard-recid="829289238"></div> <div class='t396__elem tn-elem tn-elem__8292892381718186030704' 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__8292892381718186030709' 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);">1089 студентов</span> уже закончили курс</div> </div> <div class='t396__elem tn-elem tn-elem__8292892381718186030719' 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"?--> <!--?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__8292892381718186030733' 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__8292892381718186030736' 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);">Учитесь самостоятельно</span> в&nbsp;удобное время</div> </div> <div class='t396__elem tn-elem tn-elem__8292892381718186030745' 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"?--> <!--?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__8292892381718186030755' 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__8292892381718186030758' 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);">Ответы на сложные вопросы </span>от сообщества Хекслета</div> </div> <div class='t396__elem tn-elem tn-elem__8292892381718186030764' 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"?--> <!--?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__8292892381718186030774' 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__8292892381718186030778' 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__8292892381718186030786' 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"?--> <!--?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__8292892381718186030798' 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__8292892381718186030801' data-elem-id='1718186030801' data-elem-type='text' data-field-top-value="68" data-field-left-value="852" 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-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);">Неограниченный доступ </span>к&nbsp; пройденной теории</div> </div> <div class='t396__elem tn-elem tn-elem__8292892381718186030811' 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"?--> <!--?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('829289238');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289238');});});
}, 100);</script> <!-- /T396 --> </div> <div id="rec829289239" class="r t-rec" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec829289239 .t396__artboard {height:612px;background-color:#f5f5f5;}#rec829289239 .t396__filter {height:612px;}#rec829289239 .t396__carrier{height:612px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289239 .t396__artboard,#rec829289239 .t396__filter,#rec829289239 .t396__carrier {height:675px;}#rec829289239 .t396__filter {}#rec829289239 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289239 .t396__artboard,#rec829289239 .t396__filter,#rec829289239 .t396__carrier {height:1241px;}#rec829289239 .t396__filter {}#rec829289239 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289239 .t396__artboard,#rec829289239 .t396__filter,#rec829289239 .t396__carrier {height:884px;}#rec829289239 .t396__filter {}#rec829289239 .t396__carrier {background-attachment:scroll;}}#rec829289239 .tn-elem[data-elem-id="1718207957334"]{color:#131415;text-align:LEFT;z-index:3;top:44px;left:calc(50% - 600px + 520px);width:647px;height:auto;}#rec829289239 .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) {#rec829289239 .tn-elem[data-elem-id="1718207957334"] {top:44px;left:calc(50% - 480px + 472px);width:354px;height:auto;}}@media screen and (max-width:959px) {#rec829289239 .tn-elem[data-elem-id="1718207957334"] {top:43px;left:calc(50% - 320px + 16px);width:366px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1718207957334"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289239 .tn-elem[data-elem-id="1718207957334"] {top:40px;left:calc(50% - 160px + 16px);width:208px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1718207957334"] .tn-atom{font-size:24px;background-size:cover;}}#rec829289239 .tn-elem[data-elem-id="1718207957341"]{color:#433eff;text-align:LEFT;z-index:4;top:247px;left:calc(50% - 600px + 520px);width:490px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1718207957341"] .tn-atom{color:#433eff;font-size:18px;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) {#rec829289239 .tn-elem[data-elem-id="1718207957341"] {top:295px;left:calc(50% - 480px + 472px);width:433px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1718207957341"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289239 .tn-elem[data-elem-id="1718207957341"] {top:949px;left:calc(50% - 320px + 16px);width:595px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1718207957341"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289239 .tn-elem[data-elem-id="1718207957341"] {top:519px;left:calc(50% - 160px + 16px);width:267px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1718207957341"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289239 .tn-elem[data-elem-id="1719910162390"]{color:#131415;z-index:5;top:337px;left:calc(50% - 600px + 520px);width:540px;height:auto;}#rec829289239 .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) {#rec829289239 .tn-elem[data-elem-id="1719910162390"] {top:411px;left:calc(50% - 480px + 472px);width:429px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1719910162390"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289239 .tn-elem[data-elem-id="1719910162390"] {top:1050px;left:calc(50% - 320px + 16px);width:584px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1719910162390"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289239 .tn-elem[data-elem-id="1719910162390"] {top:628px;left:calc(50% - 160px + 16px);width:270px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1719910162390"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289239 .tn-elem[data-elem-id="1719910195222"]{color:#131415;z-index:6;top:492px;left:calc(50% - 600px + 520px);width:553px;height:auto;}#rec829289239 .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) {#rec829289239 .tn-elem[data-elem-id="1719910195222"] {top:562px;left:calc(50% - 480px + 472px);width:451px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1719910195222"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289239 .tn-elem[data-elem-id="1719910195222"] {top:1163px;left:calc(50% - 320px + 16px);width:597px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1719910195222"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289239 .tn-elem[data-elem-id="1719910195222"] {top:797px;left:calc(50% - 160px + 16px);width:281px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1719910195222"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289239 .tn-elem[data-elem-id="1719910258281"]{color:#131415;z-index:7;top:128px;left:calc(50% - 600px + 520px);width:568px;height:auto;}#rec829289239 .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) {#rec829289239 .tn-elem[data-elem-id="1719910258281"] {top:192px;left:calc(50% - 480px + 472px);width:415px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1719910258281"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289239 .tn-elem[data-elem-id="1719910258281"] {top:831px;left:calc(50% - 320px + 16px);width:607px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1719910258281"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289239 .tn-elem[data-elem-id="1719910258281"] {top:420px;left:calc(50% - 160px + 16px);width:265px;height:auto;}#rec829289239 .tn-elem[data-elem-id="1719910258281"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289239 .tn-elem[data-elem-id="1725962053391"]{z-index:8;top:54px;left:calc(50% - 600px + 16px);width:416px;height:490px;}#rec829289239 .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) {#rec829289239 .tn-elem[data-elem-id="1725962053391"] {top:48px;height:560px;}}@media screen and (max-width:959px) {#rec829289239 .tn-elem[data-elem-id="1725962053391"] {top:191px;left:calc(50% - 320px + 16px);width:608px;height:600px;}}@media screen and (max-width:639px) {#rec829289239 .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="829289239" data-artboard-screens="320,640,960,1200" data-artboard-height="612" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="884" data-artboard-upscale-res-320="window" data-artboard-height-res-640="1241" data-artboard-height-res-960="675"> <div class="t396__carrier" data-artboard-recid="829289239"></div> <div class="t396__filter" data-artboard-recid="829289239"></div> <div class='t396__elem tn-elem tn-elem__8292892391718207957334' 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'>Зачем изучать HTML и CSS?</h2> </div> <div class='t396__elem tn-elem tn-elem__8292892391718207957341' data-elem-id='1718207957341' data-elem-type='text' data-field-top-value="247" 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="519" data-field-left-res-320-value="16" data-field-width-res-320-value="267" data-field-top-res-640-value="949" data-field-left-res-640-value="16" data-field-width-res-640-value="595" data-field-top-res-960-value="295" data-field-left-res-960-value="472" data-field-width-res-960-value="433"> <div class='tn-atom'field='tn_text_1718207957341'>CSS отвечает за внешний вид документа, с его помощью задается цвет, размер, шрифт или фон, выполняются декоративные элементы на страницы.</div> </div> <div class='t396__elem tn-elem tn-elem__8292892391719910162390' data-elem-id='1719910162390' data-elem-type='text' data-field-top-value="337" 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="628" data-field-left-res-320-value="16" data-field-width-res-320-value="270" data-field-top-res-640-value="1050" data-field-left-res-640-value="16" data-field-width-res-640-value="584" data-field-top-res-960-value="411" 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__8292892391719910195222' data-elem-id='1719910195222' data-elem-type='text' data-field-top-value="492" 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="797" data-field-left-res-320-value="16" data-field-width-res-320-value="281" data-field-top-res-640-value="1163" data-field-left-res-640-value="16" data-field-width-res-640-value="597" data-field-top-res-960-value="562" data-field-left-res-960-value="472" data-field-width-res-960-value="451"> <div class='tn-atom'field='tn_text_1719910195222'>Наши бесплатные уроки дадут вам необходимые навыки для эффективного старта в области IT и веб-разработки. </div> </div> <div class='t396__elem tn-elem tn-elem__8292892391719910258281' data-elem-id='1719910258281' data-elem-type='text' data-field-top-value="128" data-field-left-value="520" data-field-width-value="568" 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="415"> <div class='tn-atom'field='tn_text_1719910258281'>HTML – это язык гипертекстовой разметки, который отвечает за структуру и содержание страниц веб-сайтов.</div> </div> <div class='t396__elem tn-elem tn-elem__8292892391725962053391' 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/781750927898/tild6531-3031-4065-b136-373831633435__osnovy-html-css.jpg');"
aria-label='' role="img"> </div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('829289239');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289239');});});
}, 110);</script> <!-- /T396 --> </div> <div id="rec829289240" 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>#rec829289240 .t396__artboard {height:754px;background-color:#241eff;}#rec829289240 .t396__filter {height:754px;}#rec829289240 .t396__carrier{height:754px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289240 .t396__artboard,#rec829289240 .t396__filter,#rec829289240 .t396__carrier {height:649px;}#rec829289240 .t396__filter {}#rec829289240 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289240 .t396__artboard,#rec829289240 .t396__filter,#rec829289240 .t396__carrier {height:811px;}#rec829289240 .t396__filter {}#rec829289240 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289240 .t396__artboard,#rec829289240 .t396__filter,#rec829289240 .t396__carrier {height:855px;}#rec829289240 .t396__filter {}#rec829289240 .t396__carrier {background-attachment:scroll;}}#rec829289240 .tn-elem[data-elem-id="1718303764459"]{color:#f5f5f5;text-align:LEFT;z-index:3;top:44px;left:calc(50% - 600px + 16px);width:950px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764459"] {top:43px;left:calc(50% - 480px + 16px);width:918px;height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764459"] {top:43px;left:calc(50% - 320px + 16px);width:590px;height:auto;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764459"] {top:34px;left:calc(50% - 160px + 16px);width:222px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764459"] .tn-atom{font-size:24px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764516"]{z-index:4;top:456px;left:calc(50% - 600px + 16px);width:384px;height:254px;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764516"] {top:413px;left:calc(50% - 480px + 16px);width:304px;height:192px;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764516"] {top:439px;left:calc(50% - 320px + 16px);width:300px;height:160px;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764516"] {top:365px;left:calc(50% - 160px + 16px);width:288px;height:118px;}}#rec829289240 .tn-elem[data-elem-id="1718303764520"]{color:#f5f5f5;text-align:LEFT;z-index:5;top:472px;left:calc(50% - 600px + 40px);width:166px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764520"] {top:429px;left:calc(50% - 480px + 32px);width:216px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764520"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764520"] {top:455px;left:calc(50% - 320px + 32px);width:120px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764520"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764520"] {top:381px;left:calc(50% - 160px + 32px);width:100px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764520"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764523"]{color:#f5f5f5;text-align:LEFT;z-index:6;top:648px;left:calc(50% - 600px + 40px);width:273px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764523"] {top:543px;left:calc(50% - 480px + 32px);width:279px;height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764523"] {top:543px;left:calc(50% - 320px + 32px);width:246px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764523"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764523"] {top:427px;left:calc(50% - 160px + 32px);width:257px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764523"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764530"]{z-index:7;top:456px;left:calc(50% - 600px + 408px);width:384px;height:254px;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764530"] {top:413px;left:calc(50% - 480px + 328px);width:304px;height:192px;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764530"] {top:439px;left:calc(50% - 320px + 324px);width:300px;height:160px;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764530"] {top:491px;left:calc(50% - 160px + 16px);width:288px;height:116px;}}#rec829289240 .tn-elem[data-elem-id="1718303764533"]{color:#f5f5f5;text-align:LEFT;z-index:8;top:472px;left:calc(50% - 600px + 432px);width:266px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764533"] {top:429px;left:calc(50% - 480px + 344px);width:207px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764533"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764533"] {top:455px;left:calc(50% - 320px + 340px);width:181px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764533"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764533"] {top:507px;left:calc(50% - 160px + 32px);width:268px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764533"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764538"]{color:#f5f5f5;text-align:LEFT;z-index:9;top:648px;left:calc(50% - 600px + 432px);width:260px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764538"] {top:543px;left:calc(50% - 480px + 344px);width:256px;height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764538"] {top:543px;left:calc(50% - 320px + 340px);width:252px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764538"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764538"] {top:551px;left:calc(50% - 160px + 32px);width:228px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764538"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1725889625768"]{color:#f5f5f5;text-align:LEFT;z-index:10;top:125px;left:calc(50% - 600px + 16px);width:763px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1725889625768"] {top:121px;height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1725889625768"] {top:166px;left:calc(50% - 320px + 16px);width:489px;height:auto;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1725889625768"] {top:147px;left:calc(50% - 160px + 16px);width:266px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1725889625768"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764595"]{z-index:12;top:243px;left:calc(50% - 600px + 116px);width:341px;height:1px;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764595"] {top:238px;left:calc(50% - 480px + 156px);width:220px;height:1px;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764595"] {top:310px;left:calc(50% - 320px + 121px);width:120px;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764595"] {top:282px;left:calc(50% - 160px + 155px);width:110px;}#rec829289240 .tn-elem[data-elem-id="1718303764595"] .tn-atom {background-size:cover;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}}#rec829289240 .tn-elem[data-elem-id="1718303764598"]{z-index:13;top:243px;left:calc(50% - 600px + 627px);width:328px;height:1px;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764598"] {top:238px;left:calc(50% - 480px + 520px);width:220px;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764598"] {top:310px;left:calc(50% - 320px + 372px);width:120px;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764598"] {top:282px;left:calc(50% - 160px + 48px);width:110px;}#rec829289240 .tn-elem[data-elem-id="1718303764598"] .tn-atom {background-size:cover;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}}#rec829289240 .tn-elem[data-elem-id="1718303764477"]{color:#f5f5f5;text-align:LEFT;z-index:14;top:264px;left:calc(50% - 600px + 483px);width:189px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764477"] {top:262px;left:calc(50% - 480px + 402px);height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764477"] {top:332px;left:calc(50% - 320px + 263px);width:97px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764477"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764477"] {top:267px;left:calc(50% - 160px + 117px);width:86px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764477"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764498"]{color:#b2b0ff;text-align:LEFT;z-index:15;top:313px;left:calc(50% - 600px + 483px);width:243px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764498"] {top:311px;left:calc(50% - 480px + 402px);width:110px;height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764498"] {top:359px;left:calc(50% - 320px + 263px);width:109px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764498"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764498"] {top:293px;left:calc(50% - 160px + 117px);height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764498"] .tn-atom{font-size:11px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764487"]{color:#f5f5f5;text-align:LEFT;z-index:16;top:227px;left:calc(50% - 600px + 518px);width:75px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764487"] {top:225px;left:calc(50% - 480px + 437px);height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764487"] {top:295px;left:calc(50% - 320px + 287px);width:42px;height:auto;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764487"] {top:236px;left:calc(50% - 160px + 141px);height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764487"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303869884"]{z-index:17;top:229px;left:calc(50% - 600px + 486px);width:24px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303869884"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289240 .tn-elem[data-elem-id="1718303869884"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec829289240 .tn-elem[data-elem-id="1718303869884"] {top:227px;left:calc(50% - 480px + 405px);height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303869884"] {top:302px;left:calc(50% - 320px + 263px);width:16px;height:auto;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303869884"] {top:240px;left:calc(50% - 160px + 117px);height:auto;}}#rec829289240 .tn-elem[data-elem-id="1718303764481"]{color:#f5f5f5;text-align:LEFT;z-index:18;top:264px;left:calc(50% - 600px + 975px);width:186px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764481"] {top:262px;left:calc(50% - 480px + 759px);width:176px;height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764481"] {top:332px;left:calc(50% - 320px + 514px);width:117px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764481"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764481"] {top:267px;left:calc(50% - 160px + 223px);width:93px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764481"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764502"]{color:#b2b0ff;text-align:LEFT;z-index:19;top:313px;left:calc(50% - 600px + 975px);width:216px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764502"] {top:311px;left:calc(50% - 480px + 759px);width:134px;height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764502"] {top:359px;left:calc(50% - 320px + 514px);width:104px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764502"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764502"] {top:293px;left:calc(50% - 160px + 223px);width:84px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764502"] .tn-atom{font-size:11px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764491"]{color:#f5f5f5;text-align:LEFT;z-index:20;top:226px;left:calc(50% - 600px + 1007px);width:105px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764491"] {top:225px;left:calc(50% - 480px + 791px);height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764491"] {top:295px;left:calc(50% - 320px + 538px);width:40px;height:auto;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764491"] {top:236px;left:calc(50% - 160px + 246px);height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764491"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303869888"]{z-index:21;top:229px;left:calc(50% - 600px + 975px);width:24px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303869888"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289240 .tn-elem[data-elem-id="1718303869888"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec829289240 .tn-elem[data-elem-id="1718303869888"] {top:228px;left:calc(50% - 480px + 759px);height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303869888"] {top:302px;left:calc(50% - 320px + 514px);width:16px;height:auto;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303869888"] {top:240px;left:calc(50% - 160px + 222px);height:auto;}}#rec829289240 .tn-elem[data-elem-id="1718303764472"]{color:#f5f5f5;text-align:LEFT;z-index:22;top:264px;left:calc(50% - 600px + 16px);width:174px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764472"] {top:262px;left:calc(50% - 480px + 16px);height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764472"] {top:332px;left:calc(50% - 320px + 16px);width:140px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764472"] .tn-atom{font-size:18px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764472"] {top:267px;left:calc(50% - 160px + 16px);width:84px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764472"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764495"]{color:#b2b0ff;text-align:LEFT;z-index:23;top:313px;left:calc(50% - 600px + 16px);width:267px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764495"] {top:311px;left:calc(50% - 480px + 16px);width:145px;height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764495"] {top:359px;left:calc(50% - 320px + 16px);width:129px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764495"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764495"] {top:293px;left:calc(50% - 160px + 16px);width:91px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764495"] .tn-atom{font-size:11px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303764484"]{color:#f5f5f5;text-align:LEFT;z-index:24;top:227px;left:calc(50% - 600px + 48px);width:76px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1718303764484"] {top:225px;left:calc(50% - 480px + 48px);height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303764484"] {top:295px;left:calc(50% - 320px + 40px);width:39px;height:auto;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303764484"] {top:236px;left:calc(50% - 160px + 40px);height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303764484"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1718303869878"]{z-index:25;top:229px;left:calc(50% - 600px + 16px);width:24px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1718303869878"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289240 .tn-elem[data-elem-id="1718303869878"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec829289240 .tn-elem[data-elem-id="1718303869878"] {top:227px;left:calc(50% - 480px + 16px);height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1718303869878"] {top:302px;left:calc(50% - 320px + 16px);width:16px;height:auto;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1718303869878"] {top:240px;left:calc(50% - 160px + 16px);height:auto;}}#rec829289240 .tn-elem[data-elem-id="1725964147844"]{color:#ffffff;text-align:center;z-index:27;top:456px;left:calc(50% - 600px + 800px);width:384px;height:254px;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1725964147844"] .tn-atom:hover {background-color:#00c2ff;background-image:none;}}@media screen and (max-width:1199px) {#rec829289240 .tn-elem[data-elem-id="1725964147844"] {top:413px;left:calc(50% - 480px + 640px);width:304px;height:192px;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1725964147844"] {top:607px;left:calc(50% - 320px + 16px);width:608px;height:160px;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1725964147844"] {top:615px;left:calc(50% - 160px + 16px);width:288px;height:200px;}}#rec829289240 .tn-elem[data-elem-id="1725963356103"]{color:#f5f5f5;text-align:LEFT;z-index:28;top:602px;left:calc(50% - 600px + 824px);width:305px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1725963356103"] {top:509px;left:calc(50% - 480px + 656px);width:268px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1725963356103"] .tn-atom{font-size:14px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1725963356103"] {top:701px;left:calc(50% - 320px + 32px);width:485px;height:auto;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1725963356103"] {top:699px;left:calc(50% - 160px + 32px);width:242px;height:auto;}}#rec829289240 .tn-elem[data-elem-id="1725963509588"]{color:#f5f5f5;text-align:LEFT;z-index:29;top:472px;left:calc(50% - 600px + 824px);width:281px;height:auto;}#rec829289240 .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) {#rec829289240 .tn-elem[data-elem-id="1725963509588"] {top:429px;left:calc(50% - 480px + 656px);width:239px;height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1725963509588"] {top:623px;left:calc(50% - 320px + 32px);width:287px;height:auto;}}@media screen and (max-width:639px) {#rec829289240 .tn-elem[data-elem-id="1725963509588"] {top:631px;left:calc(50% - 160px + 32px);width:197px;height:auto;}#rec829289240 .tn-elem[data-elem-id="1725963509588"] .tn-atom{font-size:16px;background-size:cover;}}#rec829289240 .tn-elem[data-elem-id="1726152333577"]{z-index:30;top:478px;left:calc(50% - 600px + 1136px);width:24px;height:auto;}#rec829289240 .tn-elem.t396__elem--anim-hidden[data-elem-id="1726152333577"] {opacity:0;}#rec829289240 .tn-elem[data-elem-id="1726152333577"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289240 .tn-elem[data-elem-id="1726152333577"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec829289240 .tn-elem[data-elem-id="1726152333577"] {top:435px;left:calc(50% - 480px + 904px);height:auto;}}@media screen and (max-width:959px) {#rec829289240 .tn-elem[data-elem-id="1726152333577"] {top:629px;left:calc(50% - 320px + 584px);height:auto;}}@media screen and (max-width:639px) {#rec829289240 .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="829289240" 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="829289240"></div> <div class="t396__filter" data-artboard-recid="829289240"></div> <div class='t396__elem tn-elem tn-elem__8292892401718303764459' 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="34" 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'>Работа и зарплата фронтенд-специалиста</h2> </div> <div class='t396__elem tn-elem tn-elem__8292892401718303764516' 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__8292892401718303764520' data-elem-id='1718303764520' data-elem-type='text' data-field-top-value="472" data-field-left-value="40" 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="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="120" 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'>1,5 - 2 года</div> </div> <div class='t396__elem tn-elem tn-elem__8292892401718303764523' 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__8292892401718303764530' 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__8292892401718303764533' 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__8292892401718303764538' 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__8292892401725889625768' data-elem-id='1725889625768' data-elem-type='text' data-field-top-value="125" 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="147" data-field-left-res-320-value="16" data-field-width-res-320-value="266" data-field-top-res-640-value="166" data-field-left-res-640-value="16" data-field-width-res-640-value="489" data-field-top-res-960-value="121"> <h2 class='tn-atom'field='tn_text_1725889625768'>Спрос на веб-разработчиков только растет. На рынке острая нехватка квалифицированных специалистов:</h2> </div> <div class='t396__elem tn-elem tn-elem__8292892401718303764595' 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__8292892401718303764598' 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__8292892401718303764477' 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__8292892401718303764498' 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__8292892401718303764487' 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__8292892401718303869884' 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/781750927898/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__8292892401718303764481' 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__8292892401718303764502' 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__8292892401718303764491' 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__8292892401718303869888' 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/781750927898/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__8292892401718303764472' 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__8292892401718303764495' 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__8292892401718303764484' 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__8292892401718303869878' 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/781750927898/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__8292892401725964147844' 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-left-res-320-value="16" 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__8292892401725963356103' 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-left-res-320-value="32" 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__8292892401725963509588' 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-left-res-320-value="32" 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__8292892401726152333577 ' 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/781750927898/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('829289240');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289240');});});
}, 120);</script> <!-- /T396 --> </div> <div id="rec829289241" 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>#rec829289241 .t396__artboard {height:985px;background-color:#f5f5f5;}#rec829289241 .t396__filter {height:985px;}#rec829289241 .t396__carrier{height:985px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289241 .t396__artboard,#rec829289241 .t396__filter,#rec829289241 .t396__carrier {height:1050px;}#rec829289241 .t396__filter {}#rec829289241 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289241 .t396__artboard,#rec829289241 .t396__filter,#rec829289241 .t396__carrier {height:1174px;}#rec829289241 .t396__filter {}#rec829289241 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289241 .t396__artboard,#rec829289241 .t396__filter,#rec829289241 .t396__carrier {height:1367px;}#rec829289241 .t396__filter {}#rec829289241 .t396__carrier {background-attachment:scroll;}}#rec829289241 .tn-elem[data-elem-id="1718202448277"]{color:#131415;text-align:LEFT;z-index:3;top:40px;left:calc(50% - 600px + 20px);width:563px;height:auto;}#rec829289241 .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) {#rec829289241 .tn-elem[data-elem-id="1718202448277"] {top:45px;width:493px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448277"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202448277"] {top:32px;width:577px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448277"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202448277"] {top:25px;width:223px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448277"] .tn-atom{font-size:24px;background-size:cover;}}#rec829289241 .tn-elem[data-elem-id="1718202448730"]{z-index:4;top:332px;left:calc(50% - 600px + 16px);width:1168px;height:1px;}#rec829289241 .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) {#rec829289241 .tn-elem[data-elem-id="1718202448730"] {top:333px;width:928px;height:1px;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202448730"] {top:369px;width:608px;height:1px;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202448730"] {top:422px;left:calc(50% - 160px + 16px);width:288px;}}#rec829289241 .tn-elem[data-elem-id="1718202448739"]{z-index:5;top:514px;left:calc(50% - 600px + 16px);width:1168px;height:1px;}#rec829289241 .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) {#rec829289241 .tn-elem[data-elem-id="1718202448739"] {top:506px;width:928px;height:1px;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202448739"] {top:568px;width:608px;height:1px;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202448739"] {top:659px;left:calc(50% - 160px + 16px);width:288px;}}#rec829289241 .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;}#rec829289241 .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) {#rec829289241 .tn-elem[data-elem-id="1718202448742"] {top:218px;left:calc(50% - 480px + 203px);width:292px;height:auto;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202448742"] {top:173px;left:calc(50% - 320px + 229px);width:319px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448742"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202448742"] {top:255px;left:calc(50% - 160px + 16px);width:235px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448742"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289241 .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;}#rec829289241 .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) {#rec829289241 .tn-elem[data-elem-id="1718202448750"] {top:400px;left:calc(50% - 480px + 203px);width:278px;height:auto;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202448750"] {top:400px;left:calc(50% - 320px + 229px);width:282px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448750"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202448750"] {top:540px;left:calc(50% - 160px + 16px);width:270px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448750"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289241 .tn-elem[data-elem-id="1718202448761"]{color:#131415;text-align:LEFT;z-index:8;top:179px;left:calc(50% - 600px + 820px);width:287px;height:auto;}#rec829289241 .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) {#rec829289241 .tn-elem[data-elem-id="1718202448761"] {top:220px;left:calc(50% - 480px + 570px);width:288px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448761"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202448761"] {top:256px;left:calc(50% - 320px + 228px);width:330px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448761"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202448761"] {top:320px;left:calc(50% - 160px + 16px);width:235px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448761"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289241 .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;}#rec829289241 .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) {#rec829289241 .tn-elem[data-elem-id="1718202448767"] {top:381px;left:calc(50% - 480px + 570px);width:286px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448767"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202448767"] {top:470px;left:calc(50% - 320px + 229px);width:294px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448767"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202448767"] {top:575px;left:calc(50% - 160px + 16px);width:231px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448767"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289241 .tn-elem[data-elem-id="1718202525435"]{z-index:10;top:365px;left:calc(50% - 600px + 26px);width:104px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202525435"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec829289241 .tn-elem[data-elem-id="1718202525435"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec829289241 .tn-elem[data-elem-id="1718202525435"] {top:357px;left:calc(50% - 480px + 16px);height:auto;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202525435"] {top:400px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202525435"] {top:447px;left:calc(50% - 160px + 16px);width:71px;height:auto;}}#rec829289241 .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;}#rec829289241 .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) {#rec829289241 .tn-elem[data-elem-id="1718202448756"] {top:553px;left:calc(50% - 480px + 203px);width:308px;height:auto;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202448756"] {top:604px;left:calc(50% - 320px + 229px);width:330px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448756"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202448756"] {top:773px;left:calc(50% - 160px + 16px);width:274px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448756"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289241 .tn-elem[data-elem-id="1718202448772"]{color:#131415;text-align:LEFT;z-index:12;top:562px;left:calc(50% - 600px + 820px);width:338px;height:auto;}#rec829289241 .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) {#rec829289241 .tn-elem[data-elem-id="1718202448772"] {top:550px;left:calc(50% - 480px + 570px);width:289px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448772"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202448772"] {top:682px;left:calc(50% - 320px + 228px);width:329px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448772"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202448772"] {top:829px;left:calc(50% - 160px + 16px);width:232px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202448772"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289241 .tn-elem[data-elem-id="1718202525439"]{z-index:13;top:547px;left:calc(50% - 600px + 26px);width:104px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202525439"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec829289241 .tn-elem[data-elem-id="1718202525439"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec829289241 .tn-elem[data-elem-id="1718202525439"] {top:531px;left:calc(50% - 480px + 16px);height:auto;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202525439"] {top:603px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202525439"] {top:684px;left:calc(50% - 160px + 16px);width:71px;height:auto;}}#rec829289241 .tn-elem[data-elem-id="1718202525430"]{z-index:14;top:197px;left:calc(50% - 600px + 29px);width:104px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1718202525430"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec829289241 .tn-elem[data-elem-id="1718202525430"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec829289241 .tn-elem[data-elem-id="1718202525430"] {top:198px;left:calc(50% - 480px + 19px);height:auto;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1718202525430"] {top:197px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1718202525430"] {top:168px;left:calc(50% - 160px + 16px);width:71px;height:auto;}}#rec829289241 .tn-elem[data-elem-id="1725965968757"]{color:#f5f5f5;text-align:center;z-index:15;top:888px;left:calc(50% - 600px + 820px);width:364px;height:57px;}#rec829289241 .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) {#rec829289241 .tn-elem[data-elem-id="1725965968757"] .tn-atom:hover {background-color:#241eff;background-image:none;border-color:#241eff;}#rec829289241 .tn-elem[data-elem-id="1725965968757"] .tn-atom:hover {color:#f5f5f5;}}@media screen and (max-width:1199px) {#rec829289241 .tn-elem[data-elem-id="1725965968757"] {top:931px;left:calc(50% - 480px + 567px);width:374px;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1725965968757"] {top:1060px;left:calc(50% - 320px + 230px);width:256px;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1725965968757"] {top:1270px;left:calc(50% - 160px + 10px);width:288px;height:55px;}#rec829289241 .tn-elem[data-elem-id="1725965968757"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289241 .tn-elem[data-elem-id="1732208046460"]{z-index:16;top:690px;left:calc(50% - 600px + 26px);width:1168px;height:1px;}#rec829289241 .tn-elem[data-elem-id="1732208046460"] .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) {#rec829289241 .tn-elem[data-elem-id="1732208046460"] {top:711px;width:928px;height:1px;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1732208046460"] {top:794px;width:608px;height:1px;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1732208046460"] {top:946px;left:calc(50% - 160px + 19px);width:288px;}}#rec829289241 .tn-elem[data-elem-id="1732208046464"]{color:#131415;text-align:LEFT;z-index:17;top:758px;left:calc(50% - 600px + 320px);width:375px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732208046464"] .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) {#rec829289241 .tn-elem[data-elem-id="1732208046464"] {top:765px;left:calc(50% - 480px + 201px);width:308px;height:auto;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1732208046464"] {top:816px;left:calc(50% - 320px + 230px);width:330px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732208046464"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1732208046464"] {top:1065px;left:calc(50% - 160px + 16px);width:274px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732208046464"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289241 .tn-elem[data-elem-id="1732208046468"]{color:#131415;text-align:LEFT;z-index:18;top:715px;left:calc(50% - 600px + 820px);width:334px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732208046468"] .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) {#rec829289241 .tn-elem[data-elem-id="1732208046468"] {top:765px;left:calc(50% - 480px + 570px);width:322px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732208046468"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1732208046468"] {top:902px;left:calc(50% - 320px + 230px);width:329px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732208046468"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1732208046468"] {top:1123px;left:calc(50% - 160px + 16px);width:264px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732208046468"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289241 .tn-elem[data-elem-id="1732208046472"]{z-index:19;top:723px;left:calc(50% - 600px + 26px);width:104px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732208046472"] .tn-atom {border-radius:0px 0px 0px 0px;background-position:center center;border-color:transparent ;border-style:solid;}#rec829289241 .tn-elem[data-elem-id="1732208046472"] .tn-atom__img {border-radius:0px 0px 0px 0px;}@media screen and (max-width:1199px) {#rec829289241 .tn-elem[data-elem-id="1732208046472"] {top:743px;left:calc(50% - 480px + 19px);height:auto;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1732208046472"] {top:817px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1732208046472"] {top:960px;left:calc(50% - 160px + 16px);width:71px;height:auto;}}#rec829289241 .tn-elem[data-elem-id="1732209083041"]{color:#131415;text-align:LEFT;z-index:20;top:101px;left:calc(50% - 600px + 20px);width:640px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732209083041"] .tn-atom {vertical-align:middle;color:#131415;font-size:24px;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) {#rec829289241 .tn-elem[data-elem-id="1732209083041"] {top:120px;left:calc(50% - 480px + 20px);width:642px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732209083041"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289241 .tn-elem[data-elem-id="1732209083041"] {top:101px;left:calc(50% - 320px + 20px);width:581px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732209083041"] .tn-atom{font-size:22px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289241 .tn-elem[data-elem-id="1732209083041"] {top:104px;left:calc(50% - 160px + 19px);width:231px;height:auto;}#rec829289241 .tn-elem[data-elem-id="1732209083041"] .tn-atom{font-size:16px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="829289241" data-artboard-screens="320,640,960,1200" data-artboard-height="985" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="1367" data-artboard-upscale-res-320="window" data-artboard-height-res-640="1174" data-artboard-height-res-960="1050" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="829289241"></div> <div class="t396__filter" data-artboard-recid="829289241"></div> <div class='t396__elem tn-elem tn-elem__8292892411718202448277' data-elem-id='1718202448277' data-elem-type='text' data-field-top-value="40" data-field-left-value="20" 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="25" data-field-width-res-320-value="223" data-field-top-res-640-value="32" data-field-width-res-640-value="577" data-field-top-res-960-value="45" 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__8292892411718202448730' 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="422" data-field-left-res-320-value="16" data-field-width-res-320-value="288" data-field-top-res-640-value="369" 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__8292892411718202448739' 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="659" data-field-left-res-320-value="16" data-field-width-res-320-value="288" data-field-top-res-640-value="568" 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__8292892411718202448742' data-elem-id='1718202448742' data-elem-type='text' data-field-top-value="217" data-field-left-value="320" data-field-height-value="64" 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="235" data-field-top-res-640-value="173" data-field-left-res-640-value="229" data-field-width-res-640-value="319" data-field-top-res-960-value="218" data-field-left-res-960-value="203" data-field-width-res-960-value="292"> <div class='tn-atom'field='tn_text_1718202448742'>Начинающим фронтенд-разработчикам</div> </div> <div class='t396__elem tn-elem tn-elem__8292892411718202448750' 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="540" data-field-left-res-320-value="16" data-field-width-res-320-value="270" data-field-top-res-640-value="400" 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__8292892411718202448761' data-elem-id='1718202448761' data-elem-type='text' data-field-top-value="179" data-field-left-value="820" data-field-height-value="130" data-field-width-value="287" 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="320" data-field-left-res-320-value="16" data-field-width-res-320-value="235" data-field-top-res-640-value="256" data-field-left-res-640-value="228" data-field-width-res-640-value="330" data-field-top-res-960-value="220" data-field-left-res-960-value="570" data-field-width-res-960-value="288"> <div class='tn-atom'field='tn_text_1718202448761'>Для знакомства с&nbsp;главными инструментами верстки сайтов и&nbsp;качественной базы для начала карьеры в&nbsp;веб-разработке</div> </div> <div class='t396__elem tn-elem tn-elem__8292892411718202448767' 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="575" data-field-left-res-320-value="16" data-field-width-res-320-value="231" data-field-top-res-640-value="470" 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'>Чтобы качественно тестировать функциональность и&nbsp;находить ошибки на&nbsp;веб-страницах</div> </div> <div class='t396__elem tn-elem tn-elem__8292892411718202525435' data-elem-id='1718202525435' data-elem-type='image' data-field-top-value="365" data-field-left-value="26" data-field-height-value="117" 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="447" data-field-left-res-320-value="16" data-field-width-res-320-value="71" data-field-top-res-640-value="400" 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/781750927898/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__8292892411718202448756' data-elem-id='1718202448756' data-elem-type='text' data-field-top-value="569" data-field-left-value="320" data-field-height-value="32" 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="773" data-field-left-res-320-value="16" data-field-width-res-320-value="274" data-field-top-res-640-value="604" 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'>Контент-менеджерам</div> </div> <div class='t396__elem tn-elem tn-elem__8292892411718202448772' 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="338" 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="829" data-field-left-res-320-value="16" data-field-width-res-320-value="232" data-field-top-res-640-value="682" data-field-left-res-640-value="228" 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="289"> <div class='tn-atom'field='tn_text_1718202448772'>Для публикации и&nbsp;редактирования контента на&nbsp;сайтах, внедрения правок по верстке на страницах</div> </div> <div class='t396__elem tn-elem tn-elem__8292892411718202525439' data-elem-id='1718202525439' data-elem-type='image' data-field-top-value="547" data-field-left-value="26" data-field-height-value="107" 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="684" data-field-left-res-320-value="16" data-field-width-res-320-value="71" data-field-top-res-640-value="603" 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/781750927898/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__8292892411718202525430' data-elem-id='1718202525430' data-elem-type='image' data-field-top-value="197" data-field-left-value="29" data-field-height-value="103" 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/781750927898/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__8292892411725965968757' data-elem-id='1725965968757' data-elem-type='button' data-field-top-value="888" 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="1270" data-field-left-res-320-value="10" data-field-height-res-320-value="55" data-field-width-res-320-value="288" data-field-top-res-640-value="1060" data-field-left-res-640-value="230" data-field-width-res-640-value="256" data-field-top-res-960-value="931" data-field-left-res-960-value="567" 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 class='t396__elem tn-elem tn-elem__8292892411732208046460' data-elem-id='1732208046460' data-elem-type='shape' data-field-top-value="690" data-field-left-value="26" 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="946" data-field-left-res-320-value="19" data-field-width-res-320-value="288" data-field-top-res-640-value="794" data-field-height-res-640-value="1" data-field-width-res-640-value="608" data-field-top-res-960-value="711" 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__8292892411732208046464' data-elem-id='1732208046464' data-elem-type='text' data-field-top-value="758" data-field-left-value="320" data-field-height-value="32" 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="1065" data-field-left-res-320-value="16" data-field-width-res-320-value="274" data-field-top-res-640-value="816" data-field-left-res-640-value="230" data-field-width-res-640-value="330" data-field-top-res-960-value="765" data-field-left-res-960-value="201" data-field-width-res-960-value="308"> <div class='tn-atom'field='tn_text_1732208046464'>SEO-специалистам</div> </div> <div class='t396__elem tn-elem tn-elem__8292892411732208046468' data-elem-id='1732208046468' data-elem-type='text' data-field-top-value="715" data-field-left-value="820" data-field-height-value="130" 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="1123" data-field-left-res-320-value="16" data-field-width-res-320-value="264" data-field-top-res-640-value="902" data-field-left-res-640-value="230" data-field-width-res-640-value="329" data-field-top-res-960-value="765" data-field-left-res-960-value="570" data-field-width-res-960-value="322"> <div class='tn-atom'field='tn_text_1732208046468'>С пониманием разметки и&nbsp;стилей специалистам легче оптимизировать сайт для поисковых систем, правильно использовать мета-теги, выявлять и&nbsp;устранять ошибки</div> </div> <div class='t396__elem tn-elem tn-elem__8292892411732208046472' data-elem-id='1732208046472' data-elem-type='image' data-field-top-value="723" data-field-left-value="26" data-field-height-value="112" 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="226" data-field-fileheight-value="244" data-field-heightmode-value="hug" data-field-top-res-320-value="960" data-field-left-res-320-value="16" data-field-width-res-320-value="71" data-field-top-res-640-value="817" data-field-left-res-640-value="16" data-field-top-res-960-value="743" data-field-left-res-960-value="19"> <div class='tn-atom'> <img class="tn-atom__img" src="/tp/versions/781750927898/tild6666-3331-4531-a131-636139363761__frame_3.svg" alt="" imgfield="tn_img_1732208046472" loading="lazy"> </div> </div> <div class='t396__elem tn-elem tn-elem__8292892411732209083041' data-elem-id='1732209083041' data-elem-type='text' data-field-top-value="101" data-field-left-value="20" data-field-height-value="35" data-field-width-value="640" 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="104" data-field-left-res-320-value="19" data-field-width-res-320-value="231" data-field-top-res-640-value="101" data-field-left-res-640-value="20" data-field-width-res-640-value="581" data-field-top-res-960-value="120" data-field-left-res-960-value="20" data-field-width-res-960-value="642"> <div class='tn-atom'field='tn_text_1732209083041'>Перечислим, кому будет полезна учеба на<span style="color: rgb(19, 20, 21);">&nbsp;</span>курсе:</div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('829289241');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289241');});});
}, 130);</script> <!-- /T396 --> </div> <div id="rec829289242" class="r t-rec cva" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec829289242 .t396__artboard {height:667px;background-color:#f5f5f5;}#rec829289242 .t396__filter {height:667px;}#rec829289242 .t396__carrier{height:667px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289242 .t396__artboard,#rec829289242 .t396__filter,#rec829289242 .t396__carrier {height:635px;}#rec829289242 .t396__filter {}#rec829289242 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289242 .t396__artboard,#rec829289242 .t396__filter,#rec829289242 .t396__carrier {height:841px;}#rec829289242 .t396__filter {}#rec829289242 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289242 .t396__artboard,#rec829289242 .t396__filter,#rec829289242 .t396__carrier {height:1196px;}#rec829289242 .t396__filter {}#rec829289242 .t396__carrier {background-attachment:scroll;}}#rec829289242 .tn-elem[data-elem-id="1718035453689"]{z-index:3;top:138px;left:calc(50% - 600px + 800px);width:384px;height:240px;}#rec829289242 .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) {#rec829289242 .tn-elem[data-elem-id="1718035453689"] {top:138px;left:calc(50% - 480px + 640px);width:304px;height:228px;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1718035453689"] {top:354px;left:calc(50% - 320px + 16px);width:608px;height:208px;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1718035453689"] {top:533px;width:288px;height:208px;}}#rec829289242 .tn-elem[data-elem-id="1718035453692"]{color:#131415;text-align:LEFT;z-index:4;top:154px;left:calc(50% - 600px + 824px);width:284px;height:auto;}#rec829289242 .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) {#rec829289242 .tn-elem[data-elem-id="1718035453692"] {top:154px;left:calc(50% - 480px + 656px);height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453692"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1718035453692"] {top:370px;left:calc(50% - 320px + 32px);width:290px;height:auto;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1718035453692"] {top:560px;left:calc(50% - 160px + 33px);width:206px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453692"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289242 .tn-elem[data-elem-id="1718035453695"]{color:#131415;text-align:LEFT;z-index:5;top:271px;left:calc(50% - 600px + 824px);width:280px;height:auto;}#rec829289242 .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) {#rec829289242 .tn-elem[data-elem-id="1718035453695"] {top:242px;left:calc(50% - 480px + 656px);width:266px;height:auto;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1718035453695"] {top:472px;left:calc(50% - 320px + 32px);width:406px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453695"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1718035453695"] {top:621px;left:calc(50% - 160px + 33px);width:244px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453695"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289242 .tn-elem[data-elem-id="1718035453729"]{z-index:6;top:138px;left:calc(50% - 600px + 16px);width:384px;height:240px;}#rec829289242 .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) {#rec829289242 .tn-elem[data-elem-id="1718035453729"] {top:138px;width:304px;height:228px;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1718035453729"] {top:138px;left:calc(50% - 320px + 16px);width:300px;height:208px;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1718035453729"] {top:94px;width:288px;height:208px;}}#rec829289242 .tn-elem[data-elem-id="1718035453732"]{color:#131415;text-align:LEFT;z-index:7;top:154px;left:calc(50% - 600px + 40px);width:300px;height:auto;}#rec829289242 .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) {#rec829289242 .tn-elem[data-elem-id="1718035453732"] {top:154px;left:calc(50% - 480px + 32px);width:211px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453732"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1718035453732"] {top:154px;left:calc(50% - 320px + 32px);width:257px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453732"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1718035453732"] {top:110px;left:calc(50% - 160px + 33px);height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453732"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289242 .tn-elem[data-elem-id="1718035453736"]{color:#131415;text-align:LEFT;z-index:8;top:271px;left:calc(50% - 600px + 40px);width:305px;height:auto;}#rec829289242 .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) {#rec829289242 .tn-elem[data-elem-id="1718035453736"] {top:242px;left:calc(50% - 480px + 32px);width:247px;height:auto;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1718035453736"] {top:220px;left:calc(50% - 320px + 32px);width:236px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453736"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1718035453736"] {top:186px;left:calc(50% - 160px + 32px);width:257px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453736"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289242 .tn-elem[data-elem-id="1718035453713"]{z-index:9;top:138px;left:calc(50% - 600px + 408px);width:384px;height:240px;}#rec829289242 .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) {#rec829289242 .tn-elem[data-elem-id="1718035453713"] {top:138px;left:calc(50% - 480px + 328px);width:304px;height:228px;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1718035453713"] {top:138px;left:calc(50% - 320px + 324px);width:300px;height:208px;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1718035453713"] {top:313px;left:calc(50% - 160px + 16px);width:288px;height:208px;}}#rec829289242 .tn-elem[data-elem-id="1718035453716"]{color:#131415;text-align:LEFT;z-index:10;top:154px;left:calc(50% - 600px + 432px);width:202px;height:auto;}#rec829289242 .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) {#rec829289242 .tn-elem[data-elem-id="1718035453716"] {top:154px;left:calc(50% - 480px + 344px);height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453716"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1718035453716"] {top:154px;left:calc(50% - 320px + 340px);width:223px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453716"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1718035453716"] {top:329px;left:calc(50% - 160px + 33px);width:175px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453716"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289242 .tn-elem[data-elem-id="1718035453719"]{color:#131415;text-align:LEFT;z-index:11;top:271px;left:calc(50% - 600px + 432px);width:287px;height:auto;}#rec829289242 .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) {#rec829289242 .tn-elem[data-elem-id="1718035453719"] {top:262px;left:calc(50% - 480px + 344px);width:271px;height:auto;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1718035453719"] {top:238px;left:calc(50% - 320px + 340px);height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453719"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1718035453719"] {top:414px;left:calc(50% - 160px + 33px);width:236px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1718035453719"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289242 .tn-elem[data-elem-id="1725967629766"]{color:#131415;text-align:LEFT;z-index:12;top:44px;left:calc(50% - 600px + 16px);width:563px;height:auto;}#rec829289242 .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) {#rec829289242 .tn-elem[data-elem-id="1725967629766"] {top:44px;width:493px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1725967629766"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1725967629766"] {top:44px;left:calc(50% - 320px + 16px);width:466px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1725967629766"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1725967629766"] {top:38px;width:254px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1725967629766"] .tn-atom{font-size:24px;background-size:cover;}}#rec829289242 .tn-elem[data-elem-id="1732204035152"]{z-index:13;top:394px;left:calc(50% - 600px + 16px);width:1168px;height:111px;}#rec829289242 .tn-elem[data-elem-id="1732204035152"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec829289242 .tn-elem[data-elem-id="1732204035152"] {top:384px;left:calc(50% - 480px + 14px);width:931px;height:110px;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1732204035152"] {top:583px;left:calc(50% - 320px + 14px);width:296px;height:207px;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1732204035152"] {top:754px;left:calc(50% - 160px + 16px);width:288px;height:208px;}}#rec829289242 .tn-elem[data-elem-id="1732204035159"]{color:#131415;text-align:LEFT;z-index:14;top:410px;left:calc(50% - 600px + 40px);width:332px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035159"] .tn-atom{color:#131415;font-size:24px;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) {#rec829289242 .tn-elem[data-elem-id="1732204035159"] {top:391px;left:calc(50% - 480px + 32px);height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035159"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1732204035159"] {top:596px;left:calc(50% - 320px + 32px);width:253px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035159"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1732204035159"] {top:771px;left:calc(50% - 160px + 33px);height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035159"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289242 .tn-elem[data-elem-id="1732204035164"]{color:#131415;text-align:LEFT;z-index:15;top:446px;left:calc(50% - 600px + 40px);width:983px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035164"] .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) {#rec829289242 .tn-elem[data-elem-id="1732204035164"] {top:434px;left:calc(50% - 480px + 32px);width:620px;height:auto;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1732204035164"] {top:703px;left:calc(50% - 320px + 32px);width:248px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035164"] .tn-atom{font-size:16px;background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1732204035164"] {top:872px;left:calc(50% - 160px + 33px);height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035164"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289242 .tn-elem[data-elem-id="1732204035171"]{z-index:16;top:516px;left:calc(50% - 600px + 20px);width:1168px;height:111px;}#rec829289242 .tn-elem[data-elem-id="1732204035171"] .tn-atom{background-color:#ebebeb;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec829289242 .tn-elem[data-elem-id="1732204035171"] {top:509px;left:calc(50% - 480px + 14px);width:931px;height:110px;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1732204035171"] {top:584px;left:calc(50% - 320px + 330px);width:296px;height:207px;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1732204035171"] {top:975px;left:calc(50% - 160px + 16px);width:288px;height:208px;}}#rec829289242 .tn-elem[data-elem-id="1732204035175"]{color:#131415;text-align:LEFT;z-index:17;top:531px;left:calc(50% - 600px + 44px);width:592px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035175"] .tn-atom{color:#131415;font-size:24px;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) {#rec829289242 .tn-elem[data-elem-id="1732204035175"] {top:516px;left:calc(50% - 480px + 32px);height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035175"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1732204035175"] {top:596px;left:calc(50% - 320px + 340px);width:253px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035175"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1732204035175"] {top:993px;left:calc(50% - 160px + 33px);height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035175"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289242 .tn-elem[data-elem-id="1732204035179"]{color:#131415;text-align:LEFT;z-index:18;top:590px;left:calc(50% - 600px + 40px);width:983px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035179"] .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) {#rec829289242 .tn-elem[data-elem-id="1732204035179"] {top:576px;left:calc(50% - 480px + 32px);width:627px;height:auto;}}@media screen and (max-width:959px) {#rec829289242 .tn-elem[data-elem-id="1732204035179"] {top:706px;left:calc(50% - 320px + 340px);width:248px;height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035179"] .tn-atom{font-size:16px;background-size:cover;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}@media screen and (max-width:639px) {#rec829289242 .tn-elem[data-elem-id="1732204035179"] {top:1099px;left:calc(50% - 160px + 33px);height:auto;}#rec829289242 .tn-elem[data-elem-id="1732204035179"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="829289242" data-artboard-screens="320,640,960,1200" data-artboard-height="667" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="1196" data-artboard-upscale-res-320="window" data-artboard-height-res-640="841" data-artboard-height-res-960="635" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="829289242"></div> <div class="t396__filter" data-artboard-recid="829289242"></div> <div class='t396__elem tn-elem tn-elem__8292892421718035453689' 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="533" data-field-height-res-320-value="208" 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__8292892421718035453692' 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="560" data-field-left-res-320-value="33" 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__8292892421718035453695' data-elem-id='1718035453695' data-elem-type='text' data-field-top-value="271" 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="621" data-field-left-res-320-value="33" data-field-width-res-320-value="244" data-field-top-res-640-value="472" data-field-left-res-640-value="32" data-field-width-res-640-value="406" data-field-top-res-960-value="242" data-field-left-res-960-value="656" data-field-width-res-960-value="266"> <div class='tn-atom'field='tn_text_1718035453695'>Использование известных редакторов с&nbsp;полезными расширениями, такими как Emmet, для ускорения процесса разработки</div> </div> <div class='t396__elem tn-elem tn-elem__8292892421718035453729' 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="208" 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__8292892421718035453732' 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="33" 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__8292892421718035453736' data-elem-id='1718035453736' data-elem-type='text' data-field-top-value="271" data-field-left-value="40" 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="186" data-field-left-res-320-value="32" data-field-width-res-320-value="257" data-field-top-res-640-value="220" data-field-left-res-640-value="32" data-field-width-res-640-value="236" data-field-top-res-960-value="242" data-field-left-res-960-value="32" data-field-width-res-960-value="247"> <div class='tn-atom'field='tn_text_1718035453736'>Разработке статических веб-страниц, работе с тегами и&nbsp;атрибутами, таблицами, графическими элементами и&nbsp;стилями</div> </div> <div class='t396__elem tn-elem tn-elem__8292892421718035453713' 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="313" data-field-left-res-320-value="16" data-field-height-res-320-value="208" 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__8292892421718035453716' 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="329" data-field-left-res-320-value="33" data-field-width-res-320-value="175" data-field-top-res-640-value="154" data-field-left-res-640-value="340" data-field-width-res-640-value="223" data-field-top-res-960-value="154" data-field-left-res-960-value="344"> <h3 class='tn-atom'field='tn_text_1718035453716'>Отладка кода</h3> </div> <div class='t396__elem tn-elem tn-elem__8292892421718035453719' data-elem-id='1718035453719' data-elem-type='text' data-field-top-value="271" data-field-left-value="432" data-field-width-value="287" 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="33" 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="262" data-field-left-res-960-value="344" data-field-width-res-960-value="271"> <div class='tn-atom'field='tn_text_1718035453719'>Пошаговая отладка кода с&nbsp; использованием встроенных в браузер средств, таких как Chrome DevTools</div> </div> <div class='t396__elem tn-elem tn-elem__8292892421725967629766' 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 class='t396__elem tn-elem tn-elem__8292892421732204035152' data-elem-id='1732204035152' data-elem-type='shape' data-field-top-value="394" data-field-left-value="16" data-field-height-value="111" 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="754" data-field-left-res-320-value="16" data-field-height-res-320-value="208" data-field-width-res-320-value="288" data-field-top-res-640-value="583" data-field-left-res-640-value="14" data-field-height-res-640-value="207" data-field-width-res-640-value="296" data-field-container-res-640-value="grid" data-field-top-res-960-value="384" data-field-left-res-960-value="14" data-field-height-res-960-value="110" data-field-width-res-960-value="931"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__8292892421732204035159' data-elem-id='1732204035159' data-elem-type='text' data-field-top-value="410" data-field-left-value="40" 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="771" data-field-left-res-320-value="33" data-field-top-res-640-value="596" data-field-left-res-640-value="32" data-field-width-res-640-value="253" data-field-top-res-960-value="391" data-field-left-res-960-value="32"> <div class='tn-atom'field='tn_text_1732204035159'>Публикации сайта</div> </div> <div class='t396__elem tn-elem tn-elem__8292892421732204035164' data-elem-id='1732204035164' data-elem-type='text' data-field-top-value="446" data-field-left-value="40" data-field-width-value="983" 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="872" data-field-left-res-320-value="33" data-field-top-res-640-value="703" data-field-left-res-640-value="32" data-field-width-res-640-value="248" data-field-container-res-640-value="grid" data-field-top-res-960-value="434" data-field-left-res-960-value="32" data-field-width-res-960-value="620"> <div class='tn-atom'field='tn_text_1732204035164'>Публикация своего сайта в&nbsp;интернете с&nbsp;использованием хостинга GitHub Pages</div> </div> <div class='t396__elem tn-elem tn-elem__8292892421732204035171' data-elem-id='1732204035171' data-elem-type='shape' data-field-top-value="516" data-field-left-value="20" data-field-height-value="111" 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="975" data-field-left-res-320-value="16" data-field-height-res-320-value="208" data-field-width-res-320-value="288" data-field-top-res-640-value="584" data-field-left-res-640-value="330" data-field-height-res-640-value="207" data-field-width-res-640-value="296" data-field-container-res-640-value="grid" data-field-top-res-960-value="509" data-field-left-res-960-value="14" data-field-height-res-960-value="110" data-field-width-res-960-value="931"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__8292892421732204035175' data-elem-id='1732204035175' data-elem-type='text' data-field-top-value="531" data-field-left-value="44" data-field-width-value="592" 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="993" data-field-left-res-320-value="33" data-field-top-res-640-value="596" data-field-left-res-640-value="340" data-field-width-res-640-value="253" data-field-top-res-960-value="516" data-field-left-res-960-value="32"> <div class='tn-atom'field='tn_text_1732204035175'>JavaScript</div> </div> <div class='t396__elem tn-elem tn-elem__8292892421732204035179' data-elem-id='1732204035179' data-elem-type='text' data-field-top-value="590" data-field-left-value="40" data-field-width-value="983" 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="1099" data-field-left-res-320-value="33" data-field-top-res-640-value="706" data-field-left-res-640-value="340" data-field-width-res-640-value="248" data-field-top-res-960-value="576" data-field-left-res-960-value="32" data-field-width-res-960-value="627"> <div class='tn-atom'field='tn_text_1732204035179'>Написание первых программ на&nbsp;одном из&nbsp;самых популярных языков JavaScript</div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('829289242');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289242');});});
}, 140);</script> <!-- /T396 --> </div> <div id="rec829289243" 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>#rec829289243 .t396__artboard {height:193px;background-color:#f5f5f5;}#rec829289243 .t396__filter {height:193px;}#rec829289243 .t396__carrier{height:193px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289243 .t396__artboard,#rec829289243 .t396__filter,#rec829289243 .t396__carrier {height:193px;}#rec829289243 .t396__filter {}#rec829289243 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289243 .t396__artboard,#rec829289243 .t396__filter,#rec829289243 .t396__carrier {height:222px;}#rec829289243 .t396__filter {}#rec829289243 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289243 .t396__artboard,#rec829289243 .t396__filter,#rec829289243 .t396__carrier {height:211px;}#rec829289243 .t396__filter {}#rec829289243 .t396__carrier {background-attachment:scroll;}}#rec829289243 .tn-elem[data-elem-id="1726210000607"]{text-align:center;z-index:2;top:19px;left:calc(50% - 600px + 16px);width:1168px;height:130px;}#rec829289243 .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) {#rec829289243 .tn-elem[data-elem-id="1726210000607"] .tn-atom:hover {background-color:#00c2ff;background-image:none;}}@media screen and (max-width:1199px) {#rec829289243 .tn-elem[data-elem-id="1726210000607"] {top:19px;width:928px;}}@media screen and (max-width:959px) {#rec829289243 .tn-elem[data-elem-id="1726210000607"] {width:608px;height:159px;}}@media screen and (max-width:639px) {#rec829289243 .tn-elem[data-elem-id="1726210000607"] {top:3px;width:288px;height:168px;}}#rec829289243 .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) {#rec829289243 .tn-elem.t396__elem--anim-hidden[data-elem-id="1718288603318"] {opacity:0;}}#rec829289243 .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) {#rec829289243 .tn-elem[data-elem-id="1718288603318"] {top:43px;left:calc(50% - 480px + 40px);height:auto;}}@media screen and (max-width:959px) {#rec829289243 .tn-elem[data-elem-id="1718288603318"] {top:35px;left:calc(50% - 320px + 32px);width:427px;height:auto;}#rec829289243 .tn-elem[data-elem-id="1718288603318"] .tn-atom{font-size:24px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289243 .tn-elem[data-elem-id="1718288603318"] {top:19px;left:calc(50% - 160px + 32px);width:231px;height:auto;}#rec829289243 .tn-elem[data-elem-id="1718288603318"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289243 .tn-elem[data-elem-id="1718289466031"]{z-index:4;top:91px;left:calc(50% - 600px + 1128px);width:32px;height:auto;}@media (min-width:1200px) {#rec829289243 .tn-elem.t396__elem--anim-hidden[data-elem-id="1718289466031"] {opacity:0;}}#rec829289243 .tn-elem[data-elem-id="1718289466031"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289243 .tn-elem[data-elem-id="1718289466031"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec829289243 .tn-elem[data-elem-id="1718289466031"] {top:94px;left:calc(50% - 480px + 888px);height:auto;}}@media screen and (max-width:959px) {#rec829289243 .tn-elem[data-elem-id="1718289466031"] {top:136px;left:calc(50% - 320px + 581px);width:27px;height:auto;}}@media screen and (max-width:639px) {#rec829289243 .tn-elem[data-elem-id="1718289466031"] {top:131px;left:calc(50% - 160px + 264px);width:24px;height:auto;}}#rec829289243 .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) {#rec829289243 .tn-elem.t396__elem--anim-hidden[data-elem-id="1719317432551"] {opacity:0;}}#rec829289243 .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) {#rec829289243 .tn-elem[data-elem-id="1719317432551"] {top:77px;left:calc(50% - 480px + 659px);height:auto;}}@media screen and (max-width:959px) {#rec829289243 .tn-elem[data-elem-id="1719317432551"] {top:139px;left:calc(50% - 320px + 32px);width:451px;height:auto;}}@media screen and (max-width:639px) {#rec829289243 .tn-elem[data-elem-id="1719317432551"] {top:115px;left:calc(50% - 160px + 32px);width:196px;height:auto;}#rec829289243 .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="829289243" 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="829289243"></div> <div class="t396__filter" data-artboard-recid="829289243"></div> <div class='t396__elem tn-elem tn-elem__8292892431726210000607' 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__8292892431718288603318 ' 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__8292892431718289466031 ' 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/781750927898/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__8292892431719317432551 ' 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('829289243');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289243');});});
}, 150);</script> <!-- /T396 --> </div> <div id="rec829372364" class="r t-rec cva" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec829372364 .t396__artboard {height:605px;background-color:#f5f5f5;}#rec829372364 .t396__filter {height:605px;}#rec829372364 .t396__carrier{height:605px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829372364 .t396__artboard,#rec829372364 .t396__filter,#rec829372364 .t396__carrier {height:660px;}#rec829372364 .t396__filter {}#rec829372364 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829372364 .t396__artboard,#rec829372364 .t396__filter,#rec829372364 .t396__carrier {height:1230px;}#rec829372364 .t396__filter {}#rec829372364 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829372364 .t396__artboard,#rec829372364 .t396__filter,#rec829372364 .t396__carrier {height:940px;}#rec829372364 .t396__filter {}#rec829372364 .t396__carrier {background-attachment:scroll;}}#rec829372364 .tn-elem[data-elem-id="1732205334038"]{color:#131415;text-align:LEFT;z-index:3;top:44px;left:calc(50% - 600px + 520px);width:647px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334038"] .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) {#rec829372364 .tn-elem[data-elem-id="1732205334038"] {top:44px;left:calc(50% - 480px + 472px);width:345px;height:auto;}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334038"] {top:32px;left:calc(50% - 320px + 41px);width:520px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334038"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334038"] {top:40px;left:calc(50% - 160px + 16px);width:276px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334038"] .tn-atom{font-size:24px;background-size:cover;}}#rec829372364 .tn-elem[data-elem-id="1732205334045"]{color:#131415;z-index:4;top:132px;left:calc(50% - 600px + 537px);width:553px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334045"] .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) {#rec829372364 .tn-elem[data-elem-id="1732205334045"] {top:180px;left:calc(50% - 480px + 490px);width:451px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334045"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334045"] {top:835px;left:calc(50% - 320px + 55px);width:565px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334045"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334045"] {top:416px;left:calc(50% - 160px + 36px);width:264px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334045"] .tn-atom{font-size:14px;background-size:cover;}}#rec829372364 .tn-elem[data-elem-id="1732205334053"]{z-index:5;top:35px;left:calc(50% - 600px + 20px);width:416px;height:513px;}#rec829372364 .tn-elem[data-elem-id="1732205334053"] .tn-atom {border-radius:0px 0px 0px 0px;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) {#rec829372364 .tn-elem[data-elem-id="1732205334053"] {top:48px;height:560px;}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334053"] {top:98px;left:calc(50% - 320px + 22px);width:608px;height:686px;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334053"] {top:82px;left:calc(50% - 160px + 16px);width:288px;height:305px;}}#rec829372364 .tn-elem[data-elem-id="1732205334057"]{color:#131415;z-index:6;top:222px;left:calc(50% - 600px + 537px);width:553px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334057"] .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) {#rec829372364 .tn-elem[data-elem-id="1732205334057"] {top:259px;left:calc(50% - 480px + 490px);width:431px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334057"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334057"] {top:895px;left:calc(50% - 320px + 55px);width:565px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334057"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334057"] {top:511px;left:calc(50% - 160px + 36px);width:264px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334057"] .tn-atom{font-size:14px;background-size:cover;}}#rec829372364 .tn-elem[data-elem-id="1732205334063"]{color:#131415;z-index:7;top:336px;left:calc(50% - 600px + 537px);width:553px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334063"] .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) {#rec829372364 .tn-elem[data-elem-id="1732205334063"] {top:370px;left:calc(50% - 480px + 490px);width:451px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334063"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334063"] {top:1002px;left:calc(50% - 320px + 55px);width:565px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334063"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334063"] {top:646px;left:calc(50% - 160px + 36px);width:264px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334063"] .tn-atom{font-size:14px;background-size:cover;}}#rec829372364 .tn-elem[data-elem-id="1732205334067"]{color:#ffffff;text-align:center;z-index:8;top:495px;left:calc(50% - 600px + 521px);width:304px;height:56px;}#rec829372364 .tn-elem[data-elem-id="1732205334067"] .tn-atom{color:#ffffff;font-size:18px;font-family:'Manrope',Arial,sans-serif;line-height:1.55;font-weight:500;border-width:1px;border-radius:0px 0px 0px 0px;background-color:#433eff;background-position:center center;border-color:#f5f5f5 ;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) {#rec829372364 .tn-elem[data-elem-id="1732205334067"] .tn-atom:hover {background-color:#f5f5f5;background-image:none;border-color:#433eff;}#rec829372364 .tn-elem[data-elem-id="1732205334067"] .tn-atom:hover {color:#241eff;}}@media screen and (max-width:1199px) {#rec829372364 .tn-elem[data-elem-id="1732205334067"] {top:552px;left:calc(50% - 480px + 485px);}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334067"] {top:1153px;left:calc(50% - 320px + 196px);width:256px;}#rec829372364 .tn-elem[data-elem-id="1732205334067"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334067"] {top:848px;left:calc(50% - 160px + 22px);width:288px;height:55px;}#rec829372364 .tn-elem[data-elem-id="1732205334067"] .tn-atom{font-size:16px;background-size:cover;}}#rec829372364 .tn-elem[data-elem-id="1732205334071"]{z-index:9;top:142px;left:calc(50% - 600px + 510px);width:12px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334071"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829372364 .tn-elem[data-elem-id="1732205334071"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec829372364 .tn-elem[data-elem-id="1732205334071"] {top:190px;left:calc(50% - 480px + 458px);height:auto;}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334071"] {top:845px;left:calc(50% - 320px + 20px);height:auto;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334071"] {top:426px;left:calc(50% - 160px + 10px);height:auto;}}#rec829372364 .tn-elem[data-elem-id="1732205334075"]{z-index:10;top:232px;left:calc(50% - 600px + 510px);width:12px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334075"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829372364 .tn-elem[data-elem-id="1732205334075"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec829372364 .tn-elem[data-elem-id="1732205334075"] {top:269px;left:calc(50% - 480px + 458px);height:auto;}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334075"] {top:905px;left:calc(50% - 320px + 20px);height:auto;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334075"] {top:521px;left:calc(50% - 160px + 10px);height:auto;}}#rec829372364 .tn-elem[data-elem-id="1732205334077"]{z-index:11;top:346px;left:calc(50% - 600px + 510px);width:12px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334077"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829372364 .tn-elem[data-elem-id="1732205334077"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec829372364 .tn-elem[data-elem-id="1732205334077"] {top:380px;left:calc(50% - 480px + 458px);height:auto;}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334077"] {top:1012px;left:calc(50% - 320px + 20px);height:auto;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334077"] {top:656px;left:calc(50% - 160px + 10px);width:12px;height:auto;}}#rec829372364 .tn-elem[data-elem-id="1732205334079"]{color:#131415;z-index:12;top:406px;left:calc(50% - 600px + 537px);width:553px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334079"] .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) {#rec829372364 .tn-elem[data-elem-id="1732205334079"] {top:454px;left:calc(50% - 480px + 490px);width:430px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334079"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334079"] {top:1062px;left:calc(50% - 320px + 55px);width:565px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334079"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334079"] {top:747px;left:calc(50% - 160px + 36px);width:264px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334079"] .tn-atom{font-size:14px;background-size:cover;}}#rec829372364 .tn-elem[data-elem-id="1732205334083"]{z-index:13;top:416px;left:calc(50% - 600px + 510px);width:12px;height:auto;}#rec829372364 .tn-elem[data-elem-id="1732205334083"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829372364 .tn-elem[data-elem-id="1732205334083"] .tn-atom__vector svg {display:block;}@media screen and (max-width:1199px) {#rec829372364 .tn-elem[data-elem-id="1732205334083"] {top:464px;left:calc(50% - 480px + 458px);height:auto;}}@media screen and (max-width:959px) {#rec829372364 .tn-elem[data-elem-id="1732205334083"] {top:1072px;left:calc(50% - 320px + 20px);height:auto;}}@media screen and (max-width:639px) {#rec829372364 .tn-elem[data-elem-id="1732205334083"] {top:757px;left:calc(50% - 160px + 10px);height:auto;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="829372364" data-artboard-screens="320,640,960,1200" data-artboard-height="605" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="940" data-artboard-upscale-res-320="window" data-artboard-height-res-640="1230" data-artboard-height-res-960="660" data-artboard-upscale-res-960="grid"> <div class="t396__carrier" data-artboard-recid="829372364"></div> <div class="t396__filter" data-artboard-recid="829372364"></div> <div class='t396__elem tn-elem tn-elem__8293723641732205334038' data-elem-id='1732205334038' data-elem-type='text' data-field-top-value="44" data-field-left-value="520" data-field-height-value="54" 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="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="40" data-field-left-res-320-value="16" data-field-width-res-320-value="276" data-field-top-res-640-value="32" data-field-left-res-640-value="41" data-field-width-res-640-value="520" data-field-top-res-960-value="44" data-field-left-res-960-value="472" data-field-width-res-960-value="345"> <h2 class='tn-atom'field='tn_text_1732205334038'>Как проходит обучение</h2> </div> <div class='t396__elem tn-elem tn-elem__8293723641732205334045' data-elem-id='1732205334045' data-elem-type='text' data-field-top-value="132" data-field-left-value="537" data-field-height-value="78" 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="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="416" data-field-left-res-320-value="36" data-field-width-res-320-value="264" data-field-top-res-640-value="835" data-field-left-res-640-value="55" data-field-width-res-640-value="565" data-field-top-res-960-value="180" data-field-left-res-960-value="490" data-field-width-res-960-value="451"> <div class='tn-atom'field='tn_text_1732205334045'>Вы учитесь на курсе <span style="color: rgb(46, 63, 127);">самостоятельно, он абсолютно бесплатный.</span> Занимайтесь на платформе в удобное время и из любой точки мира.</div> </div> <div class='t396__elem tn-elem tn-elem__8293723641732205334053' data-elem-id='1732205334053' data-elem-type='shape' data-field-top-value="35" data-field-left-value="20" data-field-height-value="513" 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="82" data-field-left-res-320-value="16" data-field-height-res-320-value="305" data-field-width-res-320-value="288" data-field-top-res-640-value="98" data-field-left-res-640-value="22" data-field-height-res-640-value="686" 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/781750927898/tild3663-3636-4230-a435-323133663864__osnovy-html-css-01.jpg');"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__8293723641732205334057' data-elem-id='1732205334057' data-elem-type='text' data-field-top-value="222" data-field-left-value="537" data-field-height-value="104" 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="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="511" data-field-left-res-320-value="36" data-field-width-res-320-value="264" data-field-top-res-640-value="895" data-field-left-res-640-value="55" data-field-width-res-640-value="565" data-field-top-res-960-value="259" data-field-left-res-960-value="490" data-field-width-res-960-value="431"> <div class='tn-atom'field='tn_text_1732205334057'>Курс состоит из <span style="color: rgb(46, 63, 127);">12 уроков по современной верстке и 39 бонусных уроков по базе JavaScript,</span> а также 46 проверочных тестов, 46 упражнений на практическое закрепление теории и дополнительных материалов.</div> </div> <div class='t396__elem tn-elem tn-elem__8293723641732205334063' data-elem-id='1732205334063' data-elem-type='text' data-field-top-value="336" data-field-left-value="537" data-field-height-value="52" 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="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="646" data-field-left-res-320-value="36" data-field-width-res-320-value="264" data-field-top-res-640-value="1002" data-field-left-res-640-value="55" data-field-width-res-640-value="565" data-field-top-res-960-value="370" data-field-left-res-960-value="490" data-field-width-res-960-value="451"> <div class='tn-atom'field='tn_text_1732205334063'>Вы можете вернуться к любому уроку курса, чтобы освежить свои знания по теме и найти ответ на возникший вопрос.</div> </div> <div class='t396__elem tn-elem tn-elem__8293723641732205334067' data-elem-id='1732205334067' data-elem-type='button' data-field-top-value="495" data-field-left-value="521" data-field-height-value="56" data-field-width-value="304" 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="848" data-field-left-res-320-value="22" data-field-height-res-320-value="55" data-field-width-res-320-value="288" data-field-top-res-640-value="1153" data-field-left-res-640-value="196" data-field-width-res-640-value="256" data-field-top-res-960-value="552" data-field-left-res-960-value="485"> <a class='tn-atom' href="https://ru.hexlet.io/programs/web-development-free/goto">Начать курс</a> </div> <div class='t396__elem tn-elem tn-elem__8293723641732205334071' data-elem-id='1732205334071' data-elem-type='vector' data-field-top-value="142" data-field-left-value="510" data-field-height-value="6" 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="px" data-field-widthunits-value="px" data-field-heightmode-value="hug" data-field-top-res-320-value="426" data-field-left-res-320-value="10" data-field-top-res-640-value="845" data-field-left-res-640-value="20" data-field-top-res-960-value="190" data-field-left-res-960-value="458"> <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"?--> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="none"> <path d="M6 0L12 3.176475L6 6L0 3.176475L6 0Z" fill="#433EFF"></path> </svg> </div> </div> <div class='t396__elem tn-elem tn-elem__8293723641732205334075' data-elem-id='1732205334075' data-elem-type='vector' data-field-top-value="232" data-field-left-value="510" data-field-height-value="6" 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="px" data-field-widthunits-value="px" data-field-heightmode-value="hug" data-field-top-res-320-value="521" data-field-left-res-320-value="10" data-field-top-res-640-value="905" data-field-left-res-640-value="20" data-field-top-res-960-value="269" data-field-left-res-960-value="458"> <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"?--> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="none"> <path d="M6 0L12 3.176475L6 6L0 3.176475L6 0Z" fill="#433EFF"></path> </svg> </div> </div> <div class='t396__elem tn-elem tn-elem__8293723641732205334077' data-elem-id='1732205334077' data-elem-type='vector' data-field-top-value="346" data-field-left-value="510" data-field-height-value="6" 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="px" data-field-widthunits-value="px" data-field-heightmode-value="hug" data-field-top-res-320-value="656" data-field-left-res-320-value="10" data-field-width-res-320-value="12" data-field-container-res-320-value="grid" data-field-top-res-640-value="1012" data-field-left-res-640-value="20" data-field-top-res-960-value="380" data-field-left-res-960-value="458"> <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"?--> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="none"> <path d="M6 0L12 3.176475L6 6L0 3.176475L6 0Z" fill="#433EFF"></path> </svg> </div> </div> <div class='t396__elem tn-elem tn-elem__8293723641732205334079' data-elem-id='1732205334079' data-elem-type='text' data-field-top-value="406" data-field-left-value="537" data-field-height-value="52" 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="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-top-res-320-value="747" data-field-left-res-320-value="36" data-field-width-res-320-value="264" data-field-top-res-640-value="1062" data-field-left-res-640-value="55" data-field-width-res-640-value="565" data-field-top-res-960-value="454" data-field-left-res-960-value="490" data-field-width-res-960-value="430"> <div class='tn-atom'field='tn_text_1732205334079'>Во время обучения можно задавать вопросы по занятиям команде поддержки Хекслета.</div> </div> <div class='t396__elem tn-elem tn-elem__8293723641732205334083' data-elem-id='1732205334083' data-elem-type='vector' data-field-top-value="416" data-field-left-value="510" data-field-height-value="6" 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="px" data-field-widthunits-value="px" data-field-heightmode-value="hug" data-field-top-res-320-value="757" data-field-left-res-320-value="10" data-field-top-res-640-value="1072" data-field-left-res-640-value="20" data-field-top-res-960-value="464" data-field-left-res-960-value="458"> <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"?--> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="none"> <path d="M6 0L12 3.176475L6 6L0 3.176475L6 0Z" fill="#433EFF"></path> </svg> </div> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('829372364');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829372364');});});
}, 160);</script> <!-- /T396 --> </div> <div id="rec829289245" 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> #rec829289245 .t030__title{color:#f5f5f5;font-weight:500;font-family:'Manrope';}@media screen and (min-width:900px){#rec829289245 .t030__title{font-size:40px;}}@media screen and (min-width:480px) and (max-width:900px){#rec829289245 .t030__title{font-size:24px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec829289245 .t030__title{font-size:24px;}}#rec829289245 .t030__descr{color:#949494;padding-bottom:56px;}</style> </div> <div id="rec829289246" 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_829289246"
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="font-size: 14px; font-weight: 400; color: rgb(144, 144, 144);">Продолжительность – 12 часов</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_829289246"
style="display:block"> <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1717688471840"><span style="color: rgb(144, 144, 144);">12 уроков, 8 проверочных тестов, 5+3 упражнений в тренажере, Дополнительные материалы</span><br /><br /><strong style="font-size: 24px;">Что вы&nbsp;изучите:</strong><br /><br /><ul><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144);">Базу современной верстки, главные </span><strong style="color: rgb(144, 144, 144);">HTML-теги</strong><span style="color: rgb(144, 144, 144);"> и&nbsp;их&nbsp;использование на&nbsp;странице, визуальное оформление элементов веб-страницы.</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144);">Отладке кода в&nbsp;веб-панели с&nbsp;помощью инструментов веб-разработчика, поиску и&nbsp;устранению ошибок.</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144);">Работе в&nbsp;Visual Studio Code, а&nbsp;также использованию плагина Emmet для оптимизации верстки.</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144);">Типовые графические редакторы и&nbsp;взаимодействие с&nbsp;макетами, путь публикации страниц в&nbsp;интернете.</span></li></ul><br /><strong style="font-size: 24px;">Уроки:</strong><br /><br /><ol><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Введение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Введение в&nbsp;HTML</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Блочная модель</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Семантический HTML</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Базовая структура HTML-документа</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Основы CSS</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Каскадность в&nbsp;CSS</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Chrome DevTools</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Редакторы кода</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Emmet</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Публикация в&nbsp;интернете</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Графические редакторы</span></li></ol><br /><strong style="font-size: 24px;">Испытания:</strong><br /><br /><ul><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144);">Таблица</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144);">Карточки профилей</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144);">Форма регистрации</span></li></ul></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_829289246"
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="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_829289246"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1725978625982"><span style="color: rgb(144, 144, 144);">39 уроков, 38 проверочных тестов, 38 упражнений в тренажере, Дополнительные материалы</span><br /><br /><strong style="font-size: 24px;">Что вы&nbsp;изучите:</strong><br /><br /><ul><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144);">Программирование на&nbsp;JavaScript, его принципы и&nbsp;особенности.</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144);">Разработку несложных программ, определение и&nbsp;использование функций, создание языковых конструкций.</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144);">Тестирование программ на&nbsp;JS, поиск, анализ и&nbsp;устранение ошибок.</span></li></ul><br /><strong style="font-size: 24px;">Уроки:</strong><br /><br /><ol><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Введение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Hello, World!</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Инструкции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Арифметические операции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Ошибки оформления (синтаксиса и&nbsp;линтера)</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Строки</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Переменные</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Выражения в&nbsp;определениях</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Именование</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Интерполяция</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Извлечение символов из&nbsp;строки</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Типы данных</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Неизменяемость и&nbsp;примитивные типы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Функции и&nbsp;их&nbsp;вызов</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Сигнатура функции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Вызов функции&nbsp;— выражение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Функции с&nbsp;переменным числом параметров</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Детерминированность</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Стандартная библиотека</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Свойства и&nbsp;методы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Цепочка вызовов</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Определение функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Возврат значений</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Параметры функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Необязательные параметры функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Упрощенный синтаксис функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Логика</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Логические операторы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Результат логических операций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Условные конструкции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Тернарный оператор</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Конструкция Switch</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Цикл while</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Агрегация данных</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Обход строк в&nbsp;цикле</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Условия внутри тела цикла</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Инкремент и&nbsp;декремент</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Цикл for</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 16px;">Модули</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('829289246');});});
}, 170);</script> <style> #rec829289246 .t585__title{color:#f5f5f5;font-weight:500;font-family:'Manrope';max-width:650px;}@media screen and (min-width:480px){#rec829289246 .t585__title{font-size:30px;line-height:1;}}#rec829289246 .t585__text{font-size:18px;line-height:1.55;color:#f5f5f5;font-weight:400;font-family:'Manrope';max-width:650px;}</style> </div> <div id="rec829289247" 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_829289247"
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_829289247"
style="display:block"> <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__7917958943720"><span style="color: rgb(144, 144, 144); font-size: 14px;">12 уроков, 8 проверочных тестов, 5+3 упражнений в тренажере, Дополнительные материалы</span><br /><br /><strong style="font-size: 18px;">Что вы&nbsp;изучите:</strong><br /><br /><ul><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Базу современной верстки, главные </span><strong style="color: rgb(144, 144, 144); font-size: 14px;">HTML-теги</strong><span style="color: rgb(144, 144, 144); font-size: 14px;"> и&nbsp;их&nbsp;использование на&nbsp;странице, визуальное оформление элементов веб-страницы.</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Отладке кода в&nbsp;веб-панели с&nbsp;помощью инструментов веб-разработчика, поиску и&nbsp;устранению ошибок.</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Работе в&nbsp;Visual Studio Code, а&nbsp;также использованию плагина Emmet для оптимизации верстки.</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Типовые графические редакторы и&nbsp;взаимодействие с&nbsp;макетами, путь публикации страниц в&nbsp;интернете.</span></li></ul><br /><strong style="font-size: 18px;">Уроки:</strong><br /><br /><br /><ol><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Введение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Введение в&nbsp;HTML</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Блочная модель</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Семантический HTML</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Базовая структура HTML-документа</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Основы CSS</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Каскадность в&nbsp;CSS</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Chrome DevTools</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Редакторы кода</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Emmet</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Публикация в&nbsp;интернете</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Графические редакторы</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_829289247"
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_829289247"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__7917958943721"><span style="color: rgb(144, 144, 144); font-size: 14px;">39 уроков, 38 проверочных тестов, 38 упражнений в тренажере, Дополнительные материалы</span><br /><br /><strong style="font-size: 18px;">Что вы&nbsp;изучите:</strong><br /><br /><ul><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Программирование на&nbsp;JavaScript, его принципы и&nbsp;особенности.</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Разработку несложных программ, определение и&nbsp;использование функций, создание языковых конструкций.</span></li><li data-list="bullet" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Тестирование программ на&nbsp;JS, поиск, анализ и&nbsp;устранение ошибок.</span></li></ul><br /><strong style="font-size: 18px;">Уроки:</strong><br /><br /><br /><ol><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Введение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Hello, World!</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Инструкции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Арифметические операции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Ошибки оформления (синтаксиса и&nbsp;линтера)</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Строки</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Переменные</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Выражения в&nbsp;определениях</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Именование</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Интерполяция</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Извлечение символов из&nbsp;строки</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Типы данных</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Неизменяемость и&nbsp;примитивные типы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Функции и&nbsp;их&nbsp;вызов</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Сигнатура функции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Вызов функции&nbsp;— выражение</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Функции с&nbsp;переменным числом параметров</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Детерминированность</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Стандартная библиотека</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Свойства и&nbsp;методы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Цепочка вызовов</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Определение функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Возврат значений</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Параметры функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Необязательные параметры функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Упрощенный синтаксис функций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Логика</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Логические операторы</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Результат логических операций</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Условные конструкции</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Тернарный оператор</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Конструкция Switch</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Цикл while</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Агрегация данных</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Обход строк в&nbsp;цикле</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Условия внутри тела цикла</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Инкремент и&nbsp;декремент</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Цикл for</span></li><li data-list="ordered" style="color: rgb(144, 144, 144);"><span style="color: rgb(144, 144, 144); font-size: 14px;">Модули</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('829289247');});});
}, 180);</script> <style> #rec829289247 .t585__title{font-size:18px;line-height:1.4;color:#f5f5f5;font-weight:500;font-family:'Manrope';max-width:650px;}#rec829289247 .t585__text{font-size:14px;line-height:1.4;color:#f5f5f5;font-weight:400;font-family:'Manrope';max-width:650px;}</style> </div> <div id="rec829289248" class="r t-rec cva" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec829289248 .t396__artboard {height:184px;background-color:#212121;}#rec829289248 .t396__filter {height:184px;}#rec829289248 .t396__carrier{height:184px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289248 .t396__artboard,#rec829289248 .t396__filter,#rec829289248 .t396__carrier {height:185px;}#rec829289248 .t396__filter {}#rec829289248 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289248 .t396__artboard,#rec829289248 .t396__filter,#rec829289248 .t396__carrier {height:185px;}#rec829289248 .t396__filter {}#rec829289248 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289248 .t396__artboard,#rec829289248 .t396__filter,#rec829289248 .t396__carrier {height:166px;}#rec829289248 .t396__filter {}#rec829289248 .t396__carrier {background-attachment:scroll;}}#rec829289248 .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;}#rec829289248 .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) {#rec829289248 .tn-elem[data-elem-id="1725965968757"] .tn-atom:hover {background-color:#241eff;background-image:none;border-color:#241eff;}#rec829289248 .tn-elem[data-elem-id="1725965968757"] .tn-atom:hover {color:#f5f5f5;}}@media screen and (max-width:1199px) {#rec829289248 .tn-elem[data-elem-id="1725965968757"] {top:40px;left:calc(50% - 480px + 570px);width:374px;}}@media screen and (max-width:959px) {#rec829289248 .tn-elem[data-elem-id="1725965968757"] {top:40px;left:calc(50% - 320px + 16px);width:608px;}}@media screen and (max-width:639px) {#rec829289248 .tn-elem[data-elem-id="1725965968757"] {top:31px;left:calc(50% - 160px + 16px);width:288px;height:55px;}#rec829289248 .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="829289248" 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="829289248"></div> <div class="t396__filter" data-artboard-recid="829289248"></div> <div class='t396__elem tn-elem tn-elem__8292892481725965968757' 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" rel="nofollow" target="_blank">Начать изучение веб-разработки</a> </div> </div> </div> <script>setTimeout(function() {
 t_onFuncLoad('t396_initialScale',function() {t396_initialScale('829289248');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289248');});});
}, 190);</script> <!-- /T396 --> </div> <div id="rec829289249" class="r t-rec cva" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5"> <!-- T396 --> <style>#rec829289249 .t396__artboard {height:182px;background-color:#f5f5f5;}#rec829289249 .t396__filter {height:182px;}#rec829289249 .t396__carrier{height:182px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289249 .t396__artboard,#rec829289249 .t396__filter,#rec829289249 .t396__carrier {height:182px;}#rec829289249 .t396__filter {}#rec829289249 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289249 .t396__artboard,#rec829289249 .t396__filter,#rec829289249 .t396__carrier {height:236px;}#rec829289249 .t396__filter {}#rec829289249 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289249 .t396__artboard,#rec829289249 .t396__filter,#rec829289249 .t396__carrier {height:168px;}#rec829289249 .t396__filter {}#rec829289249 .t396__carrier {background-attachment:scroll;}}#rec829289249 .tn-elem[data-elem-id="1718206159001"]{color:#131415;text-align:LEFT;z-index:3;top:88px;left:calc(50% - 600px + 16px);width:634px;height:auto;}#rec829289249 .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) {#rec829289249 .tn-elem[data-elem-id="1718206159001"] {top:88px;left:calc(50% - 480px + 16px);height:auto;}#rec829289249 .tn-elem[data-elem-id="1718206159001"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289249 .tn-elem[data-elem-id="1718206159001"] {top:88px;left:calc(50% - 320px + 16px);width:372px;height:auto;}#rec829289249 .tn-elem[data-elem-id="1718206159001"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289249 .tn-elem[data-elem-id="1718206159001"] {top:80px;width:213px;height:auto;}#rec829289249 .tn-elem[data-elem-id="1718206159001"] .tn-atom{font-size:24px;background-size:cover;}}#rec829289249 .tn-elem[data-elem-id="1725973960974"]{z-index:4;top:102px;left:calc(50% - 600px + 1144px);width:40px;height:auto;}#rec829289249 .tn-elem[data-elem-id="1725973960974"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289249 .tn-elem[data-elem-id="1725973960974"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec829289249 .tn-elem[data-elem-id="1725973960974"] {top:102px;left:calc(50% - 480px + 904px);height:auto;}}@media screen and (max-width:959px) {#rec829289249 .tn-elem[data-elem-id="1725973960974"] {top:101px;left:calc(50% - 320px + 584px);height:auto;}}@media screen and (max-width:639px) {#rec829289249 .tn-elem[data-elem-id="1725973960974"] {top:80px;left:calc(50% - 160px + 406px);width:28px;height:auto;}}#rec829289249 .tn-elem[data-elem-id="1725973960978"]{z-index:5;top:102px;left:calc(50% - 600px + 1088px);width:40px;height:auto;}#rec829289249 .tn-elem[data-elem-id="1725973960978"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289249 .tn-elem[data-elem-id="1725973960978"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec829289249 .tn-elem[data-elem-id="1725973960978"] {top:102px;left:calc(50% - 480px + 848px);height:auto;}}@media screen and (max-width:959px) {#rec829289249 .tn-elem[data-elem-id="1725973960978"] {top:101px;left:calc(50% - 320px + 528px);height:auto;}}@media screen and (max-width:639px) {#rec829289249 .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="829289249" 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="829289249"></div> <div class="t396__filter" data-artboard-recid="829289249"></div> <div class='t396__elem tn-elem tn-elem__8292892491718206159001' 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__8292892491725973960974' 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/781750927898/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__8292892491725973960978' 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/781750927898/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('829289249');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289249');});});
}, 200);</script> <!-- /T396 --> </div> <div id="rec829289250" 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>#rec829289250 .t396__artboard {height:566px;background-color:#f5f5f5;overflow:auto;}#rec829289250 .t396__filter {height:566px;}#rec829289250 .t396__carrier{height:566px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289250 .t396__artboard,#rec829289250 .t396__filter,#rec829289250 .t396__carrier {height:565px;}#rec829289250 .t396__filter {}#rec829289250 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289250 .t396__artboard,#rec829289250 .t396__filter,#rec829289250 .t396__carrier {height:566px;}#rec829289250 .t396__filter {}#rec829289250 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289250 .t396__artboard,#rec829289250 .t396__filter,#rec829289250 .t396__carrier {height:402px;}#rec829289250 .t396__filter {}#rec829289250 .t396__carrier {background-attachment:scroll;}}#rec829289250 .tn-elem[data-elem-id="1718288603233"]{z-index:2;top:1px;left:calc(50% - 600px + 16px);width:379px;height:477px;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1718288603233"] {top:0px;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1718288603233"] {top:1px;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1718288603233"] {top:0px;width:262px;height:322px;}}#rec829289250 .tn-elem[data-elem-id="1725980532011"]{z-index:3;top:19px;left:calc(50% - 600px + 3951px);width:16px;height:410px;}#rec829289250 .tn-elem[data-elem-id="1725980532011"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec829289250 .tn-elem[data-elem-id="1725980532011"] {top:18px;left:calc(50% - 480px + 3951px);}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725980532011"] {top:19px;left:calc(50% - 320px + 3951px);}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725980532011"] {top:-1px;left:calc(50% - 160px + 2710px);height:322px;}}#rec829289250 .tn-elem[data-elem-id="1725976553233"]{z-index:4;top:1px;left:calc(50% - 600px + 411px);width:379px;height:477px;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976553233"] {top:0px;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976553233"] {top:1px;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976553233"] {top:0px;left:calc(50% - 160px + 286px);width:262px;height:322px;}}#rec829289250 .tn-elem[data-elem-id="1725976570874"]{z-index:5;top:1px;left:calc(50% - 600px + 806px);width:379px;height:477px;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976570874"] {top:0px;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976570874"] {top:1px;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976570874"] {top:0px;left:calc(50% - 160px + 556px);width:262px;height:322px;}}#rec829289250 .tn-elem[data-elem-id="1725976581321"]{z-index:6;top:1px;left:calc(50% - 600px + 1201px);width:379px;height:477px;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976581321"] {top:0px;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976581321"] {top:1px;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976581321"] {top:0px;left:calc(50% - 160px + 826px);width:262px;height:322px;}}#rec829289250 .tn-elem[data-elem-id="1725976593841"]{z-index:7;top:1px;left:calc(50% - 600px + 1596px);width:379px;height:477px;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593841"] {top:0px;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593841"] {top:1px;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593841"] {top:0px;left:calc(50% - 160px + 1096px);width:262px;height:322px;}}#rec829289250 .tn-elem[data-elem-id="1725976593856"]{z-index:8;top:1px;left:calc(50% - 600px + 1991px);width:379px;height:477px;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593856"] {top:0px;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593856"] {top:1px;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593856"] {top:0px;left:calc(50% - 160px + 1366px);width:262px;height:322px;}}#rec829289250 .tn-elem[data-elem-id="1725976593870"]{z-index:9;top:1px;left:calc(50% - 600px + 2386px);width:379px;height:477px;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593870"] {top:0px;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593870"] {top:1px;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593870"] {top:0px;left:calc(50% - 160px + 1636px);width:262px;height:322px;}}#rec829289250 .tn-elem[data-elem-id="1725976621749"]{z-index:10;top:1px;left:calc(50% - 600px + 2781px);width:379px;height:477px;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621749"] {top:0px;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621749"] {top:1px;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621749"] {top:0px;left:calc(50% - 160px + 1906px);width:262px;height:322px;}}#rec829289250 .tn-elem[data-elem-id="1725976621765"]{z-index:11;top:1px;left:calc(50% - 600px + 3176px);width:379px;height:477px;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621765"] {top:0px;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621765"] {top:1px;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621765"] {top:0px;left:calc(50% - 160px + 2176px);width:262px;height:322px;}}#rec829289250 .tn-elem[data-elem-id="1725976621779"]{z-index:12;top:1px;left:calc(50% - 600px + 3571px);width:379px;height:477px;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621779"] {top:0px;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621779"] {top:1px;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621779"] {top:0px;left:calc(50% - 160px + 2446px);width:262px;height:322px;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1718288603238"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1718288603238"] {top:434px;left:calc(50% - 320px + 268px);width:127px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1718288603238"] {top:289px;left:calc(50% - 160px + 174px);width:104px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1718288603238"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1718288603242"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1718288603242"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1718288603242"] {top:289px;left:calc(50% - 160px + 32px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1718288603242"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1718288603246"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1718288603246"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1718288603246"] {top:16px;left:calc(50% - 160px + 32px);width:234px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1718288603246"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976553239"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976553239"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976553239"] {top:289px;left:calc(50% - 160px + 444px);width:104px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976553239"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976553244"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976553244"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976553244"] {top:289px;left:calc(50% - 160px + 302px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976553244"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976553247"] {top:24px;width:310px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976553247"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976553247"] {top:16px;left:calc(50% - 160px + 302px);width:205px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976553247"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976570880"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976570880"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976570880"] {top:289px;left:calc(50% - 160px + 714px);width:108px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976570880"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976570884"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976570884"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976570884"] {top:289px;left:calc(50% - 160px + 572px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976570884"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976570887"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976570887"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976570887"] {top:16px;left:calc(50% - 160px + 572px);width:231px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976570887"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976581326"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976581326"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976581326"] {top:289px;left:calc(50% - 160px + 984px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976581326"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976581330"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976581330"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976581330"] {top:289px;left:calc(50% - 160px + 842px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976581330"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976581334"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976581334"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976581334"] {top:16px;left:calc(50% - 160px + 842px);width:204px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976581334"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593846"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593846"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593846"] {top:289px;left:calc(50% - 160px + 1254px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976593846"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593849"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593849"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593849"] {top:289px;left:calc(50% - 160px + 1112px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976593849"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593852"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593852"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593852"] {top:16px;left:calc(50% - 160px + 1112px);width:230px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976593852"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593860"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593860"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593860"] {top:289px;left:calc(50% - 160px + 1524px);width:112px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976593860"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593863"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593863"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593863"] {top:289px;left:calc(50% - 160px + 1382px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976593863"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593866"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593866"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593866"] {top:16px;left:calc(50% - 160px + 1382px);width:218px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976593866"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593874"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593874"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593874"] {top:289px;left:calc(50% - 160px + 1794px);width:104px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976593874"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593877"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593877"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593877"] {top:289px;left:calc(50% - 160px + 1652px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976593877"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976593888"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976593888"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976593888"] {top:16px;left:calc(50% - 160px + 1652px);width:211px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976593888"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621754"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621754"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621754"] {top:289px;left:calc(50% - 160px + 2064px);width:104px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976621754"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621758"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621758"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621758"] {top:289px;left:calc(50% - 160px + 1922px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976621758"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621761"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621761"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621761"] {top:16px;left:calc(50% - 160px + 1922px);width:223px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976621761"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621769"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621769"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621769"] {top:289px;left:calc(50% - 160px + 2334px);width:104px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976621769"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621772"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621772"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621772"] {top:289px;left:calc(50% - 160px + 2192px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976621772"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621776"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621776"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621776"] {top:16px;left:calc(50% - 160px + 2192px);width:210px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976621776"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621784"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621784"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621784"] {top:289px;left:calc(50% - 160px + 2604px);width:106px;height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976621784"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621787"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621787"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621787"] {top:289px;left:calc(50% - 160px + 2462px);height:auto;}#rec829289250 .tn-elem[data-elem-id="1725976621787"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289250 .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;}#rec829289250 .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) {#rec829289250 .tn-elem[data-elem-id="1725976621790"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289250 .tn-elem[data-elem-id="1725976621790"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289250 .tn-elem[data-elem-id="1725976621790"] {top:16px;left:calc(50% - 160px + 2462px);width:202px;height:auto;}#rec829289250 .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="829289250" 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="829289250"></div> <div class="t396__filter" data-artboard-recid="829289250"></div> <div class='t396__elem tn-elem tn-elem__8292892501718288603233' 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__8292892501725980532011' 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__8292892501725976553233' 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__8292892501725976570874' 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__8292892501725976581321' 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__8292892501725976593841' 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__8292892501725976593856' 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__8292892501725976593870' 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__8292892501725976621749' 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__8292892501725976621765' 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__8292892501725976621779' 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__8292892501718288603238' 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__8292892501718288603242' 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__8292892501718288603246' 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__8292892501725976553239' 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__8292892501725976553244' 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__8292892501725976553247' 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__8292892501725976570880' 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__8292892501725976570884' 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__8292892501725976570887' 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__8292892501725976581326' 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__8292892501725976581330' 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__8292892501725976581334' 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__8292892501725976593846' 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__8292892501725976593849' 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__8292892501725976593852' 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__8292892501725976593860' 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__8292892501725976593863' 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__8292892501725976593866' 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__8292892501725976593874' 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__8292892501725976593877' 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__8292892501725976593888' 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__8292892501725976621754' 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__8292892501725976621758' 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__8292892501725976621761' 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__8292892501725976621769' 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__8292892501725976621772' 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__8292892501725976621776' 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__8292892501725976621784' 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__8292892501725976621787' 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__8292892501725976621790' 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('829289250');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289250');});});
}, 210);</script> <!-- /T396 --> </div> <div id="rec829289251" 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>#rec829289251 .t396__artboard {height:566px;background-color:#f5f5f5;overflow:auto;}#rec829289251 .t396__filter {height:566px;}#rec829289251 .t396__carrier{height:566px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289251 .t396__artboard,#rec829289251 .t396__filter,#rec829289251 .t396__carrier {height:565px;}#rec829289251 .t396__filter {}#rec829289251 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289251 .t396__artboard,#rec829289251 .t396__filter,#rec829289251 .t396__carrier {height:566px;}#rec829289251 .t396__filter {}#rec829289251 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289251 .t396__artboard,#rec829289251 .t396__filter,#rec829289251 .t396__carrier {height:402px;}#rec829289251 .t396__filter {}#rec829289251 .t396__carrier {background-attachment:scroll;}}#rec829289251 .tn-elem[data-elem-id="1718288603233"]{z-index:2;top:1px;left:calc(50% - 600px + 16px);width:379px;height:477px;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1718288603233"] {top:0px;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1718288603233"] {top:1px;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1718288603233"] {top:0px;width:262px;height:322px;}}#rec829289251 .tn-elem[data-elem-id="1725980532011"]{z-index:3;top:19px;left:calc(50% - 600px + 3951px);width:16px;height:410px;}#rec829289251 .tn-elem[data-elem-id="1725980532011"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec829289251 .tn-elem[data-elem-id="1725980532011"] {top:18px;left:calc(50% - 480px + 3951px);}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725980532011"] {top:19px;left:calc(50% - 320px + 3951px);}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725980532011"] {top:-1px;left:calc(50% - 160px + 2710px);height:322px;}}#rec829289251 .tn-elem[data-elem-id="1725976553233"]{z-index:4;top:1px;left:calc(50% - 600px + 411px);width:379px;height:477px;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976553233"] {top:0px;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976553233"] {top:1px;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976553233"] {top:0px;left:calc(50% - 160px + 286px);width:262px;height:322px;}}#rec829289251 .tn-elem[data-elem-id="1725976570874"]{z-index:5;top:1px;left:calc(50% - 600px + 806px);width:379px;height:477px;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976570874"] {top:0px;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976570874"] {top:1px;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976570874"] {top:0px;left:calc(50% - 160px + 556px);width:262px;height:322px;}}#rec829289251 .tn-elem[data-elem-id="1725976581321"]{z-index:6;top:1px;left:calc(50% - 600px + 1201px);width:379px;height:477px;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976581321"] {top:0px;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976581321"] {top:1px;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976581321"] {top:0px;left:calc(50% - 160px + 826px);width:262px;height:322px;}}#rec829289251 .tn-elem[data-elem-id="1725976593841"]{z-index:7;top:1px;left:calc(50% - 600px + 1596px);width:379px;height:477px;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593841"] {top:0px;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593841"] {top:1px;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593841"] {top:0px;left:calc(50% - 160px + 1096px);width:262px;height:322px;}}#rec829289251 .tn-elem[data-elem-id="1725976593856"]{z-index:8;top:1px;left:calc(50% - 600px + 1991px);width:379px;height:477px;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593856"] {top:0px;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593856"] {top:1px;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593856"] {top:0px;left:calc(50% - 160px + 1366px);width:262px;height:322px;}}#rec829289251 .tn-elem[data-elem-id="1725976593870"]{z-index:9;top:1px;left:calc(50% - 600px + 2386px);width:379px;height:477px;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593870"] {top:0px;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593870"] {top:1px;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593870"] {top:0px;left:calc(50% - 160px + 1636px);width:262px;height:322px;}}#rec829289251 .tn-elem[data-elem-id="1725976621749"]{z-index:10;top:1px;left:calc(50% - 600px + 2781px);width:379px;height:477px;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621749"] {top:0px;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621749"] {top:1px;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621749"] {top:0px;left:calc(50% - 160px + 1906px);width:262px;height:322px;}}#rec829289251 .tn-elem[data-elem-id="1725976621765"]{z-index:11;top:1px;left:calc(50% - 600px + 3176px);width:379px;height:477px;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621765"] {top:0px;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621765"] {top:1px;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621765"] {top:0px;left:calc(50% - 160px + 2176px);width:262px;height:322px;}}#rec829289251 .tn-elem[data-elem-id="1725976621779"]{z-index:12;top:1px;left:calc(50% - 600px + 3571px);width:379px;height:477px;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621779"] {top:0px;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621779"] {top:1px;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621779"] {top:0px;left:calc(50% - 160px + 2446px);width:262px;height:322px;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1718288603238"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1718288603238"] {top:434px;left:calc(50% - 320px + 268px);width:127px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1718288603238"] {top:289px;left:calc(50% - 160px + 174px);width:104px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1718288603238"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1718288603242"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1718288603242"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1718288603242"] {top:289px;left:calc(50% - 160px + 32px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1718288603242"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1718288603246"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1718288603246"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1718288603246"] {top:16px;left:calc(50% - 160px + 32px);width:228px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1718288603246"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976553239"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976553239"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976553239"] {top:289px;left:calc(50% - 160px + 444px);width:104px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976553239"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976553244"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976553244"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976553244"] {top:289px;left:calc(50% - 160px + 302px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976553244"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976553247"] {top:24px;width:310px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976553247"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976553247"] {top:16px;left:calc(50% - 160px + 302px);width:205px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976553247"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976570880"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976570880"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976570880"] {top:289px;left:calc(50% - 160px + 714px);width:108px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976570880"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976570884"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976570884"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976570884"] {top:289px;left:calc(50% - 160px + 572px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976570884"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976570887"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976570887"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976570887"] {top:16px;left:calc(50% - 160px + 572px);width:231px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976570887"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976581326"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976581326"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976581326"] {top:289px;left:calc(50% - 160px + 984px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976581326"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976581330"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976581330"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976581330"] {top:289px;left:calc(50% - 160px + 842px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976581330"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976581334"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976581334"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976581334"] {top:16px;left:calc(50% - 160px + 842px);width:204px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976581334"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593846"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593846"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593846"] {top:289px;left:calc(50% - 160px + 1254px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976593846"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593849"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593849"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593849"] {top:289px;left:calc(50% - 160px + 1112px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976593849"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593852"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593852"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593852"] {top:16px;left:calc(50% - 160px + 1112px);width:230px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976593852"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593860"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593860"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593860"] {top:289px;left:calc(50% - 160px + 1524px);width:112px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976593860"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593863"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593863"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593863"] {top:289px;left:calc(50% - 160px + 1382px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976593863"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593866"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593866"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593866"] {top:16px;left:calc(50% - 160px + 1382px);width:218px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976593866"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593874"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593874"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593874"] {top:289px;left:calc(50% - 160px + 1794px);width:104px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976593874"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593877"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593877"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593877"] {top:289px;left:calc(50% - 160px + 1652px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976593877"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976593888"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976593888"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976593888"] {top:16px;left:calc(50% - 160px + 1652px);width:211px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976593888"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621754"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621754"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621754"] {top:289px;left:calc(50% - 160px + 2064px);width:104px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976621754"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621758"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621758"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621758"] {top:289px;left:calc(50% - 160px + 1922px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976621758"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621761"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621761"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621761"] {top:16px;left:calc(50% - 160px + 1922px);width:223px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976621761"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621769"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621769"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621769"] {top:289px;left:calc(50% - 160px + 2334px);width:104px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976621769"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621772"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621772"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621772"] {top:289px;left:calc(50% - 160px + 2192px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976621772"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621776"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621776"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621776"] {top:16px;left:calc(50% - 160px + 2192px);width:210px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976621776"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621784"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621784"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621784"] {top:289px;left:calc(50% - 160px + 2604px);width:106px;height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976621784"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621787"] {top:433px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621787"] {top:434px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621787"] {top:289px;left:calc(50% - 160px + 2462px);height:auto;}#rec829289251 .tn-elem[data-elem-id="1725976621787"] .tn-atom{font-size:12px;background-size:cover;}}#rec829289251 .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;}#rec829289251 .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) {#rec829289251 .tn-elem[data-elem-id="1725976621790"] {top:24px;height:auto;}}@media screen and (max-width:959px) {#rec829289251 .tn-elem[data-elem-id="1725976621790"] {top:25px;height:auto;}}@media screen and (max-width:639px) {#rec829289251 .tn-elem[data-elem-id="1725976621790"] {top:16px;left:calc(50% - 160px + 2462px);width:202px;height:auto;}#rec829289251 .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="829289251" 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="829289251"></div> <div class="t396__filter" data-artboard-recid="829289251"></div> <div class='t396__elem tn-elem tn-elem__8292892511718288603233' 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__8292892511725980532011' 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__8292892511725976553233' 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__8292892511725976570874' 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__8292892511725976581321' 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__8292892511725976593841' 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__8292892511725976593856' 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__8292892511725976593870' 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__8292892511725976621749' 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__8292892511725976621765' 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__8292892511725976621779' 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__8292892511718288603238' 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__8292892511718288603242' 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__8292892511718288603246' 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__8292892511725976553239' 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__8292892511725976553244' 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__8292892511725976553247' 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__8292892511725976570880' 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__8292892511725976570884' 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__8292892511725976570887' 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__8292892511725976581326' 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__8292892511725976581330' 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__8292892511725976581334' 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__8292892511725976593846' 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__8292892511725976593849' 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__8292892511725976593852' 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__8292892511725976593860' 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__8292892511725976593863' 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__8292892511725976593866' 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__8292892511725976593874' 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__8292892511725976593877' 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__8292892511725976593888' 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__8292892511725976621754' 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__8292892511725976621758' 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__8292892511725976621761' 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__8292892511725976621769' 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__8292892511725976621772' 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__8292892511725976621776' 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__8292892511725976621784' 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__8292892511725976621787' 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__8292892511725976621790' 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('829289251');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289251');});});
}, 220);</script> <!-- /T396 --> </div> <div id="rec829289252" 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>
#rec829289250 .t396__artboard {overflow-x: auto}
#rec829289250 .t396__artboard::-webkit-scrollbar {height: 0} /* скрывает скроллбар */
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec829289253" 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 = '#rec829289250';
    
    // Укажи ID Zero блока cо стрелками и добавь каждой класс arrow-left или arrow-right
    var blockArrowsId = '#rec829289249';
    
    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="rec829289254" class="r t-rec cva" style="background-color:#212121; " data-animationappear="off" data-record-type="396" data-bg-color="#212121"> <!-- T396 --> <style>#rec829289254 .t396__artboard {height:344px;background-color:#212121;}#rec829289254 .t396__filter {height:344px;}#rec829289254 .t396__carrier{height:344px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289254 .t396__artboard,#rec829289254 .t396__filter,#rec829289254 .t396__carrier {height:340px;}#rec829289254 .t396__filter {}#rec829289254 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289254 .t396__artboard,#rec829289254 .t396__filter,#rec829289254 .t396__carrier {height:471px;}#rec829289254 .t396__filter {}#rec829289254 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289254 .t396__artboard,#rec829289254 .t396__filter,#rec829289254 .t396__carrier {height:489px;}#rec829289254 .t396__filter {}#rec829289254 .t396__carrier {background-attachment:scroll;}}#rec829289254 .tn-elem[data-elem-id="1722956750473"]{z-index:3;top:-139px;left:calc(50% - 600px + 613px);width:1061px;height:auto;}#rec829289254 .tn-elem[data-elem-id="1722956750473"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289254 .tn-elem[data-elem-id="1722956750473"] .tn-atom__img {}@media screen and (max-width:1199px) {#rec829289254 .tn-elem[data-elem-id="1722956750473"] {top:-124px;left:calc(50% - 480px + 576px);width:964px;height:auto;}}@media screen and (max-width:959px) {#rec829289254 .tn-elem[data-elem-id="1722956750473"] {top:160px;left:calc(50% - 320px + 90px);width:631px;height:auto;}}@media screen and (max-width:639px) {#rec829289254 .tn-elem[data-elem-id="1722956750473"] {top:181px;left:calc(50% - 160px + -29px);width:539px;height:auto;}}#rec829289254 .tn-elem[data-elem-id="1722956695398"]{color:#f5f5f5;text-align:LEFT;z-index:4;top:122px;left:calc(50% - 600px + 16px);width:521px;height:auto;}#rec829289254 .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) {#rec829289254 .tn-elem[data-elem-id="1722956695398"] {top:114px;width:518px;height:auto;}}@media screen and (max-width:959px) {#rec829289254 .tn-elem[data-elem-id="1722956695398"] {top:114px;left:calc(50% - 320px + 16px);width:511px;height:auto;}#rec829289254 .tn-elem[data-elem-id="1722956695398"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289254 .tn-elem[data-elem-id="1722956695398"] {top:112px;left:calc(50% - 160px + 16px);width:261px;height:auto;}#rec829289254 .tn-elem[data-elem-id="1722956695398"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289254 .tn-elem[data-elem-id="1722956695388"]{color:#f5f5f5;text-align:LEFT;z-index:5;top:44px;left:calc(50% - 600px + 16px);width:710px;height:auto;}#rec829289254 .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) {#rec829289254 .tn-elem[data-elem-id="1722956695388"] {top:44px;width:565px;height:auto;}#rec829289254 .tn-elem[data-elem-id="1722956695388"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289254 .tn-elem[data-elem-id="1722956695388"] {top:40px;left:calc(50% - 160px + 16px);width:246px;height:auto;}#rec829289254 .tn-elem[data-elem-id="1722956695388"] .tn-atom{font-size:24px;background-size:cover;}}#rec829289254 .tn-elem[data-elem-id="1722956695457"]{z-index:6;top:9px;left:calc(50% - 600px + 820px);width:278px;height:299px;}#rec829289254 .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;}#rec829289254 .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) {#rec829289254 .tn-elem[data-elem-id="1722956695457"] {top:34px;left:calc(50% - 480px + 623px);width:238px;height:240px;}#rec829289254 .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) {#rec829289254 .tn-elem[data-elem-id="1722956695457"] {top:204px;left:calc(50% - 320px + 99px);width:212px;height:219px;}#rec829289254 .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) {#rec829289254 .tn-elem[data-elem-id="1722956695457"] {top:244px;left:calc(50% - 160px + 68px);width:180px;height:185px;}#rec829289254 .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="829289254" 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="829289254"></div> <div class="t396__filter" data-artboard-recid="829289254"></div> <div class='t396__elem tn-elem tn-elem__8292892541722956750473' 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/781750927898/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__8292892541722956695398' 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="511" 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__8292892541722956695388' 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__8292892541722956695457' 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/781750927898/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('829289254');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289254');});});
}, 230);</script> <!-- /T396 --> </div> <div id="rec829289255" 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> #rec829289255 .t030__title{color:#131415;font-weight:500;font-family:'Manrope';}@media screen and (min-width:900px){#rec829289255 .t030__title{font-size:40px;line-height:1.4;}}@media screen and (min-width:480px) and (max-width:900px){#rec829289255 .t030__title{font-size:24px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec829289255 .t030__title{font-size:24px;}}#rec829289255 .t030__descr{padding-bottom:56px;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec829289255 .t030__descr{font-size:18px;}}</style> </div> <div id="rec829289256" 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_829289256"
aria-expanded="true"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1257589691440">Когда можно начать обучение?</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_829289256"
style="display:block"> <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1257589691440">Курс можно начать в&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="accordion2_829289256"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1732202650676">Как долго длится курс?</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_829289256"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1732202650676">Курс длится примерно 62&nbsp;часа, включает теорию и&nbsp;практику веб-разработки. Но&nbsp;вы&nbsp;можете проходить занятия на&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_829289256"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1732202682443">Сколько стоит курс?</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_829289256"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1732202682443">Этот курс бесплатный! Чтобы начать обучение, достаточно зарегистрироваться на&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="accordion4_829289256"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1732202716107">Кто преподаватели?</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_829289256"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1732202716107">Наши уроки разработаны опытными экспертами в&nbsp;веб-разработке и&nbsp;программировании. На&nbsp;уроках нет преподавателя, материалы на&nbsp;платформе составлены с&nbsp;расчетом на&nbsp;самостоятельное изучение и&nbsp;практику. Но&nbsp;если у&nbsp;вас возникнут трудности, вы&nbsp;всегда можете обратиться с&nbsp;вопросом к&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_829289256"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1732202776959">Как проходит обучение?</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_829289256"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1732202776959">Всё обучение проходит на&nbsp;онлайн-платформе Хекслета. Для начала вам нужен только компьютер и&nbsp;регистрация на&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_829289256"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1732202806159">Какой нужен уровень знаний в&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_829289256"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1732202806159">Образовательный курс рассчитан на&nbsp;начинающих, специальных знаний в&nbsp;программировании не&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="accordion7_829289256"
aria-expanded="false"
style="padding-top:30px;padding-bottom:30px;"> <span class="t585__title t-name t-name_xl" field="li_title__1732202841293">Могу я&nbsp;рассчитывать на&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_829289256"
hidden > <div class="t585__textwrapper"> <div class="t585__text t-descr t-descr_xs" field="li_descr__1732202841293">Обучение на&nbsp;курсе не&nbsp;подразумевает помощь с&nbsp;трудоустройством. Но&nbsp;если вам понравится профессия, вы&nbsp;можете продолжить учиться на&nbsp;другом треке образовательной платформы — Профессия «Фронтенд-разработчик». Здесь вас будут сопровождать опытные наставники и&nbsp;кураторы, вы&nbsp;подробнее изучите инструменты веб-разработки, посетите вебинары по&nbsp;данной теме. После прохождения профессии вы&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('829289256');});});
}, 240);</script> <style> #rec829289256 .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){#rec829289256 .t585__title{font-size:16px;}}#rec829289256 .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){#rec829289256 .t585__text{font-size:14px;}}</style> </div> <div id="rec829289257" class="r t-rec cva t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec829289257 .t396__artboard {height:593px;background-color:#212121;}#rec829289257 .t396__filter {height:593px;}#rec829289257 .t396__carrier{height:593px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec829289257 .t396__artboard,#rec829289257 .t396__filter,#rec829289257 .t396__carrier {}#rec829289257 .t396__filter {}#rec829289257 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec829289257 .t396__artboard,#rec829289257 .t396__filter,#rec829289257 .t396__carrier {}#rec829289257 .t396__filter {}#rec829289257 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec829289257 .t396__artboard,#rec829289257 .t396__filter,#rec829289257 .t396__carrier {height:884px;}#rec829289257 .t396__filter {}#rec829289257 .t396__carrier {background-attachment:scroll;}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717660498307"] {top:554px;left:calc(50% - 480px + 820px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717660498307"] {top:554px;left:calc(50% - 320px + 500px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717660498307"] {top:852px;left:calc(50% - 160px + 16px);height:auto;}#rec829289257 .tn-elem[data-elem-id="1717660498307"] .tn-atom{font-size:14px;background-size:cover;}}#rec829289257 .tn-elem[data-elem-id="1717660498422"]{z-index:3;top:463px;left:calc(50% - 600px + 608px);width:576px;height:0px;}#rec829289257 .tn-elem[data-elem-id="1717660498422"] .tn-atom{border-width:1px;background-position:center center;border-color:#3a3a3a ;border-style:solid;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717660498422"] {left:calc(50% - 480px + 411px);width:533px;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717660498422"] {top:465px;left:calc(50% - 320px + 815px);width:350px;}}@media screen and (max-width:639px) {}#rec829289257 .tn-elem[data-elem-id="1717662473709"]{color:#949494;z-index:4;top:489px;left:calc(50% - 600px + 608px);width:370px;height:auto;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662473709"] {top:501px;left:calc(50% - 480px + 411px);width:326px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662473709"] .tn-atom{font-size:12px;background-size:cover;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662473709"] {top:501px;left:calc(50% - 320px + 15px);width:332px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662473709"] {text-align:left;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662473709"] {top:768px;left:calc(50% - 160px + 16px);width:310px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662473709"] .tn-atom{font-size:11px;background-size:cover;}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736194"] {left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736194"] {top:16px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736194"] {top:352px;left:calc(50% - 160px + 16px);height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736194"] .tn-atom{font-size:18px;background-size:cover;}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736197"] {left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736197"] {top:68px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736197"] {top:394px;left:calc(50% - 160px + 16px);height:auto;}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736200"] {left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736200"] {top:104px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736200"] {top:422px;left:calc(50% - 160px + 16px);height:auto;}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736203"] {left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736203"] {top:140px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736203"] {top:450px;left:calc(50% - 160px + 16px);height:auto;}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736206"] {top:230px;left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736206"] {top:221px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736206"] {top:352px;left:calc(50% - 160px + 180px);width:80px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736206"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736208"] {top:283px;left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736208"] {top:273px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736208"] {top:394px;left:calc(50% - 160px + 180px);width:58px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736208"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736211"] {top:319px;left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736211"] {top:309px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736211"] {top:422px;left:calc(50% - 160px + 180px);width:124px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736211"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736214"] {top:355px;left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736214"] {top:345px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736214"] {top:450px;left:calc(50% - 160px + 180px);width:87px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736214"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736216"] {top:391px;left:calc(50% - 480px + 411px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736216"] {top:382px;left:calc(50% - 320px + 251px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736216"] {top:478px;left:calc(50% - 160px + 180px);width:110px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736216"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736219"] {top:17px;left:calc(50% - 480px + 655px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736219"] {top:16px;left:calc(50% - 320px + 417px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736219"] {top:538px;left:calc(50% - 160px + 16px);width:112px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736219"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736221"] {top:106px;left:calc(50% - 480px + 655px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736221"] {top:105px;left:calc(50% - 320px + 417px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736221"] {top:616px;left:calc(50% - 160px + 16px);width:207px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736221"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736224"] {top:70px;left:calc(50% - 480px + 655px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736224"] {top:69px;left:calc(50% - 320px + 417px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736224"] {top:580px;left:calc(50% - 160px + 16px);width:166px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736224"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736228"] {top:178px;left:calc(50% - 480px + 655px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736228"] {top:177px;left:calc(50% - 320px + 417px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736228"] {top:688px;left:calc(50% - 160px + 16px);width:42px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736228"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736231"] {top:142px;left:calc(50% - 480px + 655px);height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736231"] {top:141px;left:calc(50% - 320px + 417px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736231"] {top:652px;left:calc(50% - 160px + 16px);width:53px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736231"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .tn-elem[data-elem-id="1719918856905"]{z-index:27;top:546px;left:calc(50% - 600px + 16px);width:108px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1719918856905"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289257 .tn-elem[data-elem-id="1719918856905"] .tn-atom__img {}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1719918856905"] {top:16px;width:132px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1719918856905"] .tn-atom {background-size:cover;opacity:1;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1719918856905"] {top:16px;left:calc(50% - 160px + 16px);width:111px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1719918856905"] .tn-atom {background-size:cover;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736234"] {top:260px;height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736234"] {top:327px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736234"] {top:174px;left:calc(50% - 160px + 16px);width:117px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736234"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736237"] {top:334px;height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736237"] {top:252px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736237"] {top:245px;left:calc(50% - 160px + 16px);width:150px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736237"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736239"] {top:378px;height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736239"] {top:371px;left:calc(50% - 320px + 16px);height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736239"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736239"] {top:289px;left:calc(50% - 160px + 16px);width:157px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736239"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736242"] {top:230px;height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736242"] {top:296px;left:calc(50% - 320px + 16px);height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736242"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736242"] {top:147px;left:calc(50% - 160px + 16px);width:129px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736242"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .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;}#rec829289257 .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) {#rec829289257 .tn-elem[data-elem-id="1717662736245"] {top:304px;height:auto;}}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736245"] {top:221px;left:calc(50% - 320px + 16px);height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736245"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736245"] {top:218px;left:calc(50% - 160px + 16px);width:142px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736245"] {text-align:LEFT;}#rec829289257 .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);}}#rec829289257 .tn-elem[data-elem-id="1717662736247"]{z-index:22;top:17px;left:calc(50% - 600px + 16px);width:32px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736247"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289257 .tn-elem[data-elem-id="1717662736247"] .tn-atom__img {}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736247"] {top:149px;left:calc(50% - 320px + 16px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736247"] {top:95px;left:calc(50% - 160px + 16px);width:28px;height:auto;}}#rec829289257 .tn-elem[data-elem-id="1717662736252"]{z-index:24;top:16px;left:calc(50% - 600px + 112px);width:32px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736252"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289257 .tn-elem[data-elem-id="1717662736252"] .tn-atom__img {}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736252"] {top:148px;left:calc(50% - 320px + 112px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .tn-elem[data-elem-id="1717662736252"] {top:94px;left:calc(50% - 160px + 100px);width:28px;height:auto;}}#rec829289257 .tn-elem[data-elem-id="1717662736256"]{z-index:26;top:16px;left:calc(50% - 600px + 64px);width:32px;height:auto;}#rec829289257 .tn-elem[data-elem-id="1717662736256"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}#rec829289257 .tn-elem[data-elem-id="1717662736256"] .tn-atom__img {}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {#rec829289257 .tn-elem[data-elem-id="1717662736256"] {top:148px;left:calc(50% - 320px + 64px);height:auto;}}@media screen and (max-width:639px) {#rec829289257 .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="829289257" 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="829289257"></div> <div class="t396__filter" data-artboard-recid="829289257"></div> <div class='t396__elem tn-elem tn-elem__8292892571717660498307' 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__8292892571717660498422' 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__8292892571717662473709' 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__8292892571717662736194' 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__8292892571717662736197' 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__8292892571717662736200' 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__8292892571717662736203' 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__8292892571717662736206' 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__8292892571717662736208' 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__8292892571717662736211' 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__8292892571717662736214' 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__8292892571717662736216' 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__8292892571717662736219' 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__8292892571717662736221' 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__8292892571717662736224' 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__8292892571717662736228' 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__8292892571717662736231' 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__8292892571719918856905' 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/781750927898/tild6232-3031-4237-a538-646533333465__hexletlogo1.svg" alt="" imgfield="tn_img_1719918856905" loading="lazy"> </a> </div> <div class='t396__elem tn-elem tn-elem__8292892571717662736234' 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__8292892571717662736237' 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__8292892571717662736239' 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__8292892571717662736242' 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__8292892571717662736245' 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__8292892571717662736247' 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/781750927898/tild3463-3338-4365-b165-336337633136__vk.svg" alt="" imgfield="tn_img_1717662736247" loading="lazy"> </a> </div> <div class='t396__elem tn-elem tn-elem__8292892571717662736252' 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/781750927898/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__8292892571717662736256' 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/781750927898/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('829289257');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('829289257');});});
}, 250);</script> <!-- /T396 --> </div> <div id="rec829289258" 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/781750927898/tilda-stat-1.0.min.js');},2000);
}, 270);</script> <script type="application/ld+json">{"@context":"https://schema.org","@type":"Course","name":"Трек: Основы HTML и CSS","description":"Изучите семантический HTML, каскадность CSS и DevTools","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":256},"url":"https://hexlet.io/programs/html-css-basics-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":"Трек: Основы HTML и CSS","startDate":"Asynchronous","endDate":"Asynchronous","courseMode":"online"},"teaches":[],"offers":{"@type":"Offer","category":"Education","url":"https://hexlet.io/programs/214/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>