<!DOCTYPE html>
<html lang="en" itemscope itemtype="https://schema.org/Thing">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="Практические статьи, кейсы и инсайты от экспертов Лабмедиа: геймификация, разработка курсов, видеоконтент, управление знаниями и тренды L&D. Полезно для HR, L&D-специалистов и руководителей." />
<meta name="description" content="Практические статьи, кейсы и инсайты от экспертов Лабмедиа: геймификация, разработка курсов, видеоконтент, управление знаниями и тренды L&D. Полезно для HR, L&D-специалистов и руководителей." />
<link href="/bitrix/cache/css/s1/labmedia2025/template_6e15a29eced1b2975de9582ac5e5f7c3/template_6e15a29eced1b2975de9582ac5e5f7c3_v1.css?1779706096298441" type="text/css" rel="stylesheet" data-template-style="true"/>
    <title>Блог - Лабмедиа</title>


    <!-- schema.org (google plus) -->
    <meta itemprop="url" content="">
    <meta itemprop="image" content="/local/templates/main/images/logo.png">
    <meta itemprop="name" content="Блог - Лабмедиа">
   

    <!-- ogp.me (facebook & vkontakte) -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="">
    <meta property="og:image" content="/local/templates/main/images/logo.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="675">
    <meta property="og:title" content="Блог - Лабмедиа">
    <meta property="og:description" content="Практические статьи, кейсы и инсайты от экспертов Лабмедиа: геймификация, разработка курсов, видеоконтент, управление знаниями и тренды L&D. Полезно для HR, L&D-специалистов и руководителей.">


    <!-- twitter -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:url" content="">
    <meta name="twitter:image" content="/local/templates/main/images/logo.png">
    <meta name="twitter:title" content="Блог - Лабмедиа">
    <meta name="twitter:description" content="Практические статьи, кейсы и инсайты от экспертов Лабмедиа: геймификация, разработка курсов, видеоконтент, управление знаниями и тренды L&D. Полезно для HR, L&D-специалистов и руководителей.">
    <meta name="yandex-verification" content="c21405e2fda19720"/>

    <!-- favicon -->
<!--    <link rel="apple-touch-icon" sizes="180x180" href="/local/templates/labmedia2025/favicon/apple-touch-icon.png">-->
<!--    <link rel="icon" type="image/png" sizes="32x32" href="/local/templates/labmedia2025/favicon/favicon-32x32.png">-->
<!--    <link rel="icon" type="image/png" sizes="16x16" href="/local/templates/labmedia2025/favicon/favicon-16x16.png">-->
<!--    <link rel="mask-icon" href="/local/templates/labmedia2025/favicon/safari-pinned-tab.svg" color="#FFFFFF">-->

    <link rel="apple-touch-icon" sizes="180x180" href="/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon.ico">
    <!-- Yandex.Metrika counter -->
    	<!-- ai-up -->
	    <noscript><div><img src="https://mc.yandex.ru/watch/14240863" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->
    <link rel="mask-icon" href="/favicon.ico" color="#FFFFFF">
    <!-- assets -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
</head>
<body>
<div id="panel"></div>

<!--[if IE]>
       <div class="browser">
           Вы используете устаревший браузер. Для корректной работы этого сайта и большинства других вам необходимо перейти на современный&nbsp;браузер.
       </div>
   <![endif]-->







        <a class="info" style='background-color:#7D38DE' href="https://labmedia.su/blog/obnovlyayte-biblioteku-kursov.htm">

                    <picture>
                <source srcset="/upload/iblock/727/bce3c15m7c9n0rk6bnki7ebz9pwx603s_2x.png 2x, /upload/iblock/727/bce3c15m7c9n0rk6bnki7ebz9pwx603s.png 1x"
                        media="(min-width: 740px)">
                <source srcset="/upload/iblock/de2/6q4pjrgnlrmzwlg2gcpipjar9qaikn8h_2x.png 2x, /upload/iblock/de2/6q4pjrgnlrmzwlg2gcpipjar9qaikn8h.png 1x"
                        media="(max-width: 739px)">
                <img class="info__image"
                     src="/upload/iblock/727/bce3c15m7c9n0rk6bnki7ebz9pwx603s.png"
                     width="1920" height="56" alt="Баннер в шапке">
            </picture>
            </a>






    
    <header class="header ">
    <div class="header__wrap container">
        <div class="header__panel">
            <div class="header__smartphone">
                <div class="header__smartphone-wrap container">
                    <div class="header__smartphone-panel">
                                                    <a class="header__logo" href="/">
                                Лабмедиа
                            </a>
                                                <div class="header__actions">
                            <div class="header__phone">
                                <a class="button button--square button--smaller button--header-action mfp-search-handler"
                                   href="#search">
                                    <svg class="button__icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                         fill="none" viewBox="0 0 16 16">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"
                                              d="m14 14-3.464-3.464m0 0a5 5 0 1 0-7.071-7.071 5 5 0 0 0 7.07 7.07Z"/>
                                    </svg>
                                    <span class="visuallyhidden">Поиск</span>
                                </a>
                            </div>
                            <div class="header__request">
                                <a class="button button--smaller button--outline-white mfp-handler"
                                   href="#full-request">
                                    <svg class="button__icon smartphone-only" xmlns="http://www.w3.org/2000/svg"
                                         width="16" height="16" fill="none" viewBox="0 0 16 16">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"
                                              d="M4.425 1.662c.6 0 1.122.409 1.267.99l.646 2.58a1.307 1.307 0 0 1-.484 1.362l-.745.558a6.37 6.37 0 0 0 3.738 3.738l.56-.744c.315-.42.85-.611 1.36-.484l2.58.646c.582.145.99.668.99 1.267v.8a1.963 1.963 0 0 1-1.962 1.963h-1.313a9.4 9.4 0 0 1-9.4-9.4V3.625c0-1.084.88-1.963 1.963-1.963h.8Z"/>
                                    </svg>
                                    <span class="desktop-only">Связаться</span>
                                </a>
                            </div>
                            <button class="header__burger">
                                <svg class="header__burger-icon" width="16" height="16" viewBox="0 0 16 16" fill="none"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <path d="M3 4.25H13M3 11.75H13M3 8H13" stroke-width="1.3" stroke-linecap="round"/>
                                </svg>
                                <svg class="header__burger-cross" width="16" height="16" viewBox="0 0 16 16" fill="none"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <path d="M4.5 11.5L11.5 4.5M4.5 4.5L11.5 11.5" stroke-width="1.3"
                                          stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                                <span class="visuallyhidden">Меню</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header__nav">
                


    <div class="header__item">

                    <a class="header__link"  >

                Продукты

            </a>

        
        


                    <div class="header__menu-dropdown">
                <div class="header__sub-menu">

                    

                        
                        <a class="header__product" href="https://labmedia.su/vovlekay/">

                            <svg class="header__product-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">                                            <path fill="#0d0d0d" d="M8.537.357a3.17 3.17 0 0 1 2.926 0l6.852 3.555A3.12 3.12 0 0 1 20 6.669v6.623a3.12 3.12 0 0 1-1.685 2.758l-6.852 3.554a3.17 3.17 0 0 1-2.926 0L1.685 16.05A3.12 3.12 0 0 1 0 13.292V6.67c0-1.154.648-2.217 1.685-2.757z"></path>                                            <path fill="#1d1d1b" fill-rule="evenodd" d="M18.074 4.37 11.222.815a2.66 2.66 0 0 0-2.435 0L1.935 4.37a2.59 2.59 0 0 0-1.407 2.3v6.622c0 .962.537 1.85 1.407 2.3l6.852 3.554c.76.394 1.676.394 2.435 0l6.852-3.554a2.6 2.6 0 0 0 1.407-2.3V6.67a2.62 2.62 0 0 0-1.407-2.3M11.463.357a3.17 3.17 0 0 0-2.926 0L1.685 3.912A3.12 3.12 0 0 0 0 6.669v6.623c0 1.155.648 2.217 1.685 2.758l6.852 3.554c.917.477 2.01.477 2.926 0l6.852-3.554A3.12 3.12 0 0 0 20 13.292V6.67a3.12 3.12 0 0 0-1.685-2.757z"></path>                                            <path fill="#f5e76e" fill-opacity=".9" d="m6.37 4.297 4.223 2.18c.324.165.87.064.963-.193l1.148-3.023c.018-.055.018-.11-.01-.155-.027-.055-.073-.092-.148-.129a.7.7 0 0 0-.25-.073 1.5 1.5 0 0 0-.287 0l-5.37.843a1 1 0 0 0-.268.082.35.35 0 0 0-.158.147.17.17 0 0 0 0 .165c.028.064.084.11.158.156M16.565 11.424c.259-.055.472-.01.62.137.148.137.222.366.222.696 0 .458-.166.907-.481 1.329-.315.42-.778.797-1.38 1.126l-2.148 1.191c-.13.073-.24.01-.24-.137l.036-4.7c0-.155.111-.339.241-.412l2.018-1.118c.565-.311.991-.43 1.297-.348q.457.11.444.742 0 .385-.166.77c-.111.266-.26.504-.463.724m-2.232-.348a.17.17 0 0 0-.083.137l-.01 1.053c0 .055.038.074.084.046l.981-.54a1.8 1.8 0 0 0 .602-.495c.14-.183.204-.376.213-.577 0-.202-.065-.32-.204-.348s-.333.027-.601.174zm1.14 2.766c.277-.156.49-.33.638-.513a.94.94 0 0 0 .222-.605c0-.43-.278-.494-.852-.183l-1.166.65a.17.17 0 0 0-.084.138l-.009 1.118c0 .055.037.073.083.046zM3.435 11.424c-.259-.055-.472-.01-.62.137-.148.137-.222.366-.222.696 0 .458.166.907.481 1.329.315.42.778.797 1.38 1.126l2.148 1.191c.13.073.24.01.24-.137l-.036-4.7a.52.52 0 0 0-.241-.412L4.546 9.536c-.564-.311-.99-.43-1.296-.348q-.458.11-.444.742 0 .385.166.77c.112.266.26.504.463.724m2.232-.348a.17.17 0 0 1 .083.137l.01 1.053c0 .055-.038.074-.084.046l-.981-.54a1.8 1.8 0 0 1-.602-.495 1 1 0 0 1-.213-.577c0-.202.065-.32.203-.348.14-.028.334.027.602.174zm-1.139 2.766a2.2 2.2 0 0 1-.639-.513.94.94 0 0 1-.222-.605c0-.43.278-.494.852-.183l1.166.65a.17.17 0 0 1 .084.138l.009 1.118c0 .055-.037.073-.083.046z"></path>                                        </svg>
                                                        <div class="header__product-title">Вовлекай</div>
                            <div class="header__product-description">Система для корпоративного обучения сотрудников                                    любых отраслей                            </div>
                        </a>


                    
                        <a class="header__product" href="/delaicourse/">

                            <svg class="header__product-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">                                            <path fill="#a35cff" d="M10 20a3.7 3.7 0 0 1-1.681-.41l-6.38-3.318A3.57 3.57 0 0 1 0 13.092V6.908c0-1.343.741-2.557 1.94-3.18L8.319.41A3.7 3.7 0 0 1 10 0c.586 0 1.164.145 1.681.41l6.38 3.318A3.57 3.57 0 0 1 20 6.908v6.183a3.57 3.57 0 0 1-1.94 3.18l-6.379 3.319A3.6 3.6 0 0 1 10 20"></path>                                            <path fill="#a35cff" d="M8.744 1.653a2.74 2.74 0 0 1 2.534 0l5.932 3.085a2.7 2.7 0 0 1 1.46 2.392v5.748a2.7 2.7 0 0 1-1.46 2.393l-5.932 3.085a2.74 2.74 0 0 1-2.534 0L2.812 15.27a2.7 2.7 0 0 1-1.46-2.393V7.13c0-1.001.562-1.923 1.46-2.392z"></path>                                            <path fill="#fff" d="m6.293 4.397 4.16 2.191c.319.166.857.065.948-.193l1.131-3.039a.19.19 0 0 0-.01-.156c-.027-.056-.072-.092-.145-.13a.7.7 0 0 0-.246-.073 1.5 1.5 0 0 0-.283 0l-5.29.847a1 1 0 0 0-.265.083.35.35 0 0 0-.155.147.18.18 0 0 0 0 .166c.027.065.082.11.155.157"></path>                                            <path fill="#fff" fill-rule="evenodd" d="M7.47 14.07c-1.587-.906-2.875-.171-2.875 1.641 0-1.812-1.287-4.017-2.875-4.923 1.588.906 2.875.171 2.875-1.642 0 1.813 1.288 4.018 2.876 4.924M8.655 10.543c-.654-.373-1.184-.07-1.184.676 0-.747-.53-1.654-1.184-2.028.654.374 1.184.071 1.184-.676 0 .747.53 1.655 1.184 2.028"></path>                                        </svg>
                                                        <div class="header__product-title">ДелайКурс</div>
                            <div class="header__product-description">Платформа для создания электронных курсов с помощью ИИ                            </div>
                        </a>


                    
                        <a class="header__product" href="https://labmedia.su/library/">

                            <svg class="header__product-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">                                            <path fill="#00aff0" d="M9.973 19.967c-.584 0-1.16-.145-1.676-.41l-6.363-3.312A3.57 3.57 0 0 1 0 13.069V6.897c0-1.34.74-2.552 1.934-3.175L8.297.41A3.7 3.7 0 0 1 9.973 0c.585 0 1.16.145 1.677.41l6.362 3.312a3.57 3.57 0 0 1 1.935 3.175v6.172c0 1.34-.74 2.553-1.935 3.176l-6.362 3.312a3.6 3.6 0 0 1-1.677.41"></path>                                            <path fill="#fff" d="M3.987 7.874c.453-.159.983-.152 1.559.095.715.307 1.1.925 1.208 1.634.108.705-.056 1.505-.434 2.217-.19.357-.436.695-.733.988q.198.138.342.266c.226.201.37.403.409.608a.55.55 0 0 1-.105.442c.219 0 .45.02.655.072.245.061.504.18.61.414.079.17.06.36-.039.562q.236-.005.417.012c.195.018.358.06.489.139.272.165.347.46.413.803a.169.169 0 0 1-.332.063c-.069-.361-.129-.502-.257-.58a.8.8 0 0 0-.345-.091 5 5 0 0 0-.691.002l-.374.02.231-.291c.22-.278.215-.428.181-.5-.04-.087-.161-.172-.386-.228a2.6 2.6 0 0 0-.717-.058c-.212.01-.39.039-.5.072l-.055.02-.118-.314.064-.023q.296-.108.428-.233c.09-.084.114-.16.099-.242-.018-.097-.098-.237-.303-.42a3.4 3.4 0 0 0-.373-.283 3.6 3.6 0 0 1-.773.49 3.4 3.4 0 0 1-.578.209l-.114.56a.169.169 0 0 1-.33-.066l.084-.42q-.338.05-.702.034-.111.247-.198.433a9 9 0 0 1-.212.429c-.005.008-.02.034-.04.054a.172.172 0 0 1-.284-.064.2.2 0 0 1-.01-.056c0-.03.009-.06.012-.07.033-.123.07-.434.079-.811a5 5 0 0 1-.478-.13l-.05-.017a.74.74 0 0 1-.388-.31.58.58 0 0 1-.047-.533.6.6 0 0 1 .153-.206q.102-.097.254-.193.148-.091.34-.174-.111-.26-.267-.365a.167.167 0 0 1-.047-.232.17.17 0 0 1 .234-.047c.182.12.31.314.4.531q.067-.02.136-.036a3.2 3.2 0 0 1 .876-.084l.155-.358a2.1 2.1 0 0 1-.666-.495c-.282-.306-.39-.724-.37-1.147s.17-.867.423-1.242a2.16 2.16 0 0 1 1.065-.85m-.393 4.447a174 174 0 0 1-.528 1.195q.326.001.625-.056l.22-1.084a3 3 0 0 0-.317-.055m-.36-.022a2.8 2.8 0 0 0-.762.106c.062.24.097.503.115.76q.011.16.014.316.053.008.105.013a123 123 0 0 0 .529-1.195m-1.082.22q-.15.066-.264.139a1.3 1.3 0 0 0-.2.15.3.3 0 0 0-.075.091.25.25 0 0 0 .024.232c.047.077.126.139.208.167l.047.015q.188.062.37.105a6 6 0 0 0-.012-.23 4 4 0 0 0-.098-.668m1.902.848a3.232 3.232 0 0 0 .974-.515 9 9 0 0 0-.265-.149 3.6 3.6 0 0 0-.527-.233zm1.358-5.09c-.504-.217-.946-.215-1.313-.086-.37.13-.677.392-.897.72s-.348.71-.365 1.07.076.683.281.906c.18.195.366.328.55.412.336-.78.661-1.549.892-2.118l.323.096-.431 2.126c.197-.035.37-.113.499-.207.133-.096.207-.2.23-.28.067-.234.013-.311-.003-.33a.1.1 0 0 0-.049-.03h.004a.168.168 0 1 1 .04-.333l-.019.156.019-.156h.005l.007.002a.4.4 0 0 1 .083.024c.048.02.11.054.165.117.117.135.158.344.072.643-.05.175-.185.335-.355.458a1.56 1.56 0 0 1-.769.284l-.078.387q.305.1.621.27.202.11.373.213c.294-.28.538-.607.724-.958.351-.66.494-1.388.4-2.01C6.325 9.036 6 8.53 5.41 8.277m-1.556 3.44L3.733 12q.12.018.244.046l.06-.3a2 2 0 0 1-.18-.03m.355-.827-.219.511q.057.011.112.016zM6.28 4.41l4.152 2.198c.318.166.855.065.946-.194l1.13-3.048a.19.19 0 0 0-.01-.157c-.027-.055-.073-.092-.146-.129a.6.6 0 0 0-.245-.074 1.4 1.4 0 0 0-.283 0l-5.28.85a1 1 0 0 0-.263.083.35.35 0 0 0-.155.148.18.18 0 0 0 0 .166c.027.065.082.11.155.157"></path>                                        </svg>
                                                        <div class="header__product-title">Готовые курсы</div>
                            <div class="header__product-description">Широкий выбор тем по универсальным навыкам в SCORM-формате                            </div>
                        </a>


                    
                        <a class="header__product" href="https://learn.labmedia.su/">

                            <svg class="header__product-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">                                            <path fill="#198c5e" d="M8.53.354A3.1 3.1 0 0 1 10 0c.502 0 1.004.106 1.47.354l6.845 3.574c.502.247.932.672 1.22 1.132.286.495.465 1.061.465 1.628v6.616a2.96 2.96 0 0 1-.466 1.628 2.88 2.88 0 0 1-1.219 1.132l-6.846 3.574a3.1 3.1 0 0 1-1.469.354 3.1 3.1 0 0 1-1.47-.354l-6.845-3.574c-.502-.248-.932-.672-1.22-1.132C.18 14.437 0 13.906 0 13.304V6.688C0 6.12.143 5.555.466 5.06a2.88 2.88 0 0 1 1.219-1.132z"></path>                                            <path fill="#fff" d="M12.294 2.971c.099 0 .164.032.235.067a.5.5 0 0 1 .092.053q.032.026.032.058v.135L11.51 6.285a.32.32 0 0 1-.137.14.8.8 0 0 1-.24.087.84.84 0 0 1-.541-.067h-.001L6.392 4.267l.004-.017a.5.5 0 0 1-.092-.053q-.033-.026-.033-.057v-.134a.4.4 0 0 1 .05-.083q.027-.033.059-.032h.008l.008-.004a.5.5 0 0 1 .235-.067h.005l5.374-.849zM5.914 15.074h.034v-.002l-.001-.015a.1.1 0 0 0-.011-.034.1.1 0 0 0-.033-.038.1.1 0 0 0-.057-.017 3.11 3.11 0 0 1-2.265-1.994v-.001l-.026-.061c-.23-.594-.188-1.137-.182-1.708.006-.568-.023-1.16-.4-1.836v-.005l.022.01h.001c.716.318 1.582.759 2.355 1.332s1.447 1.276 1.785 2.117c.338.844.309 1.4.152 1.76a1.1 1.1 0 0 1-.627.598.13.13 0 0 1-.064-.032l-.003-.005c0-1.28-.29-2.494-1.518-3.493a14 14 0 0 0-.538-.424.4.4 0 0 0-.049-.03c-.001 0-.011-.004-.022 0a.036.036 0 0 0-.021.053l.024.028.04.04a8 8 0 0 0 .426.37l.023.016c1.03 1.194 1.207 2.21 1.242 3.053 0 .567 0 .736-.068.905q-.018.031-.067.043a.3.3 0 0 1-.08.007.2.2 0 0 1-.073-.006c-.01-.004-.022-.013-.036-.038v-.063c0-.066.017-.142.035-.232a1.5 1.5 0 0 0 .036-.299z"></path>                                        </svg>
                                                        <div class="header__product-title">Обучай</div>
                            <div class="header__product-description">Универсальный набор базовых навыков для широкой                                    аудитории                            </div>
                        </a>


                    

                                    </div>
            </div>

        
    </div>
    <div class="header__item">

                    <a class="header__link" href="/portfolio/" >

                Кейсы

            </a>

        
        


        
    </div>
    <div class="header__item">

        
                    <div class="header__link" >

                Услуги

            </div>

    <div class="header__menu-dropdown">
    <div class="header__sub-menu">
        
                <a class="header__sub-link"
                   href="/services/e-learning/">Разработка электронных курсов</a>

  
                <a class="header__sub-link"
                   href="/services/video-content/">Создание видеокурсов</a>

  
                <a class="header__sub-link"
                   href="/services/gamification/">Внедрение геймификации</a>

      </div>
    </div>

        


        
    </div>
    <div class="header__item">

                    <a class="header__link" href="/about/" >

                О Лабмедиа

            </a>

        
        


                    <div class="header__menu-dropdown">
                <div class="header__sub-menu">

                    
                        
                            <a class="header__sub-link"
                               href="/about/">О нас</a>

                        
                            <a class="header__sub-link"
                               href="/about/vacancies/">Вакансии</a>

                        
                            <a class="header__sub-link"
                               href="/referrals/">Партнерам</a>

                        
                            <a class="header__sub-link"
                               href="/contacts/">Контакты</a>

                        
                            <a class="header__sub-link"
                               href="https://openday.labmedia.su/">День открытых дверей</a>

                        
                            <a class="header__sub-link"
                               href="/docs/">Сведения об образовательной организации</a>

                                                            </div>
            </div>

        
    </div>
    <div class="header__item">

                    <a class="header__link" href="/blog/" >

                Блог

            </a>

        
        


        
    </div>
    <div class="header__item">

                    <a class="header__link" href="/support/" >

                Поддержка

            </a>

        
        


        
    </div>
    <div class="header__item">

        
        


        
    </div>


            </div>
        </div>
    </div>
</header>

<div class="page ">

        <nav class="breadcrumbs container" >
        <div class="breadcrumbs__scroll hide-scrollbar">
        <div class="breadcrumbs__ribbon">
			 <div class="breadcrumbs__item">
			
				<a  class="breadcrumbs__link" href="/" title="Главная" >
					Главная
				</a>
			
			</div>
			<div class="breadcrumbs__item">				
				<div class="breadcrumbs__title">Блог</div>
			</div></div>        </div>
    </nav>
    
    
<div class="blog container">
    <h1 class="blog__heading title title--main">
        Блог
    </h1>



<style>

    .teaser--hidden {
        display: none !important;
    }

    /* Индикатор загрузки */
    .load-more-indicator {
        text-align: center;
        padding: 20px;
        clear: both;
    }

    .loading-spinner {
        display: inline-block;
        padding: 10px 20px;
        background: #f5f5f5;
        border-radius: 4px;
        color: #666;
    }

</style>
<div class="blog__navigation">

    <div class="carousel carousel--js-init-thermometer carousel--css-skin-thermometer hide-scrollbar">
        <div class="carousel__widget">
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                                                <a href="/blog/"
                           class="inner-thermometer-button ">
                            Все темы
                        </a>
                    </div>

                                                                    <div class="swiper-slide">
                            <a href="/blog/digital-skills/"
                               class="inner-thermometer-button ">
                                Digital Skills                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/e-learning/"
                               class="inner-thermometer-button ">
                                e-learning                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/soft-skills/"
                               class="inner-thermometer-button ">
                                Soft Skills                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/avtomatizatsiya-protsessov/"
                               class="inner-thermometer-button ">
                                Автоматизация процессов                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/avtorskie-kursy/"
                               class="inner-thermometer-button ">
                                Авторские курсы                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/videokontent/"
                               class="inner-thermometer-button ">
                                Видеоконтент                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/vovlekay/"
                               class="inner-thermometer-button ">
                                Вовлекай                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/geymifikatsiya/"
                               class="inner-thermometer-button ">
                                Геймификация                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/delaicourse/"
                               class="inner-thermometer-button ">
                                ДелайКурс                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/dizayn-myshlenie/"
                               class="inner-thermometer-button ">
                                Дизайн-мышление                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/korporativnoe-obuchenie/"
                               class="inner-thermometer-button ">
                                Корпоративное обучение                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/novosti/"
                               class="inner-thermometer-button ">
                                Новости                            </a>
                        </div>
                                                                    <div class="swiper-slide">
                            <a href="/blog/novyy-reliz/"
                               class="inner-thermometer-button ">
                                Новый релиз                            </a>
                        </div>
                                    </div>
            </div>
        </div>
        <div class="carousel__controls">
            <button class="carousel__button carousel__button--prev" type="button">
                <svg class="carousel__chevron" width="16" height="16" viewBox="0 0 16 16" fill="none"
                     xmlns="http://www.w3.org/2000/svg">
                    <path d="M10.5 13L5.5 8L10.5 3" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
            <button class="carousel__button carousel__button--next" type="button">
                <svg class="carousel__chevron" width="16" height="16" viewBox="0 0 16 16" fill="none"
                     xmlns="http://www.w3.org/2000/svg">
                    <path d="M5.5 13L10.5 8L5.5 3" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
        </div>
    </div>
</div>

<div class="blog__body">
    <!-- Вкладка "Все темы" -->
    <div class="blog__tab blog__tab--current">
                    <a href="/blog/t-shaped-i-shaped-i-dzheneralisty-kogo-biznes-tsenit-bolshe-.htm"
   class="teaser "
   data-item-index="0">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/7b4/7nw4u1yu3ax8t2wlyy00fnhzxxeqdsmz_2x.png 2x"
                 src="/upload/iblock/7b4/7nw4u1yu3ax8t2wlyy00fnhzxxeqdsmz.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">11.06.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">T-shaped, I-shaped и дженералисты: кого бизнес ценит больше </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем том, почему компании больше не ищут просто «хороших специалистов».         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        6                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/iyunskiy-reliz-delaykurs.htm"
   class="teaser "
   data-item-index="1">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c15/tpp8tfllb3e2lttzbzk8nnu0n0be0fe3_2x.png 2x"
                 src="/upload/iblock/c15/tpp8tfllb3e2lttzbzk8nnu0n0be0fe3.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">ДелайКурс</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">05.06.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Июньский релиз ДелайКурс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Начинаем лето с релиза: улучшения тренажера ПО, таблиц, новые настройки интерактивных шаблонов и другие улучшения июня        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        63                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/illyuziya-kompetentnosti-pochemu-vsye-ponyal-i-umeyu-eto-raznye-veshchi.htm"
   class="teaser "
   data-item-index="2">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/cb1/i6phcwjs6syakmwtxh5arrk0di2fhxi6_2x.png 2x"
                 src="/upload/iblock/cb1/i6phcwjs6syakmwtxh5arrk0di2fhxi6.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">04.06.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Иллюзия компетентности: почему «всё понял» и «умею» — это разные вещи</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Представим ситуацию: сотруднику в компании назначили курс. Он его проходит, сдаёт тест на отлично. На следующий день работает точно так же, как до обучения. Почему? Одна из причин — иллюзия компетентности.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        8 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        41                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/sertifikatsiya-razrabotchikov-delaykurs-skoro-start-programmy.htm"
   class="teaser "
   data-item-index="3">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/4cd/1f3xx70kkyf4k341of8optlahlpvmixd_2x.png 2x"
                 src="/upload/iblock/4cd/1f3xx70kkyf4k341of8optlahlpvmixd.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новости</span>                     <div class="summary__item summary__item--text-alike">28.05.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Сертификация разработчиков ДелайКурс: скоро старт программы</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Теперь любой желающий сможет пройти обучение по конструктору курсов «ДелайКурс» и получить официальный сертификат – подтверждение навыка        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        174                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kakie-hr-zadachi-zaberyet-ai-a-kakie-ostanutsya-tolko-u-lyudey.htm"
   class="teaser "
   data-item-index="4">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/2c8/qik3ey1ou13cf1va0o17mvkteokn3kak_2x.png 2x"
                 src="/upload/iblock/2c8/qik3ey1ou13cf1va0o17mvkteokn3kak.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">28.05.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Какие HR-задачи заберёт AI, а какие останутся только у людей</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Разбираем какие HR-задачи искусственный интеллект уже может облегчить, а где без человека всё равно не обойтись.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        57                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/obnovlyayte-biblioteku-kursov.htm"
   class="teaser "
   data-item-index="5">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b15/5kvsx46397upyy9ebyhi81bdfj8ig3ak_2x.png 2x"
                 src="/upload/iblock/b15/5kvsx46397upyy9ebyhi81bdfj8ig3ak.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новости</span>                     <div class="summary__item summary__item--text-alike">26.05.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Тёплая акция на пакеты обновлённых авторских курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Пару месяцев назад вся библиотека Авторских курсов пережила большое обновление. В честь этого события Лабмедиа запускает акцию с выгодными ценами и дополнительными бонусами при покупке курсов пакетом. В этой статье расскажем о сути акции и изменениях в Библиотеке.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        2682                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/bolshoy-den-otkrytykh-dverey-labmedia-kak-eto-bylo-v-2026-m.htm"
   class="teaser "
   data-item-index="6">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/fe7/zxmah4vzn2py0ntri5qs8zo0owlebur4_2x.png 2x"
                 src="/upload/iblock/fe7/zxmah4vzn2py0ntri5qs8zo0owlebur4.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новости</span>                     <div class="summary__item summary__item--text-alike">18.05.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Большой день открытых дверей Лабмедиа: как это было в 2026-м</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Почему бы не сделать день открытых дверей вне офиса? Так подумали в Лабмедиа и вывезли своих людей, мысли, идеи, кофейню и ценности в Москву, прямо на ВДНХ. 16 апреля в банкетном зале «Выставка» прошёл БДОД – Большой день открытых дверей Лабмедиа. Здесь расскажем, как это было.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        10 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        99                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/bolshe-obshcheniya-v-protsesse-obucheniya.htm"
   class="teaser "
   data-item-index="7">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b8d/vmti2hanq8d8ca3rd6gnkbmjfl8a02k5_2x.png 2x"
                 src="/upload/iblock/b8d/vmti2hanq8d8ca3rd6gnkbmjfl8a02k5.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">14.05.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Больше общения в процессе обучения</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Майский и свежий как весенний ветерок релиз Вовлекай: чаты, дашборды, web-push и другие приятные новинки на платформе        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        255                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/aprelskie-relizy-delaykurs.htm"
   class="teaser "
   data-item-index="8">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/62d/andghmemgp5t9v0xowlkcsdswxl7txx0_2x.png 2x"
                 src="/upload/iblock/62d/andghmemgp5t9v0xowlkcsdswxl7txx0.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">ДелайКурс</span>                     <div class="summary__item summary__item--text-alike">30.04.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Апрельские релизы ДелайКурс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Таблицы, улучшение тренажера ПО и предпросмотра на устройствах: рассказываем об апргейдах апреля        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        149                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/effektivnoe-obuchenie-personala-na-proizvodstve-ot-adaptatsii-do-povysheniya-kvalifikatsii.htm"
   class="teaser teaser--hidden"
   data-item-index="9">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/682/p9vxq7jdqmnx6visw74whta17bwqn5s4_2x.png 2x"
                 src="/upload/iblock/682/p9vxq7jdqmnx6visw74whta17bwqn5s4.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span> <span class="summary__item">Геймификация</span>                     <div class="summary__item summary__item--text-alike">30.04.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Эффективное обучение персонала на производстве: от адаптации до повышения квалификации</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Профессиональный и хорошо подготовленный персонал — это не просто требование времени, а основа бесперебойного и эффективного производственного процесса. Как же правильно выстроить систему обучения на производстве, чтобы она приносила измеримую пользу бизнесу?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        8 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        89                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/teper-sozdavat-kontent-mogut-ne-tolko-adminy.htm"
   class="teaser teaser--hidden"
   data-item-index="10">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/ea8/kibnpn3qeqfnsrl81zahi7uuo9nki7r3_2x.jpg 2x"
                 src="/upload/iblock/ea8/kibnpn3qeqfnsrl81zahi7uuo9nki7r3.jpg"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">26.03.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Теперь создавать контент могут не только админы</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем про новый релиз Вовлекай        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        79                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/martovskiy-reliz-delaykurs.htm"
   class="teaser teaser--hidden"
   data-item-index="11">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/6db/d5fjh68u321rcy3t1iwblov07jkcnk8b_2x.png 2x"
                 src="/upload/iblock/6db/d5fjh68u321rcy3t1iwblov07jkcnk8b.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">ДелайКурс</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">26.03.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Мартовский релиз ДелайКурс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Приятный мартовский релиз: глоссарий, подсказки в изображениях и исправленные баги        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        69                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-sdelat-i-zapustit-kurs-ne-nanimaya-metodistov-i-razrabotchikov.htm"
   class="teaser teaser--hidden"
   data-item-index="12">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/2b0/kvwula4u5fp1oa3t64zmkl403n8vrwea_2x.png 2x"
                 src="/upload/iblock/2b0/kvwula4u5fp1oa3t64zmkl403n8vrwea.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">23.03.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как сделать и запустить курс, не нанимая методистов и разработчиков?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Спойлер: потребуются только внутренний эксперт и один специалист по управлению персоналом &#40;HR&#41;.<br />
Спойлер №2: им всё равно нужна небольшая помощь со стороны.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        116                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kastomizatsiya-uvedomleniy-i-obnovlenie-trekov-reliz-vovlekay-26-fevralya.htm"
   class="teaser teaser--hidden"
   data-item-index="13">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/598/7wzonw7la13rf016zeg6nocg68v1ck4v_2x.jpg 2x"
                 src="/upload/iblock/598/7wzonw7la13rf016zeg6nocg68v1ck4v.jpg"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">26.02.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Кастомизация уведомлений и обновление треков: релиз Вовлекай 26 февраля</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Долгожданные доработки для эффективного управления обучением: внесение правок в назначенные треки, настройка уведомлений и улучшенное управление группами        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        81                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/fevralskie-uluchsheniya-delaykurs.htm"
   class="teaser teaser--hidden"
   data-item-index="14">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/664/e796t1ragut31evj5i6dcs2qvk2qmzgc_2x.png 2x"
                 src="/upload/iblock/664/e796t1ragut31evj5i6dcs2qvk2qmzgc.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">26.02.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Февральские улучшения ДелайКурс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Небольшой предвесенний релиз на платформе        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        63                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/geymifikatsiya-elementy-igry-v-borbe-za-vnimanie.htm"
   class="teaser teaser--hidden"
   data-item-index="15">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/37c/hgpijpmo3ecepn3yfwyyruga4nbz4dnk_2x.png 2x"
                 src="/upload/iblock/37c/hgpijpmo3ecepn3yfwyyruga4nbz4dnk.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Геймификация</span>                     <div class="summary__item summary__item--text-alike">09.02.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Геймификация: элементы игры в борьбе за внимание</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассматриваем подробнее элементы геймификации, которые помогают бороться за вниманием и превращают рутинные процессы в приключение.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        182                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/reliz-delaykurs-pervye-uluchsheniya-2026-goda.htm"
   class="teaser teaser--hidden"
   data-item-index="16">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/664/e796t1ragut31evj5i6dcs2qvk2qmzgc_2x.png 2x"
                 src="/upload/iblock/664/e796t1ragut31evj5i6dcs2qvk2qmzgc.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">03.02.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Релиз ДелайКурс: первые улучшения 2026 года</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Небольшой, но важный релиз, открывающий новые возможности экспериментов на платформе        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        66                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/novyy-reliz-vovlekay-izmeneniya-v-roli-administratora-i-gibkaya-nastroyka-grupp.htm"
   class="teaser teaser--hidden"
   data-item-index="17">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/fb1/kq1z3v65t4nyz88x6h14nq7x6zogbt3e_2x.png 2x"
                 src="/upload/iblock/fb1/kq1z3v65t4nyz88x6h14nq7x6zogbt3e.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">30.01.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Новый релиз Вовлекай: изменения в роли администратора и гибкая настройка групп</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Первый релиз 2026 года радует новыми настройками в интерфейсе администратора, гибкой работой с группами и новыми фичами в рейтингах        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        84                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/geymifikatsiya-dostupnaya-vsem.htm"
   class="teaser teaser--hidden"
   data-item-index="18">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/ee5/mx7rpxozqlu5omqstl0wuopziqrj41at_2x.png 2x"
                 src="/upload/iblock/ee5/mx7rpxozqlu5omqstl0wuopziqrj41at.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">23.12.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Геймификация, доступная всем</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Предновогодний релиз с новыми фичами, которые выведут геймификацию обучения на новый уровень.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        113                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/ot-adaptatsii-do-vyrashchivaniya-zvyezd-kogda-obuchenie-stanovitsya-fundamentom.htm"
   class="teaser teaser--hidden"
   data-item-index="19">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c57/a66hql8tshxav5in4xybvjfmyixkgd7w_2x.png 2x"
                 src="/upload/iblock/c57/a66hql8tshxav5in4xybvjfmyixkgd7w.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">20.12.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">От адаптации до выращивания звёзд: когда обучение становится фундаментом</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Разбираем на примере Виталия и его сети закусочных        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        8 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        241                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/dekabrskie-uluchsheniya-delaykurs.htm"
   class="teaser teaser--hidden"
   data-item-index="20">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/4a5/b10up2cwjft4coxw1zg0w0vkpqqzrv35_2x.png 2x"
                 src="/upload/iblock/4a5/b10up2cwjft4coxw1zg0w0vkpqqzrv35.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">12.12.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Декабрьские улучшения ДелайКурс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Небольшая порция улучшений и исправлений на платформе        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        1 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        79                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/reliz-delaykurs-effekty-v-trenazhere-po-blokirovka-kontenta-do-prosmotra-video.htm"
   class="teaser teaser--hidden"
   data-item-index="21">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/4a5/b10up2cwjft4coxw1zg0w0vkpqqzrv35_2x.png 2x"
                 src="/upload/iblock/4a5/b10up2cwjft4coxw1zg0w0vkpqqzrv35.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">04.12.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Релиз ДелайКурс: Эффекты в тренажере ПО, блокировка контента до просмотра видео</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Декабрьский релиз с новой порцией улучшений и исправленных багов        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        71                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/tekhnicheskiy-reliz-ak-svezhie-skrinshoty-i-lyegkie-korrektirovki-smyslov-.htm"
   class="teaser teaser--hidden"
   data-item-index="22">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c2d/r8mztjbqt23b95qmf8fmn1u22aigj2xi_2x.png 2x"
                 src="/upload/iblock/c2d/r8mztjbqt23b95qmf8fmn1u22aigj2xi.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span>                     <div class="summary__item summary__item--text-alike">28.11.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Техрелиз Авторских курсов: свежие скриншоты и лёгкие корректировки смыслов </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Под конец осени выпускаем маленькое обновление перед большими изменениями в Библиотеке Авторских курсов. Перед вами – краткий обзор изменений.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        263                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/generalnaya-uborka-v-noyabrskom-relize.htm"
   class="teaser teaser--hidden"
   data-item-index="23">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/be1/fhohsb18xmehw2uaiywqli7qa2jpsgjo_2x.png 2x"
                 src="/upload/iblock/be1/fhohsb18xmehw2uaiywqli7qa2jpsgjo.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">14.11.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Генеральная уборка в ноябрьском релизе</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Выпустили небольшой релиз, где исправили несколько багов и повысили производительность.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        1 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        60                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/tykvennyy-reliz-delaykurs.htm"
   class="teaser teaser--hidden"
   data-item-index="24">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/877/18k71j7m1uzo27judkcxw452rhqo6xbk_2x.png 2x"
                 src="/upload/iblock/877/18k71j7m1uzo27judkcxw452rhqo6xbk.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">29.10.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Тыквенный релиз ДелайКурс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Прекрасный и ужасающе крутой релиз ДелайКурс        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        65                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/tsikl-obucheniya-vzroslykh-po-kolbu.htm"
   class="teaser teaser--hidden"
   data-item-index="25">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/867/z40pkpcztc1yfogrla2m9ew70mwmpypn_2x.png 2x"
                 src="/upload/iblock/867/z40pkpcztc1yfogrla2m9ew70mwmpypn.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">15.10.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Цикл обучения взрослых по Колбу</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Обучение взрослых принципиально отличается от детского. Эмпирический подход Колба показывает, как взрослый человек эффективно усваивает знания через практику и рефлексию. Рассматриваем подробнее.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        172                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/avtomatizatsiya-hr-protsessov-effektivnyy-podbor-i-adaptatsiya-personala-v-tsifrovuyu-epokhu.htm"
   class="teaser teaser--hidden"
   data-item-index="26">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/215/korhglq3ozaq2va1gkk6cdbf5e61nkx5_2x.png 2x"
                 src="/upload/iblock/215/korhglq3ozaq2va1gkk6cdbf5e61nkx5.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">14.10.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Автоматизация HR-процессов: эффективный подбор и адаптация персонала в цифровую эпоху</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В условиях высокой конкуренции за таланты и роста масштабов бизнеса, автоматизация HR-процессов перестала быть опцией – это необходимость. Современные инструменты позволяют кардинально изменить ситуацию.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        396                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/reliz-delaykurs-cmi5-uluchshenie-raboty-s-izobrazheniyami-i-ispravlenie-oshibok.htm"
   class="teaser teaser--hidden"
   data-item-index="27">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/67a/9hgetoy4ix9r6pt5skqu0lbdvqsu70k7_2x.png 2x"
                 src="/upload/iblock/67a/9hgetoy4ix9r6pt5skqu0lbdvqsu70k7.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Релиз ДелайКурс: CMI5, улучшение работы с изображениями и исправление ошибок</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            30 сентября выпустили свежий пакет обновление для платформы. Рассказываем подробнее о каждом улучшении        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        65                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/labmedia-vstupila-v-assotsiatsiyu-laboratoriy-po-razvitiyu-iskusstvennogo-intellekta-alrii.htm"
   class="teaser teaser--hidden"
   data-item-index="28">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/935/rug1gmgero0rx3k577gr49qpsa1hl5ll_2x.png 2x"
                 src="/upload/iblock/935/rug1gmgero0rx3k577gr49qpsa1hl5ll.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новости</span>                     <div class="summary__item summary__item--text-alike">04.09.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Лабмедиа вступила в Ассоциацию лабораторий по развитию Искусственного интеллекта (АЛРИИ)</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Компания «Лабмедиа» присоединилась к АЛРИИ. Среди решений, признанных экспертами Ассоциации, — платформа «ДелайКурс» для разработки электронных курсов на базе ИИ.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        332                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kalendar-perevernut-sentyabrskiy-reliz-delaykurs.htm"
   class="teaser teaser--hidden"
   data-item-index="29">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/af3/4clzl8nt258e4vjmc3c66yrt3hcohkhf_2x.png 2x"
                 src="/upload/iblock/af3/4clzl8nt258e4vjmc3c66yrt3hcohkhf.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">02.09.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Календарь перевернут: сентябрьский релиз ДелайКурс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о новинках, улучшениях и исправлениях сентябрьского релиза.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        284                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/rasshirenie-vozmozhnostey-oprosov-i-avtonaznacheniy.htm"
   class="teaser teaser--hidden"
   data-item-index="30">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/5cb/cqg1leeqbywvws7k71ok6x4zcyhcbqb4_2x.png 2x"
                 src="/upload/iblock/5cb/cqg1leeqbywvws7k71ok6x4zcyhcbqb4.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">28.08.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Расширение возможностей опросов и автоназначений</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Вышел новый релиз, который позволит шире использовать инструменты опросов, автоназначений, а также по-новому взглянуть на работу с контентом.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        69                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chto-takoe-mikroobuchenie-kak-korotkie-uroki-menyayut-obrazovanie.htm"
   class="teaser teaser--hidden"
   data-item-index="31">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/a3c/knpmoq491cwiks4w6rxz3ya4gbw1uqkl_2x.png 2x"
                 src="/upload/iblock/a3c/knpmoq491cwiks4w6rxz3ya4gbw1uqkl.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">27.08.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Что такое микрообучение: как короткие уроки меняют образование</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Микрообучение — это современный метод подачи знаний небольшими частями до 5-7 минут. Этот формат стал ключевым трендом в корпоративном и онлайн-образовании, особенно для обучения сотрудников.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        120                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/korporativnoe-obuchenie-protiv-osenney-khandry-i-postotpusknogo-blyuza.htm"
   class="teaser teaser--hidden"
   data-item-index="32">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/f64/zrdz4taa7tkdbs6thhvueepjnxd7bz58_2x.png 2x"
                 src="/upload/iblock/f64/zrdz4taa7tkdbs6thhvueepjnxd7bz58.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Soft Skills</span>                     <div class="summary__item summary__item--text-alike">27.08.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Корпоративное обучение против осенней хандры и постотпускного блюза</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Осень – период дождей, дополнительных трат, последних отпусков и ухода тепла. В этой статье разберём свежее исследование по влиянию осени на настроения в коллективах и влияние обучения на стресс.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        285                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/geymifikatsiya-v-rekrutinge-kak-igrovye-elementy-preobrazhayut-podbor-personala.htm"
   class="teaser teaser--hidden"
   data-item-index="33">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/295/f7rptkge9ov6bzz2wr1y1dw8c529fio0_2x.png 2x"
                 src="/upload/iblock/295/f7rptkge9ov6bzz2wr1y1dw8c529fio0.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Геймификация</span>                     <div class="summary__item summary__item--text-alike">20.08.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Геймификация в рекрутинге: как игровые элементы преображают подбор персонала</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Традиционные методы подбора персонала оказываются долгими, затратными и малоэффективными для привлечения мотивированных кандидатов, особенно среди молодежи. На помощь HR-специалистам приходит мощный инструмент – геймификация.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        7 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        395                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/trudnosti-obucheniya-vzroslykh-kak-preodolet-problemy-i-dostich-tseley.htm"
   class="teaser teaser--hidden"
   data-item-index="34">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/1fe/1aejhtc0ta9wm5613llv32d9ymh0tp43_2x.png 2x"
                 src="/upload/iblock/1fe/1aejhtc0ta9wm5613llv32d9ymh0tp43.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">19.08.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Трудности обучения взрослых: как преодолеть проблемы и достичь целей</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Обучение взрослых, или андрагогика, — это особый процесс, принципиально отличающийся от педагогики. Если дети учатся «на будущее», то взрослый человек осваивает новые знания для решения конкретных задач. Почему же этот процесс вызывает трудности?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        102                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kryshesnosnyy-reliz-delaykurs-novye-tipy-voprosov-generatsiya-tsvetovoy-skhemy-i-drugie-fichi.htm"
   class="teaser teaser--hidden"
   data-item-index="35">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/81c/dgy64sdc5vqqrs5k2266n8zgex9q75v7_2x.png 2x"
                 src="/upload/iblock/81c/dgy64sdc5vqqrs5k2266n8zgex9q75v7.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">11.08.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Крышесносный релиз ДелайКурс: новые типы вопросов, генерация цветовой схемы и другие фичи</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о новых фичах августовского обновления ДелайКурс.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        284                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chto-takoe-learning-management-system-lms-i-kakie-zadachi-ona-reshaet-v-korporativnom-obuchenii.htm"
   class="teaser teaser--hidden"
   data-item-index="36">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/832/s1r0mkqce87bohft0j9vvo3el7igtlrm_2x.webp 2x"
                 src="/upload/iblock/832/s1r0mkqce87bohft0j9vvo3el7igtlrm.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Автоматизация процессов</span>                     <div class="summary__item summary__item--text-alike">17.07.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Что такое Learning Management System (LMS) и какие задачи она решает в корпоративном обучении?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            <p>
	В этой статье рассмотрим основные преимущества использования LMS и какие задачи она решает для бизнеса.
</p>        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        8 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        379                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/oprosy-i-novye-vozmozhnosti-sistemy-rekomendatsiy.htm"
   class="teaser teaser--hidden"
   data-item-index="37">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/8e0/d16fa9156fietxrz99gzw207wwfm6vz1_2x.png 2x"
                 src="/upload/iblock/8e0/d16fa9156fietxrz99gzw207wwfm6vz1.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">02.07.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Опросы и новые возможности системы рекомендаций</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о новом функционале платформы: опросы, конструктор рейтингов, работа с сертификатами и другие приятные фичи        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        82                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/obnovlenie-delaykurs-novye-shablony-format-web-i-drugie-uluchsheniya.htm"
   class="teaser teaser--hidden"
   data-item-index="38">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/742/b56ylos46i03rlr4ibp2oq5c2ifpsssc_2x.png 2x"
                 src="/upload/iblock/742/b56ylos46i03rlr4ibp2oq5c2ifpsssc.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">26.06.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Обновление ДелайКурс: новые шаблоны, формат web и другие улучшения</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о новых фичах июньского обновления ДелайКурс.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        251                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/sozday-kulturu-obucheniya-kak-lxp-pomogaet-biznesu-rasti.htm"
   class="teaser teaser--hidden"
   data-item-index="39">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/9f0/nicm7wnch6f2rqflv6lpfq452t38q208_2x.png 2x"
                 src="/upload/iblock/9f0/nicm7wnch6f2rqflv6lpfq452t38q208.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">19.06.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Создай культуру обучения: как LXP помогает бизнесу расти</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В современном мире скорость изменений диктует необходимость непрерывного обучения. Традиционные системы управления обучением LMS могут не успевать за динамикой бизнеса и ожиданиями сотрудников. Выход из подобной ситуации — LXP-платформа.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        110                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/labmedia-laureat-natsionalnoy-premii-zolotoy-merkuriy.htm"
   class="teaser teaser--hidden"
   data-item-index="40">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/416/nqjcsgljmavikqmibv4o2klztqj02h37_2x.webp 2x"
                 src="/upload/iblock/416/nqjcsgljmavikqmibv4o2klztqj02h37.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новости</span>                     <div class="summary__item summary__item--text-alike">17.06.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Лабмедиа – лауреат Национальной премии «Золотой Меркурий»</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            16 июня состоялась церемония награждения победителей Национальной премии в области предпринимательской деятельности «Золотой Меркурий». Делимся новостями и успехами.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        298                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/prinimaem-uchastie-v-konferentsii-hr-ekspeditsiya.htm"
   class="teaser teaser--hidden"
   data-item-index="41">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/2d2/pnsb778oovk1i294qaw16nh08w6rs7d4_2x.webp 2x"
                 src="/upload/iblock/2d2/pnsb778oovk1i294qaw16nh08w6rs7d4.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                                    <div class="summary__item summary__item--text-alike">17.06.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Принимаем участие в масштабном всероссийском спецпроекте «HR-Экспедиция»</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о классных объятиях, в которых принимаем участие        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        231                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/tekhnicheskiy-reliz-avtorskikh-kursov-pogruzhaemsya-v-tyemnuyu-temu.htm"
   class="teaser teaser--hidden"
   data-item-index="42">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/636/ismb3wmtaiozfxmelfy90a1md5uu9n5w_2x.png 2x"
                 src="/upload/iblock/636/ismb3wmtaiozfxmelfy90a1md5uu9n5w.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span> <span class="summary__item">Digital Skills</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">06.06.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Технический релиз Авторских курсов: погружаемся в тёмную тему</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            5 июня мы завершили доработки по дизайну новых авторских курсов. Здесь мы подробнее рассказываем, в чём особенность свежего подхода к дизайну, и даём несколько пояснений про другие обновления.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        277                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/obnovlenie-delaykurs-izbrannye-shablony-animatsiya-blokov-i-drugie-uluchsheniya.htm"
   class="teaser teaser--hidden"
   data-item-index="43">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/537/hv0xkan6tp1ai53c98x6811pl0w6a1h9_2x.png 2x"
                 src="/upload/iblock/537/hv0xkan6tp1ai53c98x6811pl0w6a1h9.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">29.05.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Обновление ДелайКурс: избранные шаблоны, анимация блоков и другие улучшения</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Делимся новостями майского обновления ДелайКурс. Новые фичи, улучшения платформы и исправления багов        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        220                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chto-takoe-treki-proekta-obuchay.htm"
   class="teaser teaser--hidden"
   data-item-index="44">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/ff9/md03r615k7rqgddcehxs1pjiqotlkx2k_2x.webp 2x"
                 src="/upload/iblock/ff9/md03r615k7rqgddcehxs1pjiqotlkx2k.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">19.05.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Что такое треки проекта Обучай?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В статье команда «Обучай» расскажет о новом образовательном опыте, который предлагает всем пользователям, на примере трека «Управленческие компетенции».         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        252                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/platforma-vovlekay-uspeshno-protestirovana-na-sovmestimost-s-red-os-m.htm"
   class="teaser teaser--hidden"
   data-item-index="45">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/620/z52v29jftzc2zb2mvt5bbs8v3n6hhy7b_2x.jpg 2x"
                 src="/upload/iblock/620/z52v29jftzc2zb2mvt5bbs8v3n6hhy7b.jpg"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новости</span>                     <div class="summary__item summary__item--text-alike">22.04.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Платформа Вовлекай успешно протестирована на совместимость с РЕД ОС М</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о новом достижении в копилочке Вовлекай.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        105                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/vovlekayte-v-obuchenie-vneshnikh-sotrudnikov-i-klientov-vozmozhnosti-marketa.htm"
   class="teaser teaser--hidden"
   data-item-index="46">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/373/fip3b0yppbyrw9y4zysazj205feptejn_2x.png 2x"
                 src="/upload/iblock/373/fip3b0yppbyrw9y4zysazj205feptejn.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">15.04.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Вовлекайте в обучение внешних сотрудников и клиентов: возможности маркета</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Новый модуль «Маркет» на платформе Вовлекай позволит создавать подписки на контент в базе знаний: треки обучения, электронные SCORM-курсы, тестирования и даже геймифицированные квесты. Что именно входит в новые возможности модуля?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        74                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/novye-vozmozhnosti-dlya-udobnoy-raboty-s-testami-i-kursami.htm"
   class="teaser teaser--hidden"
   data-item-index="47">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/a90/b52gyt6db0or2ypljov2ky3ne0ws48bx_2x.png 2x"
                 src="/upload/iblock/a90/b52gyt6db0or2ypljov2ky3ne0ws48bx.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">01.04.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Новые возможности для удобной работы с тестами и курсами</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            31 марта вышел новый релиз на платформе ДелайКурс. Ещё больше функций и удобных инструментов для работы с тестами и курсами.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        214                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/shagi-k-kommunikatsii-reliz-24-marta.htm"
   class="teaser teaser--hidden"
   data-item-index="48">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/a51/x9k1p2jdb7ieqi1p9touc51bd3cmalfj_2x.png 2x"
                 src="/upload/iblock/a51/x9k1p2jdb7ieqi1p9touc51bd3cmalfj.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">24.03.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Шаги к коммуникации: релиз 24 марта</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о новых полях в профиле, расширенных возможностях назначения наставников и редактировании треков без прав администратора.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        74                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/fevralskie-relizy-delaykurs.htm"
   class="teaser teaser--hidden"
   data-item-index="49">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/d8d/p4qta1m56km1n16cxjv2fb5ai3e30ief_2x.png 2x"
                 src="/upload/iblock/d8d/p4qta1m56km1n16cxjv2fb5ai3e30ief.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">28.02.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Февральские релизы ДелайКурс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В февраля на платформе ДелайКурс вышли несколько обновлений. Собрали информацию о них в небольшую статью        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        192                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-rastopit-lyed-treki-adaptatsii-i-obucheniya.htm"
   class="teaser teaser--hidden"
   data-item-index="50">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/469/u48sexs1a28rxoewxsp6a8z4inbz5v2d_2x.png 2x"
                 src="/upload/iblock/469/u48sexs1a28rxoewxsp6a8z4inbz5v2d.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">27.02.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как растопить лёд: треки адаптации и обучения</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о новых возможностях для адаптации и обучения, удобной работе с мероприятиями и улучшенной навигации в квестах.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        86                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/zimniy-tekhnicheskiy-reliz-avtorskikh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="51">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/606/txz8mqqvnxk9gbuz42s4dnezm0ss66vj_2x.webp 2x"
                 src="/upload/iblock/606/txz8mqqvnxk9gbuz42s4dnezm0ss66vj.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">24.02.2025</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Зимний технический релиз Авторских курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            ﻿24 февраля команда Авторских курсов выпускает технический релиз. Пока новые курсы в разработке, мы не забываем об уже выпущенных и совершенствуем их. В этой статье поделюсь, зачем мы десятки раз перечитываем свои курсы и какие сюрпризы нам порой преподносят браузеры.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        242                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/emotsionalnyy-novogodniy-reliz.htm"
   class="teaser teaser--hidden"
   data-item-index="52">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/fe3/erdt9893iolggwaocnh0hqt09aydi3p5_2x.png 2x"
                 src="/upload/iblock/fe3/erdt9893iolggwaocnh0hqt09aydi3p5.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">19.12.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Эмоциональный новогодний релиз</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о последних изменениях и улучшениях для эмоционального вовлечения в обучение        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        1 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        78                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/osenniy-reliz-avtorskikh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="53">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/1f7/tmqa9zkinmqor92g1bq8bs080parhiz0_2x.webp 2x"
                 src="/upload/iblock/1f7/tmqa9zkinmqor92g1bq8bs080parhiz0.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">29.11.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Осенний релиз Авторских курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Это статья о том, как мы выпустили три новых курса, боролись с ошибками из-за обновлений браузера и удалили 50 кнопок. Расскажем обо всём по порядку.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        228                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/reliz-31-oktyabrya-vidzhety-otchyety-i-obnovlenie-interfeysa-administratora.htm"
   class="teaser teaser--hidden"
   data-item-index="54">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/f44/zucvtv5ijxf4z1aajigdlh8jptricehr_2x.png 2x"
                 src="/upload/iblock/f44/zucvtv5ijxf4z1aajigdlh8jptricehr.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">31.10.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Релиз 31 октября: виджеты, отчёты и обновление интерфейса администратора</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о последних изменениях и улучшениях для администраторов обучения.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        78                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/konferentsiya-vovlekay-kak-eto-bylo.htm"
   class="teaser teaser--hidden"
   data-item-index="55">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/a95/3px5f19hlsqf2vy23alpa7oit8l2jdlf_2x.webp 2x"
                 src="/upload/iblock/a95/3px5f19hlsqf2vy23alpa7oit8l2jdlf.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">28.10.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Конференция &quot;Вовлекай!&quot;: как это было</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            23 октября в Технопарке «Сколково» компания Лабмедиа успешно провела конференцию «Вовлекай!». Рассказываем подробно обо всём, что было на мероприятии        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        339                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/avtorskie-kursy-po-bezopasnosti-dlya-kazakhstana.htm"
   class="teaser teaser--hidden"
   data-item-index="56">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/070/70zn0dvpgcqpyptacxejlrxzpy0g5hyr_2x.webp 2x"
                 src="/upload/iblock/070/70zn0dvpgcqpyptacxejlrxzpy0g5hyr.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span> <span class="summary__item">Digital Skills</span>                     <div class="summary__item summary__item--text-alike">26.09.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Авторские курсы по безопасности для Казахстана</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В течение сентября команда Авторских курсов трудилась над адаптацией Охраны труда, Антифишинга, ГОиЧС и ещё пяти курсов под требования законодательства Казахстана. С 1 октября они будут доступны к заказу и покупке. В этой статье расскажем, как изменили курсы и чем они полезны компаниям РК. <br />
        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        316                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/vremya-proverit-znaniya-posle-otpuskov.htm"
   class="teaser teaser--hidden"
   data-item-index="57">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/bda/0hqxz0xcyybfu1jxq6d80zookho0rscj_2x.png 2x"
                 src="/upload/iblock/bda/0hqxz0xcyybfu1jxq6d80zookho0rscj.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">05.09.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Время проверить знания после отпусков</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о новом режиме «Тестирование», новом типе заданий и небольших, но приятных улучшениях.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        87                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-sdelat-programmu-kursa-kotoryy-sotrudniki-obyazatelno-proydut.htm"
   class="teaser teaser--hidden"
   data-item-index="58">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/4a4/q9mfqcxpqyi909ucwexdm7nm736an4fn_2x.webp 2x"
                 src="/upload/iblock/4a4/q9mfqcxpqyi909ucwexdm7nm736an4fn.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">28.08.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как сделать программу курса, который сотрудники обязательно пройдут</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Создание учебной программы – многокомпонентная задача. Важно знать, с чего начать, на что обратить внимание, какие нюансы учесть. Основное правило – составить план и его придерживаться. В статье предлагаем рассмотреть шаги разработки авторских онлайн-программ.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        319                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/delaykurs-ot-labmedia-v-reestre-rossiyskogo-po-ot-mintsifry-rf.htm"
   class="teaser teaser--hidden"
   data-item-index="59">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/de8/vk5kvtc01lj4nlk8u81d96i4tefthnvh_2x.webp 2x"
                 src="/upload/iblock/de8/vk5kvtc01lj4nlk8u81d96i4tefthnvh.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новости</span> <span class="summary__item">ДелайКурс</span>                     <div class="summary__item summary__item--text-alike">14.08.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">ДелайКурс от Лабмедиа в Реестре российского ПО от Минцифры РФ</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            24 июля 2024 г. ДелайКурс вошёл в Реестр российского программного обеспечения от Минцифры РФ. Рассказываем, почему это важный шаг развития нашей платформы        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        336                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/bitriks24-funktsional-i-vozmozhnosti-.htm"
   class="teaser teaser--hidden"
   data-item-index="60">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/082/2l46qbjp9e4z9bo3ifi0ysx322oypt0e_2x.webp 2x"
                 src="/upload/iblock/082/2l46qbjp9e4z9bo3ifi0ysx322oypt0e.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                                    <div class="summary__item summary__item--text-alike">13.08.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Битрикс24: краткий обзор функционала и возможностей</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о ключевых функциях Битрикс24, которые делают его востребованным инструментом среди компаний различных размеров.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        225                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/svezhiy-tekhnicheskiy-reliz-avtorskikh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="61">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/641/0l138kbqbgvsv6o7nywtigw961c3b4k4_2x.png 2x"
                 src="/upload/iblock/641/0l138kbqbgvsv6o7nywtigw961c3b4k4.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">02.08.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Свежий технический релиз Авторских курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В этом релизе пока нет новых курсов, зато есть обновление Охраны труда, правки по комментариям клиентов и результаты наших внутренних проверок. Пройдёмся подробнее по каждому пункту.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        208                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chto-takoe-kurs-longrid-ili-kak-my-delaem-kursy-pod-lyubye-ekrany.htm"
   class="teaser teaser--hidden"
   data-item-index="62">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/f85/qm12bvcu3s2gvavvk0o6lc7itak3jg4z_2x.webp 2x"
                 src="/upload/iblock/f85/qm12bvcu3s2gvavvk0o6lc7itak3jg4z.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">31.07.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Что такое курс-лонгрид или как мы создаем интерактивные уроки любого формата</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Больше половины e-Learning проектов Лабмедиа за последний год – это курсы в формате лонгрид. Но мы продолжаем регулярно слышать вопросы вроде: «а что это такое?», «вы пишете учебные статьи?», «а чем эти курсы отличаются от обычных?». В этой статье дадим ответ на все эти вопросы. И речь пойдёт в основном про опыт нашей компании. <br />
        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        11 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        462                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/lyegkiy-letniy-reliz.htm"
   class="teaser teaser--hidden"
   data-item-index="63">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/a67/aq42yge8n1utr3wm1v1n762vts986nkp_2x.png 2x"
                 src="/upload/iblock/a67/aq42yge8n1utr3wm1v1n762vts986nkp.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">25.07.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Лёгкий летний релиз</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В разгар лета мы подготовили для вас три особых обновления.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        76                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/sozdanie-elektronnogo-kursa-s-nulya-ot-idei-i-kontseptsii-do-oformleniya-i-prodvizheniya.htm"
   class="teaser teaser--hidden"
   data-item-index="64">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/a9c/xc96pwvwuhu6rg2z4ala5yssvdzvts7m_2x.webp 2x"
                 src="/upload/iblock/a9c/xc96pwvwuhu6rg2z4ala5yssvdzvts7m.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">23.07.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Создание электронного курса «с нуля»: от идеи и концепции до оформления и продвижения</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Электронный курс освобождает от необходимости организовывать регулярные лекции и семинары для обучения сотрудников. Это тот случай, когда можно один раз потратить больше времени и денег, но потом экономить на актуализации знаний коллектива.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        13 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        369                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/effektivnye-metodiki-obucheniya-vzroslykh.htm"
   class="teaser teaser--hidden"
   data-item-index="65">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/373/kh7pcsgaqdwg839qn2h8rmxsz17ywrmc_2x.png 2x"
                 src="/upload/iblock/373/kh7pcsgaqdwg839qn2h8rmxsz17ywrmc.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">10.07.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Эффективные методики обучения взрослых</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В современной педагогике выделяют несколько теорий обучения взрослых. Есть несколько популярных, каждую из которых можно эффективно применять при корпоративном обучении и разработке курсов.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        8 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        100                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/yaroslavl-almaty-astana-yaroslavl.htm"
   class="teaser teaser--hidden"
   data-item-index="66">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/78f/e8pcogia0jeqgxmlmz8oeyr3wo697frw_2x.webp 2x"
                 src="/upload/iblock/78f/e8pcogia0jeqgxmlmz8oeyr3wo697frw.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новости</span>                     <div class="summary__item summary__item--text-alike">10.06.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Ярославль – Алматы – Астана – Ярославль</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Максимально продуктивная рабочая неделя в новых локациях и перспективы вывода российского программного обеспечения на казахстанский рынок – именно такими выдались майские дни для делегации Компании Лабмедиа в Казахстане. Рассказываем, как это было        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        232                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/soft-skills-klyuchevye-navyki-dlya-raboty-v-lyubom-kollektive.htm"
   class="teaser teaser--hidden"
   data-item-index="67">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/5f2/owfl8wbyxcipiczu02g5ygob8mrgwwji_2x.webp 2x"
                 src="/upload/iblock/5f2/owfl8wbyxcipiczu02g5ygob8mrgwwji.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Soft Skills</span>                     <div class="summary__item summary__item--text-alike">28.05.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Soft skills: ключевые навыки для работы в любом коллективе</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Soft skills или в дословном переводе с английского «мягкие &#40;гибкие&#41; навыки» – термин, который успешно закрепился в обучении относительно недавно, хотя сами способности быстро учиться чему-то новому применяются в любой профессии давно.&nbsp;&nbsp;Рассказываем, что ценят работодатели в сотрудниках и какие навыки необходимо развивать вне зависимости от профессии.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        295                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/upravlyat-obucheniem-komfortno-mayskiy-reliz-vovlekay.htm"
   class="teaser teaser--hidden"
   data-item-index="68">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/bc7/8r12ab26bdp98a8jz47en4nytof0tlx7_2x.png 2x"
                 src="/upload/iblock/bc7/8r12ab26bdp98a8jz47en4nytof0tlx7.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">27.05.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Управлять обучением комфортно. Майский релиз Вовлекай</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Руководители, наставники, преподаватели ещё в марте получили доступ к кабинету руководителя в интерфейсе пользователя. В этот релиз мы развиваем доступные там возможности. Что теперь можно делать через кабинет руководителя?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        71                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/boxbattle-vovlekay.htm"
   class="teaser teaser--hidden"
   data-item-index="69">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/584/q82wljyzyvgc3lpfmhvzbs0oy3in7s4t_2x.jpg 2x"
                 src="/upload/iblock/584/q82wljyzyvgc3lpfmhvzbs0oy3in7s4t.jpg"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">05.04.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">BoxBattle --&gt; Вовлекай</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Что скрывается за названием Вовлекай?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        1 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        216                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/globalnyy-vesenniy-reliz-vovlekay.htm"
   class="teaser teaser--hidden"
   data-item-index="70">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b15/8l777n4x33g3exr0dhl8mxjx5a4dzov8_2x.png 2x"
                 src="/upload/iblock/b15/8l777n4x33g3exr0dhl8mxjx5a4dzov8.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">11.03.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Глобальный весенний релиз Вовлекай</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В новом релизе продолжаем переносить механизмы работы с гормонами, удовольствием и мотивацией человека в обучение.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        8 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        75                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/geymifikatsiya-protsessa-obucheniya-v-shkole.htm"
   class="teaser teaser--hidden"
   data-item-index="71">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/ee5/uc8ptxgpj4dt70duie4qw1cu9abb0p2g_2x.png 2x"
                 src="/upload/iblock/ee5/uc8ptxgpj4dt70duie4qw1cu9abb0p2g.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">12.01.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Геймификация процесса обучения в школе</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Игра — идеальная модель деятельности для детей и подростков. Неудивительно, что однажды кому-то в голову пришла гениальная идея — перенести элементы игрового процесса в школьное образование. Рассказываем вам, что предполагает геймификация обучения школьников и как ее использовать в образовательных целях.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        86                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chto-takoe-pedagogicheskiy-dizayn.htm"
   class="teaser teaser--hidden"
   data-item-index="72">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/2cf/aj44on9143oefvdp0s7wzqhcg9ior0w3_2x.webp 2x"
                 src="/upload/iblock/2cf/aj44on9143oefvdp0s7wzqhcg9ior0w3.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">10.01.2024</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Что такое педагогический дизайн?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Даже сложный материал воспринимается легко, если преподаватель использует подходящие средства его подачи и оформления. В этой статье мы расскажем вам, что такое педагогический дизайн и как с его помощью вы сможете сделать обучение понятным для всех.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        13 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        451                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/novogodniy-reliz-delaykurs.htm"
   class="teaser teaser--hidden"
   data-item-index="73">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/0c9/cpqqjn2lczw6duz6e1dl8vkt66dluqv2_2x.png 2x"
                 src="/upload/iblock/0c9/cpqqjn2lczw6duz6e1dl8vkt66dluqv2.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">27.12.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Новогодний релиз ДелайКурс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            27 декабря выходит грандиозное обновление ДелайКурс - авторского средства разработки электронных курсов. Рассказываем подробнее.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        204                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/novogodniy-reliz-vovlekay-25-dekabrya.htm"
   class="teaser teaser--hidden"
   data-item-index="74">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/02e/d1x6cb34f3mw1wx8cw173alfdnr87vqb_2x.png 2x"
                 src="/upload/iblock/02e/d1x6cb34f3mw1wx8cw173alfdnr87vqb.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">25.12.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Новогодний релиз Вовлекай 25 декабря</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Хоу-хоу-хоу! Новый год уже близко, и команда Вовлекай не теряла времени, а подготовила отличный подарок: новые фичи и улучшения платформы. Рассказываем подробнее обо всех изменениях.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        71                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/pochemu-nashi-gotovye-kursy-vsegda-vostrebovany.htm"
   class="teaser teaser--hidden"
   data-item-index="75">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/62d/02g7kmcjb02v53jgdrzmxxobwjjhazd2_2x.webp 2x"
                 src="/upload/iblock/62d/02g7kmcjb02v53jgdrzmxxobwjjhazd2.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span> <span class="summary__item">Digital Skills</span> <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">11.12.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Почему наши готовые курсы всегда востребованы?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            С каждым годом в нашей библиотеке всё больше курсов по развитию гибких навыков. И каждый курс остается актуальным вне зависимости от того, насколько давно он вышел. Почему? Рассказываем в небольшой статье        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        1 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        266                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/obuchayushchie-sistemy-i-trenazhery-osobennosti-i-preimushchestva.htm"
   class="teaser teaser--hidden"
   data-item-index="76">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/751/ro01x4nvfg2wa1mz5r3oe8z7wato0ez6_2x.png 2x"
                 src="/upload/iblock/751/ro01x4nvfg2wa1mz5r3oe8z7wato0ez6.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">01.12.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Обучающие системы и тренажеры: особенности и преимущества</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Современные форматы обучения построены на принципе интерактивности. Ученик получает конкретную задачу и в процессе ее решения развивает целевые навыки. Для оптимизации процесса сегодня активно применяют обучающие системы и тренажеры. Рассказываем об их особенностях и преимуществах.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        192                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-provesti-uspeshnyy-vebinar-sovety-i-rekomendatsii.htm"
   class="teaser teaser--hidden"
   data-item-index="77">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/0cf/q9o8ybrbxbc89ip2r67npspejzuso56i_2x.webp 2x"
                 src="/upload/iblock/0cf/q9o8ybrbxbc89ip2r67npspejzuso56i.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Видеоконтент</span>                     <div class="summary__item summary__item--text-alike">22.11.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как провести успешный вебинар: советы и рекомендации</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Вебинар – популярный способ общения с аудиторией. Вебинары позволяют проводить обучение, презентации, обсуждения и многое другое в режиме реального времени. В этой статье мы рассмотрим основные этапы проведения вебинара, подготовки контента и возможного взаимодействия с аудиторией.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        296                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/vot-eto-novosti-noyabrskiy-reliz-vovlekay.htm"
   class="teaser teaser--hidden"
   data-item-index="78">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/2ab/4nx8ctfqnp1wbd7ulbxxecu5keren9ii_2x.png 2x"
                 src="/upload/iblock/2ab/4nx8ctfqnp1wbd7ulbxxecu5keren9ii.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">02.11.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Вот это новости! Ноябрьский релиз Вовлекай</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Расширяем функционал Вовлекай в новом релизе: новости, онбординг для пользователей и ограниченное время в квестах        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        74                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/geymifikatsiya-obucheniya-okhrane-truda.htm"
   class="teaser teaser--hidden"
   data-item-index="79">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/988/2i3plzzgir0baurg7zxr0ke35nceh4t0_2x.png 2x"
                 src="/upload/iblock/988/2i3plzzgir0baurg7zxr0ke35nceh4t0.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">22.10.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Геймификация обучения охране труда</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Учебный процесс с элементами игры — явление не новое. Однако в последнее время подобный формат, в том числе и в сфере охраны труда, становится все популярнее. Лекции и обычные практические занятия настолько привычны, что хочется дополнить их чем-то новым.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        12 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        129                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-geymifikatsiya-povyshaet-motivatsiyu-personala.htm"
   class="teaser teaser--hidden"
   data-item-index="80">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c15/nva9a4upuq1s4zpfm9w6kw2iaa66o6l1_2x.webp 2x"
                 src="/upload/iblock/c15/nva9a4upuq1s4zpfm9w6kw2iaa66o6l1.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Геймификация</span>                     <div class="summary__item summary__item--text-alike">20.10.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как геймификация повышает мотивацию персонала</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Одним из факторов успешного функционирования любой организации является мотивация. Рассказываем, как геймификация может поднять мотивацию сотрудников к обучению и работе.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        8 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        826                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/osennee-obnovlenie-v-biblioteke-avtorskikh-kursov-labmedia.htm"
   class="teaser teaser--hidden"
   data-item-index="81">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/cdf/41vteh7wubquflc7x0sm10u15qsxvvaz_2x.webp 2x"
                 src="/upload/iblock/cdf/41vteh7wubquflc7x0sm10u15qsxvvaz.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span>                     <div class="summary__item summary__item--text-alike">19.10.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Осеннее обновление в библиотеке авторских курсов Лабмедиа</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Встречаем три новых курса для эффективной работы сотрудников.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        215                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/korporativnaya-set-kak-chast-obucheniya-sotrudnikov.htm"
   class="teaser teaser--hidden"
   data-item-index="82">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/8b9/fnkgy703n1393dwjcv4y8ddwzge498od_2x.png 2x"
                 src="/upload/iblock/8b9/fnkgy703n1393dwjcv4y8ddwzge498od.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">22.09.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Корпоративная сеть как часть обучения сотрудников</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В современном мире компании всё чаще ищут способы обеспечить своих сотрудников необходимыми инструментами и навыками для эффективной работы. Одним из способов достижения этой цели является использование корпоративной социальной сети.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        99                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/otsenka-effektivnosti-onlayn-obucheniya-personala.htm"
   class="teaser teaser--hidden"
   data-item-index="83">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c89/wyrm0hbwqkyy86ip7w2gkssxk2zr9r0i_2x.webp 2x"
                 src="/upload/iblock/c89/wyrm0hbwqkyy86ip7w2gkssxk2zr9r0i.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">05.09.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Оценка эффективности онлайн-обучения персонала</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Некоторые компании при организации дистанционного учебного процесса уделяют недостаточное внимание вопросу проверки его результатов. Решить эту проблему помогут специальные методики. Ниже мы расскажем вам о критериях и современных моделях оценки продуктивности онлайн-курсов.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        351                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/korporativnoe-obuchenie-personala-chto-eto-i-kak-rabotaet.htm"
   class="teaser teaser--hidden"
   data-item-index="84">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/25a/8mhss2kla2rv4y2pzcjh95nifwsnymnf_2x.png 2x"
                 src="/upload/iblock/25a/8mhss2kla2rv4y2pzcjh95nifwsnymnf.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">04.09.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Корпоративное обучение персонала: что это и как работает</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Будущее компании зависит от умения её руководства и персонала своевременно реагировать на вызовы и адаптироваться к новым условиям работы. Справиться с поставленными задачами поможет система корпоративного обучения.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        11 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        117                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/osenniy-reliz-vovlekay-novye-kraski-obucheniya.htm"
   class="teaser teaser--hidden"
   data-item-index="85">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/39f/jikygjxk4jtbio1a5qq5oirjxs4fnbpv_2x.png 2x"
                 src="/upload/iblock/39f/jikygjxk4jtbio1a5qq5oirjxs4fnbpv.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">29.08.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Осенний релиз Вовлекай: новые краски обучения</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            1 сентября добавим новых красок в обучение с новым релизом Вовлекай. Вебинары, безграничная тренировка знаний через тестирования и новый язык обучения.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        83                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/distantsionnoe-obuchenie-personala-sistema-i-tekhnologii.htm"
   class="teaser teaser--hidden"
   data-item-index="86">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/816/lmw7ej7ip6lj9w18tk465gv5moan8pcs_2x.png 2x"
                 src="/upload/iblock/816/lmw7ej7ip6lj9w18tk465gv5moan8pcs.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">08.08.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Дистанционное обучение персонала: система и технологии</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Дистанционное обучение персонала – отличная альтернатива традиционным курсам повышения квалификации сотрудников компании. Рассказываем, что собой представляет система дистанционного обучения &#40;СДО&#41; и какие технологии используют преподаватели.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        157                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-sozdat-videourok-poshagovoe-rukovodstvo-.htm"
   class="teaser teaser--hidden"
   data-item-index="87">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/258/xeic6zxjnh6zbgfvesklq6w2tk6wng8u_2x.webp 2x"
                 src="/upload/iblock/258/xeic6zxjnh6zbgfvesklq6w2tk6wng8u.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Видеоконтент</span>                     <div class="summary__item summary__item--text-alike">01.08.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как создать видеоурок: пошаговое руководство </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Видеоурок – это эффективный и современный инструмент передачи информации. При желании каждый может создать видеоурок самостоятельно при помощи видеокамеры, микрофона и видеоредактора. Мы подготовили для вас пошаговую инструкцию по созданию видеоурока с нуля.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        11 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        444                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/volna-novinok-letniy-reliz-vovlekay.htm"
   class="teaser teaser--hidden"
   data-item-index="88">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/10f/p6n6t7yo0ls594fvrhczq9kbn82d90ll_2x.png 2x"
                 src="/upload/iblock/10f/p6n6t7yo0ls594fvrhczq9kbn82d90ll.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">11.07.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Волна новинок! Летний релиз Вовлекай</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            13 июля выходит летний освежающий релиз Вовлекай! Новый функционал, расширение возможностей библиотеки и приятные преображения!        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        71                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/sozdanie-multimediynogo-onlayn-kursa.htm"
   class="teaser teaser--hidden"
   data-item-index="89">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/012/ab0iobu3lp5kb9g6w5slsk73rwzchlls_2x.webp 2x"
                 src="/upload/iblock/012/ab0iobu3lp5kb9g6w5slsk73rwzchlls.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">28.06.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Создание мультимедийного онлайн-курса</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Мультимедийные интерактивные курсы используются как в формальном, так и в неформальном образовании, и позволяют получать знания в своем темпе и в любом месте, где есть доступ к интернету.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        7 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        478                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/podborka-servisov-i-platform-dlya-sozdaniya-elektronnykh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="90">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/0b4/0og4lef6zo95jep7ag9iz03jfbkw5z3u_2x.png 2x"
                 src="/upload/iblock/0b4/0og4lef6zo95jep7ag9iz03jfbkw5z3u.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">25.06.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Подборка сервисов и платформ для создания электронных курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Электронные курсы для дистанционного обучения — популярный формат обучения во многих сферах. Если вы ищете сервис для создания электронных курсов, эта подборка из популярных онлайн-платформ поможет вам определиться с выбором.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        16 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        116                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chto-takoe-lms.htm"
   class="teaser teaser--hidden"
   data-item-index="91">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c81/b6s1jvcp8n8of78z5uhlo4mob90mygxy_2x.png 2x"
                 src="/upload/iblock/c81/b6s1jvcp8n8of78z5uhlo4mob90mygxy.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">14.06.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Что такое LMS?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В этой статье мы разберем, что такое LMS, какие возможности она предоставляет и какую роль играет в организации современного образования.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        142                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-sozdat-prezentatsionnyy-rolik-o-kompanii.htm"
   class="teaser teaser--hidden"
   data-item-index="92">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/8b3/127cj4svwwgkyljr3fgjptw1c13oz4l4_2x.webp 2x"
                 src="/upload/iblock/8b3/127cj4svwwgkyljr3fgjptw1c13oz4l4.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Видеоконтент</span>                     <div class="summary__item summary__item--text-alike">26.05.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как создать презентационный ролик о компании</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Создание презентационного ролика о компании является способом привлечения новых клиентов и партнеров, укрепления имиджа фирмы и повышения ее узнаваемости на рынке.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        10 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        833                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-napisat-stsenariy-dlya-korporativnogo-rolika-o-kompanii-poshagovaya-instruktsiya.htm"
   class="teaser teaser--hidden"
   data-item-index="93">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/29f/agufmdsgaap5hgvrsruq0sgz8d3fi5ui_2x.webp 2x"
                 src="/upload/iblock/29f/agufmdsgaap5hgvrsruq0sgz8d3fi5ui.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Видеоконтент</span>                     <div class="summary__item summary__item--text-alike">26.05.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как написать сценарий для корпоративного ролика о компании: пошаговая инструкция</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            При помощи видеороликов можно быстро и на понятном даже неподготовленному зрителю языке рассказать о компании, ее ценностях и планах на будущее. Разумеется, для этого необходимо написать хороший сценарий.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        10 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        2797                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/priglasheniya-obratnaya-svyaz-i-novye-vozmozhnosti-aprelskogo-reliza-vovlekay.htm"
   class="teaser teaser--hidden"
   data-item-index="94">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/253/t1l8d9i3g01y9q54k1yz2bi0wb10qzmh_2x.png 2x"
                 src="/upload/iblock/253/t1l8d9i3g01y9q54k1yz2bi0wb10qzmh.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">10.04.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Приглашения, обратная связь и новые возможности апрельского релиза Вовлекай</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Встречаем новый релиз Вовлекай! Чуть больше месяца назад Вовлекай получил порцию новых обновлений. А сегодня мы готовы рассказать о ещё большем количестве улучшений, которые получила наша Коробка.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        72                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/sistema-elektronnogo-obucheniya-e-learning-zadachi-i-vozmozhnosti.htm"
   class="teaser teaser--hidden"
   data-item-index="95">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/119/08blxuguds99ackq048kvhdxt0gose7e_2x.webp 2x"
                 src="/upload/iblock/119/08blxuguds99ackq048kvhdxt0gose7e.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">28.03.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Система электронного обучения e-learning: задачи и возможности</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Постоянное развитие сотрудников, совершенствование их навыков — один из основных факторов успеха любой компании. Добиться этой цели с минимальными финансовыми затратами помогает дистанционное обучение персонала.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        648                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/novyy-reliz-vovlekay-novye-voprosy-izmeneniya-v-biblioteke-i-priyatnye-melochi.htm"
   class="teaser teaser--hidden"
   data-item-index="96">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/a8c/5zn2ia6eantcxhjygtxh2qr5jburp0tr_2x.png 2x"
                 src="/upload/iblock/a8c/5zn2ia6eantcxhjygtxh2qr5jburp0tr.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">02.03.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Новый релиз Вовлекай: новые вопросы, изменения в библиотеке и приятные мелочи</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Весна только наступила, а в нашей Коробке уже расцвели новые полезные и приятные фичи. Немного подробнее о самых интересных из них.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        98                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/korporativnoe-obuchenie-2023-kakie-trendy-zhdut-nas-v-novom-godu-.htm"
   class="teaser teaser--hidden"
   data-item-index="97">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/65f/2xdtwcre1pq95iljmpt729kfrtpbloy2_2x.webp 2x"
                 src="/upload/iblock/65f/2xdtwcre1pq95iljmpt729kfrtpbloy2.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">12.01.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Корпоративное обучение 2023: какие тренды ждут нас в новом году? </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Несмотря на постоянное развитие технологий и автоматизацию процессов, главным ресурсом компаний являются люди. И если техника требует обновлений, знания сотрудников также нуждаются в постоянной актуализации. В статье расскажем о тенденциях в корпоративном обучении, на которые стоит обратить внимание.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        314                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/vovlekay-v-skolkovo-put-k-rezidentstvu.htm"
   class="teaser teaser--hidden"
   data-item-index="98">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/018/jlhsead5y0dc50s2xt2gl745vd9qobni_2x.png 2x"
                 src="/upload/iblock/018/jlhsead5y0dc50s2xt2gl745vd9qobni.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">11.01.2023</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Вовлекай в Сколково: путь к резидентству</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Мы решили поделиться своей историей получения резидентства в Сколково длиной в 2 года. Цели, процесс, трудности, результаты.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        94                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/scorm-kurs-etalon-ili-ustarevshiy-format-v-e-learning-.htm"
   class="teaser teaser--hidden"
   data-item-index="99">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/92d/smx51fd9if5sa75ha63dq5k7ifwz4d9f_2x.webp 2x"
                 src="/upload/iblock/92d/smx51fd9if5sa75ha63dq5k7ifwz4d9f.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">17.12.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Что за формат SCORM для электронных курсов?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем, что такое SCORM-курсы и какие возможности они дают для организации обучения в компании.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        7 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        372                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/7-chudes-novogo-reliza-vovlekay.htm"
   class="teaser teaser--hidden"
   data-item-index="100">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/d2a/rie07a7wiv2x8881wk8xayfogvrbynkq_2x.png 2x"
                 src="/upload/iblock/d2a/rie07a7wiv2x8881wk8xayfogvrbynkq.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">14.12.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">7 чудес нового релиза Вовлекай</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Начинаем зиму с горячим обновлением Вовлекай! Обновлённый интерфейс, рекомендации, прокачка характеристик и ещё больше возможностей для всех пользователей Вовлекай.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        140                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/prednovogodniy-reliz-avtorskikh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="101">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/26f/hjhga12begdkjytxjy0b3eut1r329ik0_2x.webp 2x"
                 src="/upload/iblock/26f/hjhga12begdkjytxjy0b3eut1r329ik0.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span> <span class="summary__item">Корпоративное обучение</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">12.12.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Предновогоднее обновление в библиотеке авторских курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Пятое обновление в библиотеке курсов за 2022 год! Рассказываем о двух новых курсах и важных улучшениях        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        181                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/uchimsya-myslit-kriticheski-v-osennem-obnovlenii-avtorskikh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="102">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/f7c/oj7woj95mqv16vep0eeyrdy796s1wl1u_2x.webp 2x"
                 src="/upload/iblock/f7c/oj7woj95mqv16vep0eeyrdy796s1wl1u.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">12.10.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Учимся мыслить критически в осеннем обновлении авторских курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем про новый курс и о нескольких важных улучшениях.&nbsp;&nbsp;        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        1 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        207                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/bolshoy-osenniy-reliz-boxbattle-turniry-obratnaya-svyaz-i-novye-korobki-avatary.htm"
   class="teaser teaser--hidden"
   data-item-index="103">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/d64/u76efj082ie8t92w26pqgl93lafwcapn_2x.webp 2x"
                 src="/upload/iblock/d64/u76efj082ie8t92w26pqgl93lafwcapn.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">05.09.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Большой осенний релиз BoxBattle: турниры, обратная связь и новые коробки-аватары</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Не даем скучать и хандрить этой осенью с новым релизом BoxBattle. Вот несколько фактов о последнем обновлении, которые заставят вас с головой погрузиться в мир коробочных баталий.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        232                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/pochemu-vse-vokrug-govoryat-o-soft-skills-i-kak-effektivno-obuchit-im-svoikh-sotrudnikov.htm"
   class="teaser teaser--hidden"
   data-item-index="104">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/66c/wvavthv55n7a3fhft8083xgkdopixf0q_2x.webp 2x"
                 src="/upload/iblock/66c/wvavthv55n7a3fhft8083xgkdopixf0q.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Soft Skills</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">05.09.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Почему все вокруг говорят о Soft Skills, и как эффективно обучить им своих сотрудников</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Какой бы заезженной ни была тема Soft Skills, она не теряет своей актуальности уже много лет. В статье рассказываем, почему соискатели и сотрудники, обладающие гибкими навыками, имеют больше шансов на успешную карьеру и как руководство может помочь им развить эти навыки.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        300                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/valeriy-leontev-i-aleksandr-ryabinin-eksperty-i-zhyuri-onlayn-smeny-predprinimateli-budushchego-.htm"
   class="teaser teaser--hidden"
   data-item-index="105">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/575/za2yr1nc4teshtpd3jftgw09s3k643ke_2x.webp 2x"
                 src="/upload/iblock/575/za2yr1nc4teshtpd3jftgw09s3k643ke.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Новости</span>                     <div class="summary__item summary__item--text-alike">31.08.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Валерий Леонтьев и Александр Рябинин — эксперты и жюри онлайн-смены «Предприниматели будущего» </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Завершаем лето погружением в изучение сферы бизнеса на летней онлайн-смене «Предприниматели будущего». Подробности проекта читайте в статье.&nbsp;&nbsp;        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        210                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/neveroyatnye-priklyucheniya-timura-v-biblioteke-gotovykh-kursov-.htm"
   class="teaser teaser--hidden"
   data-item-index="106">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b78/3whr3cgs7h1jqzva06zqa9xjpmrq56li_2x.webp 2x"
                 src="/upload/iblock/b78/3whr3cgs7h1jqzva06zqa9xjpmrq56li.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span> <span class="summary__item">Digital Skills</span> <span class="summary__item">e-learning</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">29.08.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Невероятные приключения Тимура в библиотеке готовых курсов </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Качественное обучение сотрудников без особых финансовых затрат — мечта многих руководителей. В статье в формате истории рассказываем, как это возможно реализовать с помощью готовых курсов. <br />
        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        237                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/boxbattle-rezident-skolkovo.htm"
   class="teaser teaser--hidden"
   data-item-index="107">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/5f9/y0d54r7n8cx5euz0jqm5r2fgiyvurrqp_2x.webp 2x"
                 src="/upload/iblock/5f9/y0d54r7n8cx5euz0jqm5r2fgiyvurrqp.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">01.08.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Вовлекай — резидент Сколково!</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            15 июля Валерий Леонтьев и Александр Рябинин выступили перед независимой комиссией «Сколково» с 7-минутным питчем, в котором рассказали о характеристиках и преимуществах нашей коробки. Узнайте, как изменится жизнь Вовлекай в новом статусе        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        1 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        237                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/shkola-pedagogicheskogo-dizayna-kak-neskuchno-nauchitsya-sozdavat-elektronnye-kursy.htm"
   class="teaser teaser--hidden"
   data-item-index="108">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b25/2k3ws4zmm58cyrlmkvelwxyggcj3ijh2_2x.webp 2x"
                 src="/upload/iblock/b25/2k3ws4zmm58cyrlmkvelwxyggcj3ijh2.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                                    <div class="summary__item summary__item--text-alike">01.08.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Школа педагогического дизайна: как нескучно научиться создавать электронные курсы</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Создать качественный электронный курс невозможно без участия педагогического дизайнера. В статье доступным языком рассказываем о профессии и одном интересном варианте её освоения.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        189                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/boxbattle-finalist-social-tech-challenge-2022.htm"
   class="teaser teaser--hidden"
   data-item-index="109">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/265/gkn32oswtn5n5rzc71293ocwkmkjb381_2x.webp 2x"
                 src="/upload/iblock/265/gkn32oswtn5n5rzc71293ocwkmkjb381.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">15.07.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">BoxBattle – финалист Social Tech Challenge 2022!</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            8 июля 2022 г. состоялся демо-день конкурса Social Tech Challenge от Московского Инновационного кластера. BoxBattle был признан одним из самых перспективных решений для нового рынка в сегменте EdTech. Подробнее в статье        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        200                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/letniy-reliz-boxbattle-napolnyaem-korobku-gotovym-kontentom.htm"
   class="teaser teaser--hidden"
   data-item-index="110">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/9eb/jawngddu30pwbqpw89k23ssu8x48irvl_2x.webp 2x"
                 src="/upload/iblock/9eb/jawngddu30pwbqpw89k23ssu8x48irvl.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">15.07.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Летний релиз BoxBattle: наполняем коробку готовым контентом</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Onboarding, справочный центр и много готового контента        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        249                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/preimushchestva-avtomatizatsii-podbora-personala.htm"
   class="teaser teaser--hidden"
   data-item-index="111">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/556/1ptus9ye7ht3mzq6f2mcagdi25vvwyw1_2x.webp 2x"
                 src="/upload/iblock/556/1ptus9ye7ht3mzq6f2mcagdi25vvwyw1.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Автоматизация процессов</span>                     <div class="summary__item summary__item--text-alike">04.07.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Преимущества автоматизации подбора персонала</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем, как объединение технологических возможностей и усилий HR-специалистов способны упростить процесс подбора кадров и управление ими для получения лучших результатов.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        14 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        285                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/zharkie-letnie-avtorskie-obnovlenie-v-biblioteke-gotovykh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="112">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/4aa/r2xrlt3rz9sxcf24orj9eafkwv9umg14_2x.webp 2x"
                 src="/upload/iblock/4aa/r2xrlt3rz9sxcf24orj9eafkwv9umg14.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span> <span class="summary__item">e-learning</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">16.06.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Жаркие. Летние. Авторские. Обновление в библиотеке готовых курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Три новых курса по развитию Soft Skills и большая актуализация дополнительных материалов.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        226                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/razrabotka-elektronnogo-kursa-ot-idei-do-reliza.htm"
   class="teaser teaser--hidden"
   data-item-index="113">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/017/op0vhneh52o6gxbmghzhq4l080sx1j97_2x.webp 2x"
                 src="/upload/iblock/017/op0vhneh52o6gxbmghzhq4l080sx1j97.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">20.05.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Разработка электронного курса от идеи до релиза</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Повысить мотивацию и продуктивность работы персонала без тренера, качественно и за короткий период возможно благодаря внедрению электронных курсов. Рассказываем об основных этапах разработки собственного онлайн-курса от идеи до релиза        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        10 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        892                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/vesennee-obnovlenie-v-biblioteke-avtorskikh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="114">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c39/mosrtwqkqty2uz7byd56yjgsr6zuuqhl_2x.webp 2x"
                 src="/upload/iblock/c39/mosrtwqkqty2uz7byd56yjgsr6zuuqhl.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span> <span class="summary__item">Digital Skills</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">20.04.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Весеннее обновление в библиотеке авторских курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Весенний жизнеутверждающий релиз авторских курсов: новые digital-курсы и большие актуальные правки        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        207                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/labmedia-na-vserossiyskom-pedagogicheskom-khakatone-hackeducation-2-0.htm"
   class="teaser teaser--hidden"
   data-item-index="115">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/9a9/e1tzxm50oos6n6wmbxz0laf93ohuxphn_2x.webp 2x"
                 src="/upload/iblock/9a9/e1tzxm50oos6n6wmbxz0laf93ohuxphn.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">15.04.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Лабмедиа на Всероссийском педагогическом Хакатоне HackEducation 2.0</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            8-10 апреля эксперты Лабмедиа, Валентина Власова и Наталья Лебедева, приняли участие оценке проектов на очном этапе Всероссийского педагогического Хакатона HackEducation 2.0<br />
Делимся впечатлениями         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        233                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/spravlyaemsya-s-trevogoy-antistress-podorozhnik-v-periody-neopredelennosti-.htm"
   class="teaser teaser--hidden"
   data-item-index="116">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/05f/jm0oxtoctfoy4rdaje4vuu330ghjmd1r_2x.webp 2x"
                 src="/upload/iblock/05f/jm0oxtoctfoy4rdaje4vuu330ghjmd1r.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                                    <div class="summary__item summary__item--text-alike">17.03.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Справляемся с тревогой: антистресс-«подорожник» в периоды неопределенности </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Суровая реальность вынуждает большинство людей испытывать тревожность, а неопределенность и страх за своё будущее повышают уровень стресса. Мы не смогли остаться в стороне и подготовили свои рекомендации для решения этой проблемы и поддержания душевного спокойствия        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        232                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/proshchaemsya-s-zimoy-obnovleniem-v-biblioteke-avtorskikh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="117">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/9ed/qsher2dqr0aesnu87w2rfe83mxfn5kac_2x.webp 2x"
                 src="/upload/iblock/9ed/qsher2dqr0aesnu87w2rfe83mxfn5kac.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span>                     <div class="summary__item summary__item--text-alike">28.02.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Прощаемся с зимой обновлением в библиотеке авторских курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В последний день зимы запускаем новый курс и продолжаем улучшать существующие        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        213                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/novyy-reliz-boxbattle-24-fevralya.htm"
   class="teaser teaser--hidden"
   data-item-index="118">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/6ac/1ne8ulnqbic5l7ty0bps93ky0ekyowk0_2x.webp 2x"
                 src="/upload/iblock/6ac/1ne8ulnqbic5l7ty0bps93ky0ekyowk0.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span> <span class="summary__item">Геймификация</span>                     <div class="summary__item summary__item--text-alike">24.02.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Новый релиз BoxBattle 24 февраля</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Новый релиз BoxBattle! Новые локации, улучшенные задания и приятные мелочи        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        219                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/distantsionnoe-obuchenie-v-kompanii.htm"
   class="teaser teaser--hidden"
   data-item-index="119">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/84c/ff5ng9ns06w2555knanczi2ofjllw6of_2x.webp 2x"
                 src="/upload/iblock/84c/ff5ng9ns06w2555knanczi2ofjllw6of.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">16.02.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Дистанционное обучение в компании</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о возможностях применения дистанционного обучения в компании, какие инструменты и приемы эффективны для решения поставленных задач и как их внедрить в процесс обучения персонала        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        7 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        346                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/obuchenie-na-avtopilote-avtomatizatsiya-protsessov-obucheniya-personala-.htm"
   class="teaser teaser--hidden"
   data-item-index="120">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/865/d22qtlpx8fxx4ilc6tneqv69e32zx5nw_2x.webp 2x"
                 src="/upload/iblock/865/d22qtlpx8fxx4ilc6tneqv69e32zx5nw.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Автоматизация процессов</span>                     <div class="summary__item summary__item--text-alike">07.02.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Обучение на автопилоте: автоматизация процессов обучения персонала </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Как снизить затраты на обучение, не потеряв при этом в качестве? Как организовать комфортные условия для обучения в компании? Как понять, кто достоин подняться вверх по карьерной лестнице, а кому ещё необходимо прокачать свои навыки? На эти и другие вопросы ищите вопросы в нашей статье        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        399                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/geymifikatsiya-perevod-biznesa-v-igrovuyu-formu.htm"
   class="teaser teaser--hidden"
   data-item-index="121">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b11/sfcfw9exwlh32e88lu0zx5ly2rr45bmt_2x.webp 2x"
                 src="/upload/iblock/b11/sfcfw9exwlh32e88lu0zx5ly2rr45bmt.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Геймификация</span>                     <div class="summary__item summary__item--text-alike">01.02.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Геймификация: перевод бизнеса в игровую форму</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о том, что игры на рабочем месте не только законны, но и эффективны для обучения и бизнеса        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        7 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        460                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/issledovanie-defitsitov-i-potrebnostey-klientov-v-razvitii-navykov-sotrudnikov.htm"
   class="teaser teaser--hidden"
   data-item-index="122">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/bb3/5hitfakgn54yk25v64e1i1h9o6ip7v64_2x.webp 2x"
                 src="/upload/iblock/bb3/5hitfakgn54yk25v64e1i1h9o6ip7v64.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Soft Skills</span>                     <div class="summary__item summary__item--text-alike">28.01.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Исследование дефицитов и потребностей клиентов в развитии навыков сотрудников</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В конце декабря 2021 года мы провели опрос среди 200 наших клиентов с целью определения наиболее важных для них тематик обучающих программ и развития soft skills.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        209                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/privlechenie-cherez-vovlechenie-novyy-kanal-kommunikatsii.htm"
   class="teaser teaser--hidden"
   data-item-index="123">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/53e/n679e2n8sqv1j8n4z56l4upfssee12n1_2x.webp 2x"
                 src="/upload/iblock/53e/n679e2n8sqv1j8n4z56l4upfssee12n1.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">12.01.2022</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Привлечение через вовлечение: новый канал коммуникации</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Вместе с нашими партнёрами из Центра экспорта Ярославской области мы опробовали BoxBattle в новом качестве – как инструмент коммуникации и привлечения аудитории в преддверии выездной конференции.<br />
        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        197                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/novyy-reliz-boxbattle-23-dekabrya-bolshe-vozmozhnostey-v-kvestakh-.htm"
   class="teaser teaser--hidden"
   data-item-index="124">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b49/5qrr5mjfmhwm4inztcqcizqcdikxpt3m_2x.webp 2x"
                 src="/upload/iblock/b49/5qrr5mjfmhwm4inztcqcizqcdikxpt3m.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">23.12.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Новый релиз BoxBattle 23 декабря: больше возможностей в квестах  </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Перед новым годом принято заканчивать все дела и подводить итоги, а мы, наоборот, открываем новые горизонты.
Мы представляем релиз BoxBattle, в котором расширяем возможности квестов и не только.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        228                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-uchitsya-bez-kompyutera.htm"
   class="teaser teaser--hidden"
   data-item-index="125">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/5c0/b3w5fcsna3tcp289e3c7ql76e6lkmurp_2x.webp 2x"
                 src="/upload/iblock/5c0/b3w5fcsna3tcp289e3c7ql76e6lkmurp.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span> <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">15.10.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как учиться без компьютера</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о решении, позволяющем всем сотрудникам, у которых нет под рукой компьютера и специально оборудованного рабочего места, быстро обучаться и находить нужную информацию.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        237                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/6-oktyabrya-reliz-kotoryy-rasshiryaet-granitsy-boxbattle-.htm"
   class="teaser teaser--hidden"
   data-item-index="126">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/846/16a2a0punf75udxzsvhbtujw6msd6emq_2x.webp 2x"
                 src="/upload/iblock/846/16a2a0punf75udxzsvhbtujw6msd6emq.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">06.10.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">6 октября: релиз, который расширяет границы BoxBattle </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Долгожданный релиз BoxBattle. Новая Dekstop-версия и ещё больше возможностей игровых механик.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        221                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/obnovlenie-v-biblioteke-avtorskikh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="127">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/be5/rusg1oe4sy9dubs4j807ii87lpzinw64_2x.webp 2x"
                 src="/upload/iblock/be5/rusg1oe4sy9dubs4j807ii87lpzinw64.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span>                     <div class="summary__item summary__item--text-alike">01.10.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Обновление в библиотеке авторских курсов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Третьего октября мы выпускаем осенний релиз Авторских курсов. Здесь расскажем о 40-м курсе библиотеки, бонусном модуле по охране труда и постоянных обновлениях.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        222                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/adaptatsiya-na-platforme-boxbattle.htm"
   class="teaser teaser--hidden"
   data-item-index="128">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/f09/rman5pgi41dn73twg8pbjhp6qwkbxrlh_2x.png 2x"
                 src="/upload/iblock/f09/rman5pgi41dn73twg8pbjhp6qwkbxrlh.png"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">28.09.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Адаптация персонала на платформе Вовлекай</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Наш личный опыт адаптации сотрудников Лабмедиа на платформе Вовлекай        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        9 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        322                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/box-battle-na-vserossiyskom-konkurse-agronti-2021.htm"
   class="teaser teaser--hidden"
   data-item-index="129">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/ff6/jwou349rr97ducmxee6s0vyy6o7ijgyv_2x.webp 2x"
                 src="/upload/iblock/ff6/jwou349rr97ducmxee6s0vyy6o7ijgyv.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">16.09.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">BoxBattle  на Всероссийском конкурсе АгроНТИ 2021</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем, как можно использовать платформу BoxBattle на мероприятиях, чтобы сделать их ещё насыщеннее и полезней!         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        232                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/odin-den-bez-ofisa-kak-eto.htm"
   class="teaser teaser--hidden"
   data-item-index="130">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/837/bme8j5125aqnisa6ovvtergc0jp1pwgj_2x.webp 2x"
                 src="/upload/iblock/837/bme8j5125aqnisa6ovvtergc0jp1pwgj.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">25.08.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Один день без офиса — как это?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            30 июня мы всей дружной командой Лабмедиа работали на свежем воздухе. Зачем мы это сделали, и чем это полезно, рассказываем в статье.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        270                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/box-battle-na-forume-molodykh-sootechestvennikov-v-samare.htm"
   class="teaser teaser--hidden"
   data-item-index="131">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/2f1/9yovogmb99q523ihy4wzveksvty8hvsv_2x.webp 2x"
                 src="/upload/iblock/2f1/9yovogmb99q523ihy4wzveksvty8hvsv.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">13.08.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">BoxBattle на Форуме молодых соотечественников в Самаре</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            С 1 по 3 августа BoxBattle гостил в Самаре на международном молодёжном форуме соотечественников. В статье рассказываем, чем BoxBattle оказался полезен для молодёжных проектов и инициатив.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        329                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/mmff-my-deti-tvoi-rossiya-.htm"
   class="teaser teaser--hidden"
   data-item-index="132">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/217/ggdb0i0vc29dixv4v7bxhms3n304jzcn_2x.webp 2x"
                 src="/upload/iblock/217/ggdb0i0vc29dixv4v7bxhms3n304jzcn.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span> <span class="summary__item">Геймификация</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">12.08.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Молодёжный межрегиональный форум-фестиваль «Мы дети твои, Россия!»</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Лабмедиа участвуют в межрегиональном молодёжном форуме-фестивале «Мы дети твои, Россия!».<br />
Как проходит форум и какое участие мы принимаем в нём, рассказываем в статье.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        317                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/novyy-reliz-box-battle.htm"
   class="teaser teaser--hidden"
   data-item-index="133">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/344/c1cb6qj9wfbofd1k4ip7uud7sfb800ey_2x.webp 2x"
                 src="/upload/iblock/344/c1cb6qj9wfbofd1k4ip7uud7sfb800ey.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">12.08.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Новый релиз BoxBattle</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем, что изменится для пользователей и организаторов обучения с 12 августа.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        227                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/grafika-v-kursakh-nuzhnyy-element-ili-budet-otvlekat-ot-izucheniya.htm"
   class="teaser teaser--hidden"
   data-item-index="134">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/ca3/hsb05qdmjq31hv23meikup1kkzusutkt_2x.webp 2x"
                 src="/upload/iblock/ca3/hsb05qdmjq31hv23meikup1kkzusutkt.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span> <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">11.08.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Графика в курсах: нужный элемент или будет отвлекать от изучения</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Два года назад мы переделали графику в наших авторских курсах, полностью изменив визуальный стиль и подход. Он стал проще и лаконичнее. Рассказываем повлияло ли это на процессы восприятия и изучения информации и не мешает ли обучению.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        206                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/top-7-navykov-dlya-razrabotchikov-i-programmistov.htm"
   class="teaser teaser--hidden"
   data-item-index="135">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/d29/7qg4yezv0plj4wt5ckxjhkmwik35dmbn_2x.webp 2x"
                 src="/upload/iblock/d29/7qg4yezv0plj4wt5ckxjhkmwik35dmbn.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Soft Skills</span>                     <div class="summary__item summary__item--text-alike">05.08.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Топ-7 навыков для разработчиков и программистов</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Эмоциональный интеллект и умение вести деловую переписку нужны абсолютно всем.<br />
В статье собрали список гибких навыков, необходимых разработчикам и программистам в карьере.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        242                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/vsem-zachyet-ili-kak-my-vnedryaem-box-battle-v-vuzy.htm"
   class="teaser teaser--hidden"
   data-item-index="136">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/7d4/q0o7kcu7psx71mf42oxbvo97qk3pjkix_2x.webp 2x"
                 src="/upload/iblock/7d4/q0o7kcu7psx71mf42oxbvo97qk3pjkix.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">22.07.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">«Всем зачёт!» или как мы внедряем BoxBattle в вузы</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Летом 2020 года в ЯГПУ им. К.Д.Ушинского начался набор на новую программу двухпрофильного бакалавриата — «Образовательный инжиниринг и английский язык». Лабмедиа является программным партнёром этой специальности, поэтому мы не остались в стороне и приняли участие в обучении студентов вуза.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        255                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-privlech-klientov-s-pomoshchyu-vebinara.htm"
   class="teaser teaser--hidden"
   data-item-index="137">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/a3b/ygrgl01lz0isgh0jka6t3auk48pcp95t_2x.webp 2x"
                 src="/upload/iblock/a3b/ygrgl01lz0isgh0jka6t3auk48pcp95t.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Видеоконтент</span>                     <div class="summary__item summary__item--text-alike">14.07.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как привлечь клиентов с помощью вебинара</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем как сделать вебинар привлекательным для клиентов. Какой выбрать формат и платформу, как продвигать и о чем не стоит забывать.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        231                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/eto-vam-ne-igrushki-mozhet-li-attestatsiya-sotrudnikov-byt-neskuchnoy-.htm"
   class="teaser teaser--hidden"
   data-item-index="138">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/bda/7fhd8j5nrqmxmix310vvbk45tavldh30_2x.webp 2x"
                 src="/upload/iblock/bda/7fhd8j5nrqmxmix310vvbk45tavldh30.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">07.07.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">«Это вам не игрушки»: может ли аттестация сотрудников быть нескучной? </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В августе мы планируем запустить новый режим на нашей платформе Вовлекай, который позволит проводить аттестации сотрудников в игровом формате. Чем именно новый режим будет отличаться от существующих механик рассказываем в статье.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        295                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/video-v-korobke-i-vozmozhnost-pokrasit-box-battle-reliz-30-iyunya-.htm"
   class="teaser teaser--hidden"
   data-item-index="139">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/210/lqz76jfit6ohjqxkshpqs8yt3xmdsc72_2x.webp 2x"
                 src="/upload/iblock/210/lqz76jfit6ohjqxkshpqs8yt3xmdsc72.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">01.07.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Видео в коробке и возможность покрасить BoxBattle: релиз 30 июня </div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            30 июня вышел новый релиз BoxBattle. Рассказываем обо всех дополнениях и изменениях в статье.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        256                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/illyustrator-kto-eto.htm"
   class="teaser teaser--hidden"
   data-item-index="140">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/5ca/4ojcla6rnw4rli2vy11erugpzjxrcynp_2x.webp 2x"
                 src="/upload/iblock/5ca/4ojcla6rnw4rli2vy11erugpzjxrcynp.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                                    <div class="summary__item summary__item--text-alike">23.06.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Иллюстратор — кто это?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем про особенности работы коммерческого иллюстратора. Почему это тяжелый интеллектуальный и физический труд, требующий постоянной практики навыков.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        311                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/avtor-metodist-prepodavatel-i-peddizayner.htm"
   class="teaser teaser--hidden"
   data-item-index="141">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/258/11on6eocqpcb9lpx25jsz0vhs7o9ptmd_2x.webp 2x"
                 src="/upload/iblock/258/11on6eocqpcb9lpx25jsz0vhs7o9ptmd.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">e-learning</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">17.06.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Автор, методист, преподаватель и… педдизайнер?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Зачем переводить обучение в онлайн и почему педагогический дизайнер — это не просто методист.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        306                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/treniruem-navyk-delovogo-obshcheniya-cherez-storitelling-i-keysy.htm"
   class="teaser teaser--hidden"
   data-item-index="142">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b61/dm135qpct6cewn99t2olsxc4yfs7jwik_2x.webp 2x"
                 src="/upload/iblock/b61/dm135qpct6cewn99t2olsxc4yfs7jwik.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Soft Skills</span>                     <div class="summary__item summary__item--text-alike">09.06.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Тренируем навык делового общения через сторителлинг и кейсы</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Новый авторский курс &quot;Контроль над коммуникацией&quot;. Рассказываем о нашем новом продукте, который позволит попрактиковаться в деловом общении.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        223                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-korabl-nazovyesh-vybiraem-nazvanie-dlya-elektronnogo-kursa.htm"
   class="teaser teaser--hidden"
   data-item-index="143">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/f4c/qcsrrwxwt9lu22k4twb49yu3pubqksvv_2x.webp 2x"
                 src="/upload/iblock/f4c/qcsrrwxwt9lu22k4twb49yu3pubqksvv.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span>                     <div class="summary__item summary__item--text-alike">28.05.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">«Как корабль назовёшь…» – выбираем название для электронного курса</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Почему заголовок электронного курса – это важно. Какие инструменты помогут разнообразить скучные заголовки.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        782                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/reklama-obucheniya-dlya-sotrudnikov-pustaya-trata-resursov-ili-realnaya-motivatsiya.htm"
   class="teaser teaser--hidden"
   data-item-index="144">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c5c/6dyr046iw8l114a67k8ayi0gp4m1ghe9_2x.webp 2x"
                 src="/upload/iblock/c5c/6dyr046iw8l114a67k8ayi0gp4m1ghe9.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                                    <div class="summary__item summary__item--text-alike">19.05.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Реклама обучения для сотрудников: пустая трата ресурсов или реальная мотивация?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В статье рассказываем, почему сотрудники закрывают электронные курсы на середине и как этого избежать.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        216                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/tipy-videokontenta-v-distantsionnom-obuchenii.htm"
   class="teaser teaser--hidden"
   data-item-index="145">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/8e4/q445lv9o5say5u62284u5pnzyio92748_2x.webp 2x"
                 src="/upload/iblock/8e4/q445lv9o5say5u62284u5pnzyio92748.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Видеоконтент</span>                     <div class="summary__item summary__item--text-alike">13.05.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Типы видеоконтента в дистанционном обучении</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            5 типов видеоконтента в электронном курсе и чем они полезны.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        211                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/geymifikatsiya-obucheniya-kakie-priyemy-rabotayut-v-2021-godu.htm"
   class="teaser teaser--hidden"
   data-item-index="146">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/ea0/tm2jrpe1se11wy1afocwidtgzzzkapbr_2x.webp 2x"
                 src="/upload/iblock/ea0/tm2jrpe1se11wy1afocwidtgzzzkapbr.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span> <span class="summary__item">Геймификация</span>                     <div class="summary__item summary__item--text-alike">27.04.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Геймификация обучения: какие приёмы работают в 2021 году</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рассказываем о 6 способах подать желание обучаться вашим сотрудникам.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        373                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/10-trendov-korporativnogo-obucheniya-v-2021.htm"
   class="teaser teaser--hidden"
   data-item-index="147">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/73c/oljf3f5kky2fe7oxwn263x4jdw7co1gz_2x.webp 2x"
                 src="/upload/iblock/73c/oljf3f5kky2fe7oxwn263x4jdw7co1gz.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Автоматизация процессов</span>                     <div class="summary__item summary__item--text-alike">22.04.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">10 трендов корпоративного обучения в 2021</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Мир быстро меняется, а с ним и форматы обучения. Мы разобрали 10 трендов корпоративного образования, с которыми компаниям стоит считаться в 2021.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        413                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/zachem-nuzhno-video-v-e-learning.htm"
   class="teaser teaser--hidden"
   data-item-index="148">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c5d/jdiro0q73e6a4hix3afxv2x3ui51ng4y_2x.webp 2x"
                 src="/upload/iblock/c5d/jdiro0q73e6a4hix3afxv2x3ui51ng4y.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Видеоконтент</span>                     <div class="summary__item summary__item--text-alike">13.04.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Зачем нужно видео в e-Learning</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Ежедневно люди тратят миллиард часов на просмотр видеороликов. Пользователи соцсетей делают репосты на ролики в сотни раз чаще, чем на тексты и фотографии.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        280                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chelovecheskiy-obraz-v-elektronnom-kurse.htm"
   class="teaser teaser--hidden"
   data-item-index="149">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/808/1ls8ykw54bhe81zi8e3ji43yqawtnfzu_2x.webp 2x"
                 src="/upload/iblock/808/1ls8ykw54bhe81zi8e3ji43yqawtnfzu.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">06.04.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Человеческий образ в электронном курсе</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Разработка и внедрение персонажей в электронный курс – хороший способ сделать его более увлекательным. А также повысить эффективность обучения. Сегодня разберёмся, как и почему.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        304                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/sovety-dlya-hr-kak-sozdat-virusnoe-obuchenie.htm"
   class="teaser teaser--hidden"
   data-item-index="150">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/e86/86s6o54iz9db7p3zpv2kzru6m6em6vvc_2x.webp 2x"
                 src="/upload/iblock/e86/86s6o54iz9db7p3zpv2kzru6m6em6vvc.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span> <span class="summary__item">Корпоративное обучение</span>                     <div class="summary__item summary__item--text-alike">02.04.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Советы для HR: как создать вирусное обучение</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            «Мотивировать нельзя заставить», – каждый HR-специалист, который организует учебный процесс в компании, выбирает, где поставить запятую в этом предложении.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        8 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        458                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/na-styke-soft-i-digital-skills.htm"
   class="teaser teaser--hidden"
   data-item-index="151">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/240/5n77kjerxo9xrve5dtd083cqf0g8mm6x_2x.webp 2x"
                 src="/upload/iblock/240/5n77kjerxo9xrve5dtd083cqf0g8mm6x.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Soft Skills</span> <span class="summary__item">Digital Skills</span> <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">30.03.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">На стыке Soft и Digital Skills</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Трансформация подхода к онлайн-обучению<br />
<br />
Здесь мы расскажем, как и почему мы пришли к новому формату курсов по работе в программном обеспечении, а также за счёт каких приёмов такие курсы помогут формировать устойчивый навык.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        234                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/predvaritelnoe-ispytanie-v-elektronnom-kurse-byt-ili-ne-byt.htm"
   class="teaser teaser--hidden"
   data-item-index="152">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/526/fgcy6pn1r8dnzjnbyuh9lw9eynslfkpe_2x.webp 2x"
                 src="/upload/iblock/526/fgcy6pn1r8dnzjnbyuh9lw9eynslfkpe.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">25.03.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Предварительное испытание в электронном курсе: быть или не быть?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            У начинающих педагогических дизайнеров &#40;методистов электронного обучения&#41; и разработчиков курсов часто возникает путаница с предварительным испытанием: что это, зачем нужно и как объяснить всё это клиенту. Об этом сегодня и поговорим.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        409                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/12-sovetov-dlya-uspeshnogo-vebinara.htm"
   class="teaser teaser--hidden"
   data-item-index="153">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/f3a/jwyuk3ptev9o5xnnugbqj291qkxm8y55_2x.webp 2x"
                 src="/upload/iblock/f3a/jwyuk3ptev9o5xnnugbqj291qkxm8y55.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Digital Skills</span>                     <div class="summary__item summary__item--text-alike">23.03.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">12 советов для успешного вебинара</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Формальное общение стремительно переходит в онлайн-формат. Лекции, мастер-классы, совещания, собеседования, презентации идей и продуктов перед клиентами теперь легко провести из своего дома.         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        243                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/vystupaem-na-hr-tech-expo-exclusive.htm"
   class="teaser teaser--hidden"
   data-item-index="154">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/424/ju99uxnmokfhvk3m21t24xiowa5w7kwj_2x.webp 2x"
                 src="/upload/iblock/424/ju99uxnmokfhvk3m21t24xiowa5w7kwj.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                                    <div class="summary__item summary__item--text-alike">19.03.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Выступаем на HR Tech&Expo Exclusive!</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            C 22 по 25 марта в офлайн и онлайн формате будет проходить выставка-конференция HR Tech&Expo Exclusive.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        282                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-zamotivirovat-cheloveka-proyti-elektronnyy-kurs.htm"
   class="teaser teaser--hidden"
   data-item-index="155">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/388/0gmszjt3okz1135awgdhdded060wrwoi_2x.webp 2x"
                 src="/upload/iblock/388/0gmszjt3okz1135awgdhdded060wrwoi.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">e-learning</span>                     <div class="summary__item summary__item--text-alike">18.03.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как замотивировать человека пройти электронный курс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Один из самых актуальных проблем HR, руководителей академических и корпоративных университетов – это вопрос мотивации обучаемого. Многие с интересом начинают проходить курс, а потом бросают. Сегодня разберём, как с этим бороться.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        255                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/metod-dizayn-myshleniya-reshenie-problemy-cherez-tvorchestvo.htm"
   class="teaser teaser--hidden"
   data-item-index="156">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/35b/v6bwtrgavcjwhooo8hm1lvidozadpqpd_2x.webp 2x"
                 src="/upload/iblock/35b/v6bwtrgavcjwhooo8hm1lvidozadpqpd.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Дизайн-мышление</span>                     <div class="summary__item summary__item--text-alike">11.03.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Метод дизайн-мышления – решение проблемы через творчество</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Главное – творческий подход, а не критический анализ, здесь «думают» чувствами и эмпатией, а не оперируют цифрами и аналитическими данными.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        232                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/box-battle-5-novostey-i-vse-khoroshie.htm"
   class="teaser teaser--hidden"
   data-item-index="157">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/517/qzmyje9quwq7w9uxw04j3dfqmc4r4gqg_2x.webp 2x"
                 src="/upload/iblock/517/qzmyje9quwq7w9uxw04j3dfqmc4r4gqg.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">20.01.2021</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">BoxBattle: 5 новостей, и все – хорошие</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Теперь в каждой компании может быть свой BoxBattle!        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        4 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        269                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/sekret-uspeshnykh-prezentatsiy.htm"
   class="teaser teaser--hidden"
   data-item-index="158">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/441/2qwld3zfbfdrc48c3mqbo03yhczs1bq5_2x.webp 2x"
                 src="/upload/iblock/441/2qwld3zfbfdrc48c3mqbo03yhczs1bq5.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Digital Skills</span>                     <div class="summary__item summary__item--text-alike">22.12.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Секрет успешных презентаций</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Вы привыкли к тому, что презентации ваших сотрудников имеют успех. Сказка ли это? Попробуем разобраться.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        232                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-sozdat-proekt-rukovoditelya-proekta-s-nulya.htm"
   class="teaser teaser--hidden"
   data-item-index="159">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/0d5/r2kv0wajc0zcvjqamfdcgtwpo4edwek2_2x.webp 2x"
                 src="/upload/iblock/0d5/r2kv0wajc0zcvjqamfdcgtwpo4edwek2.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span>                     <div class="summary__item summary__item--text-alike">21.10.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как создать проект/руководителя проекта с нуля?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            В вашей компании никогда не велась проектная деятельность, а вам нужно впервые запустить проект?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        2 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        217                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/5-izmeneniy-v-kursakh-SS-odna-bolshaya-pravka.htm"
   class="teaser teaser--hidden"
   data-item-index="160">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/ab9/lklz8ilisvi3q0n3sppletcpn784eguu_2x.webp 2x"
                 src="/upload/iblock/ab9/lklz8ilisvi3q0n3sppletcpn784eguu.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span> <span class="summary__item">Новый релиз</span>                     <div class="summary__item summary__item--text-alike">10.09.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">5 изменений в курсах + одна большая правка</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Обновили курсы Soft Skills: новые практические задания, больше кейсов и новые модули        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        212                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/v-poiskakh-priklyucheniy-ili-kak-prevratit-onlayn-obuchenie-v-kvest.htm"
   class="teaser teaser--hidden"
   data-item-index="161">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/449/bf63riu6rwep0wsjvx7can9v6fb61z2o_2x.webp 2x"
                 src="/upload/iblock/449/bf63riu6rwep0wsjvx7can9v6fb61z2o.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">06.09.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">В поисках приключений или как превратить онлайн обучение в квест</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Как сделать, чтобы обучающий квест был действительно обучающим?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        5 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        264                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/portal-finansovoy-gramotnosti-keys.htm"
   class="teaser teaser--hidden"
   data-item-index="162">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/aec/2rwmx9jtdcdaoudhyf42220c33ikpv04_2x.webp 2x"
                 src="/upload/iblock/aec/2rwmx9jtdcdaoudhyf42220c33ikpv04.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                                    <div class="summary__item summary__item--text-alike">31.08.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Портал финансовой грамотности. Кейс</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Рано или поздно мы сталкиваемся с ситуацией, когда приходится выбирать из двух неизвестных. Потому что у нас не хватает ни знаний, ни опыта для осознанного выбора.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        8 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        295                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/dizayn-myshlenie-mainstream-ili-realnoe-reshenie.htm"
   class="teaser teaser--hidden"
   data-item-index="163">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/4a2/fj5jbzdf5xlkso8wbvem77l0z61b8npn_2x.webp 2x"
                 src="/upload/iblock/4a2/fj5jbzdf5xlkso8wbvem77l0z61b8npn.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                                    <div class="summary__item summary__item--text-alike">31.08.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Дизайн-мышление: mainstream или реальное решение?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            У многих стартаперов, айтишников, менеджеров или руководителей компаний на слуху методика &quot;дизайн-мышление&quot;. Некоторые видят в этих словах модный тренд для решения рабочих или личных задач, а некоторые считают это словосочетание непонятным и не влияющим на развитие проектов. Что же такое «дизайн-мышление»?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        237                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/game-of-homes-igraya-v-biznes-v-bank-khoum-kredit.htm"
   class="teaser teaser--hidden"
   data-item-index="164">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/8f0/i522loz41o6ju30d6o104o6c66ujddb8_2x.webp 2x"
                 src="/upload/iblock/8f0/i522loz41o6ju30d6o104o6c66ujddb8.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Геймификация</span>                     <div class="summary__item summary__item--text-alike">31.08.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Game of Homes. Играя в бизнес в Банк Хоум Кредит</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Многие компании используют игровую составляющую как инструмент вовлечения сотрудников в достижение бизнес-целей, для мотивации сотрудников на карьерное развитие и саморазвитие.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        373                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/gibkie-kursy-po-gibkim-navykam.htm"
   class="teaser teaser--hidden"
   data-item-index="165">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/009/oyj573qycpm3wez5xvfw9aq18gfq00vz_2x.webp 2x"
                 src="/upload/iblock/009/oyj573qycpm3wez5xvfw9aq18gfq00vz.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span>                     <div class="summary__item summary__item--text-alike">31.08.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Гибкие курсы по гибким навыкам</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Как сохранять баланс в непредсказуемом мире, во что вкладывать ресурсы, чтобы дело процветало?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        238                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-ubit-dvukh-zaytsev-povysit-vovlechennost-v-obuchenie-i-uroven-prodazh-v-tele2.htm"
   class="teaser teaser--hidden"
   data-item-index="166">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/a7c/01z8wlu7xznhgs8roavoa1sy2367d01r_2x.webp 2x"
                 src="/upload/iblock/a7c/01z8wlu7xznhgs8roavoa1sy2367d01r.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Геймификация</span>                     <div class="summary__item summary__item--text-alike">31.08.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Как убить двух зайцев – повысить вовлеченность в обучение и уровень продаж в Tele2</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Геймификация, игрофикация, мотивация… Об этих понятиях говорят много. Каждый бизнес-заказчик основывается на волне повышенного интереса к геймификации и внедряет этот процесс в рабочие задачи сотрудников.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        376                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chto-takoe-box-battle.htm"
   class="teaser teaser--hidden"
   data-item-index="167">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/157/3id53g5jst0272dzac4vvz6m3ozrqou7_2x.webp 2x"
                 src="/upload/iblock/157/3id53g5jst0272dzac4vvz6m3ozrqou7.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">31.08.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Что такое BoxBattle?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Я знаю людей, которые отлично разбираются в своем продукте. Но, как правило, эти же люди и создают эти продукты...        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        7 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        467                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/soft-skills-meynstrim-ili-neobkhodimost.htm"
   class="teaser teaser--hidden"
   data-item-index="168">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/7ca/q537l2dw748k90tilbgguy96b46q0yxb_2x.webp 2x"
                 src="/upload/iblock/7ca/q537l2dw748k90tilbgguy96b46q0yxb.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Soft Skills</span>                     <div class="summary__item summary__item--text-alike">31.08.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Soft Skills: мэйнстрим или необходимость?</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Часто ли вам приходится давать сотрудникам задание, что-то долго объяснять, а они в итоге делают не то, о чем вы договорились? Бывало ли так, что коллега вам нагрубил с утра, ну плохое настроение у него, а вам после этого не комфортно делать с ним проект, осадок остался? Или может, вам приходилось уходить с важных переговоров с ощущением, что вы не достигли желаемой цели?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        3 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        228                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chudesa-na-saas-kak-my-avtomatizirovali-biznes-protsessy-bez-poter-v-kompanii-mars.htm"
   class="teaser teaser--hidden"
   data-item-index="169">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/e3d/l4j4s2fwu83yh8hk5rgae68kpqqme9oh_2x.webp 2x"
                 src="/upload/iblock/e3d/l4j4s2fwu83yh8hk5rgae68kpqqme9oh.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                                    <div class="summary__item summary__item--text-alike">31.08.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Чудеса на SaaS: как мы автоматизировали бизнес-процессы без потерь в компании Mars</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Часто мне задают вопрос о работе. С уверенным видом отвечаю, что я аналитик и автоматизирую HR-процессы для корпоративного и государственного сектора. После этих слов замечаю, что люди, задававшие вопрос, делают удивленный вид и с непонимающим видом спрашивают: «Что такое автоматизация и HR-процессы?».         </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        12 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        338                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/grabli-maz-ot-sinyakov.htm"
   class="teaser teaser--hidden"
   data-item-index="170">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/f1e/9yecji4whidq5eqdudnar47dma2ie2xe_2x.webp 2x"
                 src="/upload/iblock/f1e/9yecji4whidq5eqdudnar47dma2ie2xe.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Авторские курсы</span> <span class="summary__item">Soft Skills</span>                     <div class="summary__item summary__item--text-alike">31.08.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Грабли. Мазь от синяков</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            Эта заметка – о личном опыте. Предлагаемые решения разных сложностей в разработке курсов могут показаться очевидными, но про них забывают. С такими решениями я и поделюсь.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        219                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/dyshite-glubzhe-box-battle-proezzhaet-sochi.htm"
   class="teaser teaser--hidden"
   data-item-index="171">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/72b/ri289rn4vidgg5dywn2vneqidjum4usd_2x.webp 2x"
                 src="/upload/iblock/72b/ri289rn4vidgg5dywn2vneqidjum4usd.webp"
                 alt="">
        
        <div class="teaser__details">
            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
            </svg>
        </div>
    </div>

    <div class="teaser__body">
        <div class="teaser__filters">
            <div class="summary">
                <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">31.08.2020</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Дышите глубже. BoxBattle проезжает Сочи</div>
        </div>

        <div class="teaser__description ellipsis ellipsis--4-lines">
            BoxBattle отработал уже год и отправился в командировку на Чёрное море в Адлер - Сочи. Где попал к одарённым подросткам в образовательный центр Сириус.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                        </svg>
                        6 мин
                    </div>
                
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                        </svg>
                        215                    </div>
                            </div>
        </div>
    </div>

</a>
        
        <!-- Индикатор загрузки -->
        <div class="load-more-indicator" style="display: none;">
            <div class="loading-spinner"></div>
        </div>

        <div class="fader"></div>
    </div>

    <!-- Вкладки по секциям -->
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/12-sovetov-dlya-uspeshnogo-vebinara.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/f3a/jwyuk3ptev9o5xnnugbqj291qkxm8y55_2x.webp 2x"
                                 src="/upload/iblock/f3a/jwyuk3ptev9o5xnnugbqj291qkxm8y55.webp"
                                 alt=""
                            >
                                                <a  href="/blog/12-sovetov-dlya-uspeshnogo-vebinara.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">41</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">12 советов для успешного вебинара</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Формальное общение стремительно переходит в онлайн-формат. Лекции, мастер-классы, совещания, собеседования, презентации идей и продуктов перед клиентами теперь легко провести из своего дома.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        243                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/sekret-uspeshnykh-prezentatsiy.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/441/2qwld3zfbfdrc48c3mqbo03yhczs1bq5_2x.webp 2x"
                                 src="/upload/iblock/441/2qwld3zfbfdrc48c3mqbo03yhczs1bq5.webp"
                                 alt=""
                            >
                                                <a  href="/blog/sekret-uspeshnykh-prezentatsiy.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">41</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Секрет успешных презентаций</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Вы привыкли к тому, что презентации ваших сотрудников имеют успех. Сказка ли это? Попробуем разобраться.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        232                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/tsikl-obucheniya-vzroslykh-po-kolbu.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/867/z40pkpcztc1yfogrla2m9ew70mwmpypn_2x.png 2x"
                                 src="/upload/iblock/867/z40pkpcztc1yfogrla2m9ew70mwmpypn.png"
                                 alt=""
                            >
                                                <a  href="/blog/tsikl-obucheniya-vzroslykh-po-kolbu.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Цикл обучения взрослых по Колбу</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Обучение взрослых принципиально отличается от детского. Эмпирический подход Колба показывает, как взрослый человек эффективно усваивает знания через практику и рефлексию. Рассматриваем подробнее.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        172                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/chto-takoe-mikroobuchenie-kak-korotkie-uroki-menyayut-obrazovanie.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/a3c/knpmoq491cwiks4w6rxz3ya4gbw1uqkl_2x.png 2x"
                                 src="/upload/iblock/a3c/knpmoq491cwiks4w6rxz3ya4gbw1uqkl.png"
                                 alt=""
                            >
                                                <a  href="/blog/chto-takoe-mikroobuchenie-kak-korotkie-uroki-menyayut-obrazovanie.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Что такое микрообучение: как короткие уроки меняют образование</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Микрообучение — это современный метод подачи знаний небольшими частями до 5-7 минут. Этот формат стал ключевым трендом в корпоративном и онлайн-образовании, особенно для обучения сотрудников.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        120                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/trudnosti-obucheniya-vzroslykh-kak-preodolet-problemy-i-dostich-tseley.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/1fe/1aejhtc0ta9wm5613llv32d9ymh0tp43_2x.png 2x"
                                 src="/upload/iblock/1fe/1aejhtc0ta9wm5613llv32d9ymh0tp43.png"
                                 alt=""
                            >
                                                <a  href="/blog/trudnosti-obucheniya-vzroslykh-kak-preodolet-problemy-i-dostich-tseley.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Трудности обучения взрослых: как преодолеть проблемы и достичь целей</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Обучение взрослых, или андрагогика, — это особый процесс, принципиально отличающийся от педагогики. Если дети учатся «на будущее», то взрослый человек осваивает новые знания для решения конкретных задач. Почему же этот процесс вызывает трудности?                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        102                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/chto-takoe-learning-management-system-lms-i-kakie-zadachi-ona-reshaet-v-korporativnom-obuchenii.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/832/s1r0mkqce87bohft0j9vvo3el7igtlrm_2x.webp 2x"
                                 src="/upload/iblock/832/s1r0mkqce87bohft0j9vvo3el7igtlrm.webp"
                                 alt=""
                            >
                                                <a  href="/blog/chto-takoe-learning-management-system-lms-i-kakie-zadachi-ona-reshaet-v-korporativnom-obuchenii.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Что такое Learning Management System (LMS) и какие задачи она решает в корпоративном обучении?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            <p>
	В этой статье рассмотрим основные преимущества использования LMS и какие задачи она решает для бизнеса.
</p>                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        8 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        379                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/sozdanie-elektronnogo-kursa-s-nulya-ot-idei-i-kontseptsii-do-oformleniya-i-prodvizheniya.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/a9c/xc96pwvwuhu6rg2z4ala5yssvdzvts7m_2x.webp 2x"
                                 src="/upload/iblock/a9c/xc96pwvwuhu6rg2z4ala5yssvdzvts7m.webp"
                                 alt=""
                            >
                                                <a  href="/blog/sozdanie-elektronnogo-kursa-s-nulya-ot-idei-i-kontseptsii-do-oformleniya-i-prodvizheniya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Создание электронного курса «с нуля»: от идеи и концепции до оформления и продвижения</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Электронный курс освобождает от необходимости организовывать регулярные лекции и семинары для обучения сотрудников. Это тот случай, когда можно один раз потратить больше времени и денег, но потом экономить на актуализации знаний коллектива.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        13 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        369                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/effektivnye-metodiki-obucheniya-vzroslykh.htm"
                   data-item-index="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/373/kh7pcsgaqdwg839qn2h8rmxsz17ywrmc_2x.png 2x"
                                 src="/upload/iblock/373/kh7pcsgaqdwg839qn2h8rmxsz17ywrmc.png"
                                 alt=""
                            >
                                                <a  href="/blog/effektivnye-metodiki-obucheniya-vzroslykh.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Эффективные методики обучения взрослых</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В современной педагогике выделяют несколько теорий обучения взрослых. Есть несколько популярных, каждую из которых можно эффективно применять при корпоративном обучении и разработке курсов.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        8 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        100                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/geymifikatsiya-protsessa-obucheniya-v-shkole.htm"
                   data-item-index="6">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/ee5/uc8ptxgpj4dt70duie4qw1cu9abb0p2g_2x.png 2x"
                                 src="/upload/iblock/ee5/uc8ptxgpj4dt70duie4qw1cu9abb0p2g.png"
                                 alt=""
                            >
                                                <a  href="/blog/geymifikatsiya-protsessa-obucheniya-v-shkole.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Геймификация процесса обучения в школе</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Игра — идеальная модель деятельности для детей и подростков. Неудивительно, что однажды кому-то в голову пришла гениальная идея — перенести элементы игрового процесса в школьное образование. Рассказываем вам, что предполагает геймификация обучения школьников и как ее использовать в образовательных целях.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        86                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/obuchayushchie-sistemy-i-trenazhery-osobennosti-i-preimushchestva.htm"
                   data-item-index="7">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/751/ro01x4nvfg2wa1mz5r3oe8z7wato0ez6_2x.png 2x"
                                 src="/upload/iblock/751/ro01x4nvfg2wa1mz5r3oe8z7wato0ez6.png"
                                 alt=""
                            >
                                                <a  href="/blog/obuchayushchie-sistemy-i-trenazhery-osobennosti-i-preimushchestva.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Обучающие системы и тренажеры: особенности и преимущества</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Современные форматы обучения построены на принципе интерактивности. Ученик получает конкретную задачу и в процессе ее решения развивает целевые навыки. Для оптимизации процесса сегодня активно применяют обучающие системы и тренажеры. Рассказываем об их особенностях и преимуществах.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        192                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/geymifikatsiya-obucheniya-okhrane-truda.htm"
                   data-item-index="8">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/988/2i3plzzgir0baurg7zxr0ke35nceh4t0_2x.png 2x"
                                 src="/upload/iblock/988/2i3plzzgir0baurg7zxr0ke35nceh4t0.png"
                                 alt=""
                            >
                                                <a  href="/blog/geymifikatsiya-obucheniya-okhrane-truda.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Геймификация обучения охране труда</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Учебный процесс с элементами игры — явление не новое. Однако в последнее время подобный формат, в том числе и в сфере охраны труда, становится все популярнее. Лекции и обычные практические занятия настолько привычны, что хочется дополнить их чем-то новым.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        12 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        129                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/otsenka-effektivnosti-onlayn-obucheniya-personala.htm"
                   data-item-index="9">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c89/wyrm0hbwqkyy86ip7w2gkssxk2zr9r0i_2x.webp 2x"
                                 src="/upload/iblock/c89/wyrm0hbwqkyy86ip7w2gkssxk2zr9r0i.webp"
                                 alt=""
                            >
                                                <a  href="/blog/otsenka-effektivnosti-onlayn-obucheniya-personala.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Оценка эффективности онлайн-обучения персонала</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Некоторые компании при организации дистанционного учебного процесса уделяют недостаточное внимание вопросу проверки его результатов. Решить эту проблему помогут специальные методики. Ниже мы расскажем вам о критериях и современных моделях оценки продуктивности онлайн-курсов.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        351                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-sozdat-videourok-poshagovoe-rukovodstvo-.htm"
                   data-item-index="10">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/258/xeic6zxjnh6zbgfvesklq6w2tk6wng8u_2x.webp 2x"
                                 src="/upload/iblock/258/xeic6zxjnh6zbgfvesklq6w2tk6wng8u.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-sozdat-videourok-poshagovoe-rukovodstvo-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как создать видеоурок: пошаговое руководство </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Видеоурок – это эффективный и современный инструмент передачи информации. При желании каждый может создать видеоурок самостоятельно при помощи видеокамеры, микрофона и видеоредактора. Мы подготовили для вас пошаговую инструкцию по созданию видеоурока с нуля.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        11 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        444                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/chto-takoe-lms.htm"
                   data-item-index="11">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c81/b6s1jvcp8n8of78z5uhlo4mob90mygxy_2x.png 2x"
                                 src="/upload/iblock/c81/b6s1jvcp8n8of78z5uhlo4mob90mygxy.png"
                                 alt=""
                            >
                                                <a  href="/blog/chto-takoe-lms.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Что такое LMS?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В этой статье мы разберем, что такое LMS, какие возможности она предоставляет и какую роль играет в организации современного образования.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        142                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/sistema-elektronnogo-obucheniya-e-learning-zadachi-i-vozmozhnosti.htm"
                   data-item-index="12">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/119/08blxuguds99ackq048kvhdxt0gose7e_2x.webp 2x"
                                 src="/upload/iblock/119/08blxuguds99ackq048kvhdxt0gose7e.webp"
                                 alt=""
                            >
                                                <a  href="/blog/sistema-elektronnogo-obucheniya-e-learning-zadachi-i-vozmozhnosti.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Система электронного обучения e-learning: задачи и возможности</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Постоянное развитие сотрудников, совершенствование их навыков — один из основных факторов успеха любой компании. Добиться этой цели с минимальными финансовыми затратами помогает дистанционное обучение персонала.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        648                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/scorm-kurs-etalon-ili-ustarevshiy-format-v-e-learning-.htm"
                   data-item-index="13">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/92d/smx51fd9if5sa75ha63dq5k7ifwz4d9f_2x.webp 2x"
                                 src="/upload/iblock/92d/smx51fd9if5sa75ha63dq5k7ifwz4d9f.webp"
                                 alt=""
                            >
                                                <a  href="/blog/scorm-kurs-etalon-ili-ustarevshiy-format-v-e-learning-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Что за формат SCORM для электронных курсов?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем, что такое SCORM-курсы и какие возможности они дают для организации обучения в компании.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        7 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        372                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/razrabotka-elektronnogo-kursa-ot-idei-do-reliza.htm"
                   data-item-index="14">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/017/op0vhneh52o6gxbmghzhq4l080sx1j97_2x.webp 2x"
                                 src="/upload/iblock/017/op0vhneh52o6gxbmghzhq4l080sx1j97.webp"
                                 alt=""
                            >
                                                <a  href="/blog/razrabotka-elektronnogo-kursa-ot-idei-do-reliza.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Разработка электронного курса от идеи до релиза</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Повысить мотивацию и продуктивность работы персонала без тренера, качественно и за короткий период возможно благодаря внедрению электронных курсов. Рассказываем об основных этапах разработки собственного онлайн-курса от идеи до релиза                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        10 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        892                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/distantsionnoe-obuchenie-v-kompanii.htm"
                   data-item-index="15">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/84c/ff5ng9ns06w2555knanczi2ofjllw6of_2x.webp 2x"
                                 src="/upload/iblock/84c/ff5ng9ns06w2555knanczi2ofjllw6of.webp"
                                 alt=""
                            >
                                                <a  href="/blog/distantsionnoe-obuchenie-v-kompanii.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Дистанционное обучение в компании</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о возможностях применения дистанционного обучения в компании, какие инструменты и приемы эффективны для решения поставленных задач и как их внедрить в процесс обучения персонала                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        7 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        346                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-privlech-klientov-s-pomoshchyu-vebinara.htm"
                   data-item-index="16">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/a3b/ygrgl01lz0isgh0jka6t3auk48pcp95t_2x.webp 2x"
                                 src="/upload/iblock/a3b/ygrgl01lz0isgh0jka6t3auk48pcp95t.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-privlech-klientov-s-pomoshchyu-vebinara.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как привлечь клиентов с помощью вебинара</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем как сделать вебинар привлекательным для клиентов. Какой выбрать формат и платформу, как продвигать и о чем не стоит забывать.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        231                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/zachem-nuzhno-video-v-e-learning.htm"
                   data-item-index="17">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c5d/jdiro0q73e6a4hix3afxv2x3ui51ng4y_2x.webp 2x"
                                 src="/upload/iblock/c5d/jdiro0q73e6a4hix3afxv2x3ui51ng4y.webp"
                                 alt=""
                            >
                                                <a  href="/blog/zachem-nuzhno-video-v-e-learning.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Зачем нужно видео в e-Learning</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Ежедневно люди тратят миллиард часов на просмотр видеороликов. Пользователи соцсетей делают репосты на ролики в сотни раз чаще, чем на тексты и фотографии.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        280                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/chelovecheskiy-obraz-v-elektronnom-kurse.htm"
                   data-item-index="18">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/808/1ls8ykw54bhe81zi8e3ji43yqawtnfzu_2x.webp 2x"
                                 src="/upload/iblock/808/1ls8ykw54bhe81zi8e3ji43yqawtnfzu.webp"
                                 alt=""
                            >
                                                <a  href="/blog/chelovecheskiy-obraz-v-elektronnom-kurse.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Человеческий образ в электронном курсе</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Разработка и внедрение персонажей в электронный курс – хороший способ сделать его более увлекательным. А также повысить эффективность обучения. Сегодня разберёмся, как и почему.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        304                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/sovety-dlya-hr-kak-sozdat-virusnoe-obuchenie.htm"
                   data-item-index="19">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/e86/86s6o54iz9db7p3zpv2kzru6m6em6vvc_2x.webp 2x"
                                 src="/upload/iblock/e86/86s6o54iz9db7p3zpv2kzru6m6em6vvc.webp"
                                 alt=""
                            >
                                                <a  href="/blog/sovety-dlya-hr-kak-sozdat-virusnoe-obuchenie.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Советы для HR: как создать вирусное обучение</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            «Мотивировать нельзя заставить», – каждый HR-специалист, который организует учебный процесс в компании, выбирает, где поставить запятую в этом предложении.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        8 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        458                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/predvaritelnoe-ispytanie-v-elektronnom-kurse-byt-ili-ne-byt.htm"
                   data-item-index="20">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/526/fgcy6pn1r8dnzjnbyuh9lw9eynslfkpe_2x.webp 2x"
                                 src="/upload/iblock/526/fgcy6pn1r8dnzjnbyuh9lw9eynslfkpe.webp"
                                 alt=""
                            >
                                                <a  href="/blog/predvaritelnoe-ispytanie-v-elektronnom-kurse-byt-ili-ne-byt.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Предварительное испытание в электронном курсе: быть или не быть?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            У начинающих педагогических дизайнеров &#40;методистов электронного обучения&#41; и разработчиков курсов часто возникает путаница с предварительным испытанием: что это, зачем нужно и как объяснить всё это клиенту. Об этом сегодня и поговорим.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        409                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-zamotivirovat-cheloveka-proyti-elektronnyy-kurs.htm"
                   data-item-index="21">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/388/0gmszjt3okz1135awgdhdded060wrwoi_2x.webp 2x"
                                 src="/upload/iblock/388/0gmszjt3okz1135awgdhdded060wrwoi.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-zamotivirovat-cheloveka-proyti-elektronnyy-kurs.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">43</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как замотивировать человека пройти электронный курс</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Один из самых актуальных проблем HR, руководителей академических и корпоративных университетов – это вопрос мотивации обучаемого. Многие с интересом начинают проходить курс, а потом бросают. Сегодня разберём, как с этим бороться.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        255                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/korporativnoe-obuchenie-protiv-osenney-khandry-i-postotpusknogo-blyuza.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/f64/zrdz4taa7tkdbs6thhvueepjnxd7bz58_2x.png 2x"
                                 src="/upload/iblock/f64/zrdz4taa7tkdbs6thhvueepjnxd7bz58.png"
                                 alt=""
                            >
                                                <a  href="/blog/korporativnoe-obuchenie-protiv-osenney-khandry-i-postotpusknogo-blyuza.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">38</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Корпоративное обучение против осенней хандры и постотпускного блюза</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Осень – период дождей, дополнительных трат, последних отпусков и ухода тепла. В этой статье разберём свежее исследование по влиянию осени на настроения в коллективах и влияние обучения на стресс.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        285                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/soft-skills-klyuchevye-navyki-dlya-raboty-v-lyubom-kollektive.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/5f2/owfl8wbyxcipiczu02g5ygob8mrgwwji_2x.webp 2x"
                                 src="/upload/iblock/5f2/owfl8wbyxcipiczu02g5ygob8mrgwwji.webp"
                                 alt=""
                            >
                                                <a  href="/blog/soft-skills-klyuchevye-navyki-dlya-raboty-v-lyubom-kollektive.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">38</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Soft skills: ключевые навыки для работы в любом коллективе</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Soft skills или в дословном переводе с английского «мягкие &#40;гибкие&#41; навыки» – термин, который успешно закрепился в обучении относительно недавно, хотя сами способности быстро учиться чему-то новому применяются в любой профессии давно.&nbsp;&nbsp;Рассказываем, что ценят работодатели в сотрудниках и какие навыки необходимо развивать вне зависимости от профессии.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        295                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/pochemu-vse-vokrug-govoryat-o-soft-skills-i-kak-effektivno-obuchit-im-svoikh-sotrudnikov.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/66c/wvavthv55n7a3fhft8083xgkdopixf0q_2x.webp 2x"
                                 src="/upload/iblock/66c/wvavthv55n7a3fhft8083xgkdopixf0q.webp"
                                 alt=""
                            >
                                                <a  href="/blog/pochemu-vse-vokrug-govoryat-o-soft-skills-i-kak-effektivno-obuchit-im-svoikh-sotrudnikov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">38</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Почему все вокруг говорят о Soft Skills, и как эффективно обучить им своих сотрудников</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Какой бы заезженной ни была тема Soft Skills, она не теряет своей актуальности уже много лет. В статье рассказываем, почему соискатели и сотрудники, обладающие гибкими навыками, имеют больше шансов на успешную карьеру и как руководство может помочь им развить эти навыки.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        300                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/issledovanie-defitsitov-i-potrebnostey-klientov-v-razvitii-navykov-sotrudnikov.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/bb3/5hitfakgn54yk25v64e1i1h9o6ip7v64_2x.webp 2x"
                                 src="/upload/iblock/bb3/5hitfakgn54yk25v64e1i1h9o6ip7v64.webp"
                                 alt=""
                            >
                                                <a  href="/blog/issledovanie-defitsitov-i-potrebnostey-klientov-v-razvitii-navykov-sotrudnikov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">38</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Исследование дефицитов и потребностей клиентов в развитии навыков сотрудников</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В конце декабря 2021 года мы провели опрос среди 200 наших клиентов с целью определения наиболее важных для них тематик обучающих программ и развития soft skills.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        209                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/top-7-navykov-dlya-razrabotchikov-i-programmistov.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/d29/7qg4yezv0plj4wt5ckxjhkmwik35dmbn_2x.webp 2x"
                                 src="/upload/iblock/d29/7qg4yezv0plj4wt5ckxjhkmwik35dmbn.webp"
                                 alt=""
                            >
                                                <a  href="/blog/top-7-navykov-dlya-razrabotchikov-i-programmistov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">38</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Топ-7 навыков для разработчиков и программистов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Эмоциональный интеллект и умение вести деловую переписку нужны абсолютно всем.<br />
В статье собрали список гибких навыков, необходимых разработчикам и программистам в карьере.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        242                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/treniruem-navyk-delovogo-obshcheniya-cherez-storitelling-i-keysy.htm"
                   data-item-index="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/b61/dm135qpct6cewn99t2olsxc4yfs7jwik_2x.webp 2x"
                                 src="/upload/iblock/b61/dm135qpct6cewn99t2olsxc4yfs7jwik.webp"
                                 alt=""
                            >
                                                <a  href="/blog/treniruem-navyk-delovogo-obshcheniya-cherez-storitelling-i-keysy.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">38</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Тренируем навык делового общения через сторителлинг и кейсы</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Новый авторский курс &quot;Контроль над коммуникацией&quot;. Рассказываем о нашем новом продукте, который позволит попрактиковаться в деловом общении.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        223                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/na-styke-soft-i-digital-skills.htm"
                   data-item-index="6">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/240/5n77kjerxo9xrve5dtd083cqf0g8mm6x_2x.webp 2x"
                                 src="/upload/iblock/240/5n77kjerxo9xrve5dtd083cqf0g8mm6x.webp"
                                 alt=""
                            >
                                                <a  href="/blog/na-styke-soft-i-digital-skills.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">38</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">На стыке Soft и Digital Skills</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Трансформация подхода к онлайн-обучению<br />
<br />
Здесь мы расскажем, как и почему мы пришли к новому формату курсов по работе в программном обеспечении, а также за счёт каких приёмов такие курсы помогут формировать устойчивый навык.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        234                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/soft-skills-meynstrim-ili-neobkhodimost.htm"
                   data-item-index="7">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/7ca/q537l2dw748k90tilbgguy96b46q0yxb_2x.webp 2x"
                                 src="/upload/iblock/7ca/q537l2dw748k90tilbgguy96b46q0yxb.webp"
                                 alt=""
                            >
                                                <a  href="/blog/soft-skills-meynstrim-ili-neobkhodimost.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">38</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Soft Skills: мэйнстрим или необходимость?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Часто ли вам приходится давать сотрудникам задание, что-то долго объяснять, а они в итоге делают не то, о чем вы договорились? Бывало ли так, что коллега вам нагрубил с утра, ну плохое настроение у него, а вам после этого не комфортно делать с ним проект, осадок остался? Или может, вам приходилось уходить с важных переговоров с ощущением, что вы не достигли желаемой цели?                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        228                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/preimushchestva-avtomatizatsii-podbora-personala.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/556/1ptus9ye7ht3mzq6f2mcagdi25vvwyw1_2x.webp 2x"
                                 src="/upload/iblock/556/1ptus9ye7ht3mzq6f2mcagdi25vvwyw1.webp"
                                 alt=""
                            >
                                                <a  href="/blog/preimushchestva-avtomatizatsii-podbora-personala.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">46</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Преимущества автоматизации подбора персонала</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем, как объединение технологических возможностей и усилий HR-специалистов способны упростить процесс подбора кадров и управление ими для получения лучших результатов.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        14 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        285                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/obuchenie-na-avtopilote-avtomatizatsiya-protsessov-obucheniya-personala-.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/865/d22qtlpx8fxx4ilc6tneqv69e32zx5nw_2x.webp 2x"
                                 src="/upload/iblock/865/d22qtlpx8fxx4ilc6tneqv69e32zx5nw.webp"
                                 alt=""
                            >
                                                <a  href="/blog/obuchenie-na-avtopilote-avtomatizatsiya-protsessov-obucheniya-personala-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">46</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Обучение на автопилоте: автоматизация процессов обучения персонала </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Как снизить затраты на обучение, не потеряв при этом в качестве? Как организовать комфортные условия для обучения в компании? Как понять, кто достоин подняться вверх по карьерной лестнице, а кому ещё необходимо прокачать свои навыки? На эти и другие вопросы ищите вопросы в нашей статье                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        399                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/10-trendov-korporativnogo-obucheniya-v-2021.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/73c/oljf3f5kky2fe7oxwn263x4jdw7co1gz_2x.webp 2x"
                                 src="/upload/iblock/73c/oljf3f5kky2fe7oxwn263x4jdw7co1gz.webp"
                                 alt=""
                            >
                                                <a  href="/blog/10-trendov-korporativnogo-obucheniya-v-2021.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">46</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">10 трендов корпоративного обучения в 2021</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Мир быстро меняется, а с ним и форматы обучения. Мы разобрали 10 трендов корпоративного образования, с которыми компаниям стоит считаться в 2021.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        413                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/tekhnicheskiy-reliz-ak-svezhie-skrinshoty-i-lyegkie-korrektirovki-smyslov-.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c2d/r8mztjbqt23b95qmf8fmn1u22aigj2xi_2x.png 2x"
                                 src="/upload/iblock/c2d/r8mztjbqt23b95qmf8fmn1u22aigj2xi.png"
                                 alt=""
                            >
                                                <a  href="/blog/tekhnicheskiy-reliz-ak-svezhie-skrinshoty-i-lyegkie-korrektirovki-smyslov-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">28.11.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Техрелиз Авторских курсов: свежие скриншоты и лёгкие корректировки смыслов </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Под конец осени выпускаем маленькое обновление перед большими изменениями в Библиотеке Авторских курсов. Перед вами – краткий обзор изменений.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        263                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/tekhnicheskiy-reliz-avtorskikh-kursov-pogruzhaemsya-v-tyemnuyu-temu.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/636/ismb3wmtaiozfxmelfy90a1md5uu9n5w_2x.png 2x"
                                 src="/upload/iblock/636/ismb3wmtaiozfxmelfy90a1md5uu9n5w.png"
                                 alt=""
                            >
                                                <a  href="/blog/tekhnicheskiy-reliz-avtorskikh-kursov-pogruzhaemsya-v-tyemnuyu-temu.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Технический релиз Авторских курсов: погружаемся в тёмную тему</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            5 июня мы завершили доработки по дизайну новых авторских курсов. Здесь мы подробнее рассказываем, в чём особенность свежего подхода к дизайну, и даём несколько пояснений про другие обновления.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        277                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/zimniy-tekhnicheskiy-reliz-avtorskikh-kursov.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/606/txz8mqqvnxk9gbuz42s4dnezm0ss66vj_2x.webp 2x"
                                 src="/upload/iblock/606/txz8mqqvnxk9gbuz42s4dnezm0ss66vj.webp"
                                 alt=""
                            >
                                                <a  href="/blog/zimniy-tekhnicheskiy-reliz-avtorskikh-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Зимний технический релиз Авторских курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            ﻿24 февраля команда Авторских курсов выпускает технический релиз. Пока новые курсы в разработке, мы не забываем об уже выпущенных и совершенствуем их. В этой статье поделюсь, зачем мы десятки раз перечитываем свои курсы и какие сюрпризы нам порой преподносят браузеры.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        242                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/osenniy-reliz-avtorskikh-kursov.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/1f7/tmqa9zkinmqor92g1bq8bs080parhiz0_2x.webp 2x"
                                 src="/upload/iblock/1f7/tmqa9zkinmqor92g1bq8bs080parhiz0.webp"
                                 alt=""
                            >
                                                <a  href="/blog/osenniy-reliz-avtorskikh-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Осенний релиз Авторских курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Это статья о том, как мы выпустили три новых курса, боролись с ошибками из-за обновлений браузера и удалили 50 кнопок. Расскажем обо всём по порядку.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        228                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/avtorskie-kursy-po-bezopasnosti-dlya-kazakhstana.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/070/70zn0dvpgcqpyptacxejlrxzpy0g5hyr_2x.webp 2x"
                                 src="/upload/iblock/070/70zn0dvpgcqpyptacxejlrxzpy0g5hyr.webp"
                                 alt=""
                            >
                                                <a  href="/blog/avtorskie-kursy-po-bezopasnosti-dlya-kazakhstana.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Авторские курсы по безопасности для Казахстана</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В течение сентября команда Авторских курсов трудилась над адаптацией Охраны труда, Антифишинга, ГОиЧС и ещё пяти курсов под требования законодательства Казахстана. С 1 октября они будут доступны к заказу и покупке. В этой статье расскажем, как изменили курсы и чем они полезны компаниям РК. <br />
                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        316                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/svezhiy-tekhnicheskiy-reliz-avtorskikh-kursov.htm"
                   data-item-index="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/641/0l138kbqbgvsv6o7nywtigw961c3b4k4_2x.png 2x"
                                 src="/upload/iblock/641/0l138kbqbgvsv6o7nywtigw961c3b4k4.png"
                                 alt=""
                            >
                                                <a  href="/blog/svezhiy-tekhnicheskiy-reliz-avtorskikh-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Свежий технический релиз Авторских курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В этом релизе пока нет новых курсов, зато есть обновление Охраны труда, правки по комментариям клиентов и результаты наших внутренних проверок. Пройдёмся подробнее по каждому пункту.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        208                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/chto-takoe-kurs-longrid-ili-kak-my-delaem-kursy-pod-lyubye-ekrany.htm"
                   data-item-index="6">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/f85/qm12bvcu3s2gvavvk0o6lc7itak3jg4z_2x.webp 2x"
                                 src="/upload/iblock/f85/qm12bvcu3s2gvavvk0o6lc7itak3jg4z.webp"
                                 alt=""
                            >
                                                <a  href="/blog/chto-takoe-kurs-longrid-ili-kak-my-delaem-kursy-pod-lyubye-ekrany.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Что такое курс-лонгрид или как мы создаем интерактивные уроки любого формата</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Больше половины e-Learning проектов Лабмедиа за последний год – это курсы в формате лонгрид. Но мы продолжаем регулярно слышать вопросы вроде: «а что это такое?», «вы пишете учебные статьи?», «а чем эти курсы отличаются от обычных?». В этой статье дадим ответ на все эти вопросы. И речь пойдёт в основном про опыт нашей компании. <br />
                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        11 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        462                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/pochemu-nashi-gotovye-kursy-vsegda-vostrebovany.htm"
                   data-item-index="7">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/62d/02g7kmcjb02v53jgdrzmxxobwjjhazd2_2x.webp 2x"
                                 src="/upload/iblock/62d/02g7kmcjb02v53jgdrzmxxobwjjhazd2.webp"
                                 alt=""
                            >
                                                <a  href="/blog/pochemu-nashi-gotovye-kursy-vsegda-vostrebovany.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Почему наши готовые курсы всегда востребованы?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            С каждым годом в нашей библиотеке всё больше курсов по развитию гибких навыков. И каждый курс остается актуальным вне зависимости от того, насколько давно он вышел. Почему? Рассказываем в небольшой статье                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        1 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        266                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/osennee-obnovlenie-v-biblioteke-avtorskikh-kursov-labmedia.htm"
                   data-item-index="8">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/cdf/41vteh7wubquflc7x0sm10u15qsxvvaz_2x.webp 2x"
                                 src="/upload/iblock/cdf/41vteh7wubquflc7x0sm10u15qsxvvaz.webp"
                                 alt=""
                            >
                                                <a  href="/blog/osennee-obnovlenie-v-biblioteke-avtorskikh-kursov-labmedia.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Осеннее обновление в библиотеке авторских курсов Лабмедиа</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Встречаем три новых курса для эффективной работы сотрудников.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        215                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/prednovogodniy-reliz-avtorskikh-kursov.htm"
                   data-item-index="9">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/26f/hjhga12begdkjytxjy0b3eut1r329ik0_2x.webp 2x"
                                 src="/upload/iblock/26f/hjhga12begdkjytxjy0b3eut1r329ik0.webp"
                                 alt=""
                            >
                                                <a  href="/blog/prednovogodniy-reliz-avtorskikh-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Предновогоднее обновление в библиотеке авторских курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Пятое обновление в библиотеке курсов за 2022 год! Рассказываем о двух новых курсах и важных улучшениях                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        181                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/uchimsya-myslit-kriticheski-v-osennem-obnovlenii-avtorskikh-kursov.htm"
                   data-item-index="10">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/f7c/oj7woj95mqv16vep0eeyrdy796s1wl1u_2x.webp 2x"
                                 src="/upload/iblock/f7c/oj7woj95mqv16vep0eeyrdy796s1wl1u.webp"
                                 alt=""
                            >
                                                <a  href="/blog/uchimsya-myslit-kriticheski-v-osennem-obnovlenii-avtorskikh-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Учимся мыслить критически в осеннем обновлении авторских курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем про новый курс и о нескольких важных улучшениях.&nbsp;&nbsp;                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        1 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        207                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/neveroyatnye-priklyucheniya-timura-v-biblioteke-gotovykh-kursov-.htm"
                   data-item-index="11">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/b78/3whr3cgs7h1jqzva06zqa9xjpmrq56li_2x.webp 2x"
                                 src="/upload/iblock/b78/3whr3cgs7h1jqzva06zqa9xjpmrq56li.webp"
                                 alt=""
                            >
                                                <a  href="/blog/neveroyatnye-priklyucheniya-timura-v-biblioteke-gotovykh-kursov-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Невероятные приключения Тимура в библиотеке готовых курсов </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Качественное обучение сотрудников без особых финансовых затрат — мечта многих руководителей. В статье в формате истории рассказываем, как это возможно реализовать с помощью готовых курсов. <br />
                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        237                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/zharkie-letnie-avtorskie-obnovlenie-v-biblioteke-gotovykh-kursov.htm"
                   data-item-index="12">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/4aa/r2xrlt3rz9sxcf24orj9eafkwv9umg14_2x.webp 2x"
                                 src="/upload/iblock/4aa/r2xrlt3rz9sxcf24orj9eafkwv9umg14.webp"
                                 alt=""
                            >
                                                <a  href="/blog/zharkie-letnie-avtorskie-obnovlenie-v-biblioteke-gotovykh-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Жаркие. Летние. Авторские. Обновление в библиотеке готовых курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Три новых курса по развитию Soft Skills и большая актуализация дополнительных материалов.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        226                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/vesennee-obnovlenie-v-biblioteke-avtorskikh-kursov.htm"
                   data-item-index="13">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c39/mosrtwqkqty2uz7byd56yjgsr6zuuqhl_2x.webp 2x"
                                 src="/upload/iblock/c39/mosrtwqkqty2uz7byd56yjgsr6zuuqhl.webp"
                                 alt=""
                            >
                                                <a  href="/blog/vesennee-obnovlenie-v-biblioteke-avtorskikh-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Весеннее обновление в библиотеке авторских курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Весенний жизнеутверждающий релиз авторских курсов: новые digital-курсы и большие актуальные правки                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        207                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/proshchaemsya-s-zimoy-obnovleniem-v-biblioteke-avtorskikh-kursov.htm"
                   data-item-index="14">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/9ed/qsher2dqr0aesnu87w2rfe83mxfn5kac_2x.webp 2x"
                                 src="/upload/iblock/9ed/qsher2dqr0aesnu87w2rfe83mxfn5kac.webp"
                                 alt=""
                            >
                                                <a  href="/blog/proshchaemsya-s-zimoy-obnovleniem-v-biblioteke-avtorskikh-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Прощаемся с зимой обновлением в библиотеке авторских курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В последний день зимы запускаем новый курс и продолжаем улучшать существующие                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        213                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/obnovlenie-v-biblioteke-avtorskikh-kursov.htm"
                   data-item-index="15">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/be5/rusg1oe4sy9dubs4j807ii87lpzinw64_2x.webp 2x"
                                 src="/upload/iblock/be5/rusg1oe4sy9dubs4j807ii87lpzinw64.webp"
                                 alt=""
                            >
                                                <a  href="/blog/obnovlenie-v-biblioteke-avtorskikh-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Обновление в библиотеке авторских курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Третьего октября мы выпускаем осенний релиз Авторских курсов. Здесь расскажем о 40-м курсе библиотеки, бонусном модуле по охране труда и постоянных обновлениях.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        222                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/grafika-v-kursakh-nuzhnyy-element-ili-budet-otvlekat-ot-izucheniya.htm"
                   data-item-index="16">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/ca3/hsb05qdmjq31hv23meikup1kkzusutkt_2x.webp 2x"
                                 src="/upload/iblock/ca3/hsb05qdmjq31hv23meikup1kkzusutkt.webp"
                                 alt=""
                            >
                                                <a  href="/blog/grafika-v-kursakh-nuzhnyy-element-ili-budet-otvlekat-ot-izucheniya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Графика в курсах: нужный элемент или будет отвлекать от изучения</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Два года назад мы переделали графику в наших авторских курсах, полностью изменив визуальный стиль и подход. Он стал проще и лаконичнее. Рассказываем повлияло ли это на процессы восприятия и изучения информации и не мешает ли обучению.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        206                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/avtor-metodist-prepodavatel-i-peddizayner.htm"
                   data-item-index="17">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/258/11on6eocqpcb9lpx25jsz0vhs7o9ptmd_2x.webp 2x"
                                 src="/upload/iblock/258/11on6eocqpcb9lpx25jsz0vhs7o9ptmd.webp"
                                 alt=""
                            >
                                                <a  href="/blog/avtor-metodist-prepodavatel-i-peddizayner.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Автор, методист, преподаватель и… педдизайнер?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Зачем переводить обучение в онлайн и почему педагогический дизайнер — это не просто методист.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        306                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-korabl-nazovyesh-vybiraem-nazvanie-dlya-elektronnogo-kursa.htm"
                   data-item-index="18">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/f4c/qcsrrwxwt9lu22k4twb49yu3pubqksvv_2x.webp 2x"
                                 src="/upload/iblock/f4c/qcsrrwxwt9lu22k4twb49yu3pubqksvv.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-korabl-nazovyesh-vybiraem-nazvanie-dlya-elektronnogo-kursa.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">«Как корабль назовёшь…» – выбираем название для электронного курса</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Почему заголовок электронного курса – это важно. Какие инструменты помогут разнообразить скучные заголовки.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        782                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-sozdat-proekt-rukovoditelya-proekta-s-nulya.htm"
                   data-item-index="19">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/0d5/r2kv0wajc0zcvjqamfdcgtwpo4edwek2_2x.webp 2x"
                                 src="/upload/iblock/0d5/r2kv0wajc0zcvjqamfdcgtwpo4edwek2.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-sozdat-proekt-rukovoditelya-proekta-s-nulya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как создать проект/руководителя проекта с нуля?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В вашей компании никогда не велась проектная деятельность, а вам нужно впервые запустить проект?                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        217                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/5-izmeneniy-v-kursakh-SS-odna-bolshaya-pravka.htm"
                   data-item-index="20">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/ab9/lklz8ilisvi3q0n3sppletcpn784eguu_2x.webp 2x"
                                 src="/upload/iblock/ab9/lklz8ilisvi3q0n3sppletcpn784eguu.webp"
                                 alt=""
                            >
                                                <a  href="/blog/5-izmeneniy-v-kursakh-SS-odna-bolshaya-pravka.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">5 изменений в курсах + одна большая правка</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Обновили курсы Soft Skills: новые практические задания, больше кейсов и новые модули                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        212                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/gibkie-kursy-po-gibkim-navykam.htm"
                   data-item-index="21">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/009/oyj573qycpm3wez5xvfw9aq18gfq00vz_2x.webp 2x"
                                 src="/upload/iblock/009/oyj573qycpm3wez5xvfw9aq18gfq00vz.webp"
                                 alt=""
                            >
                                                <a  href="/blog/gibkie-kursy-po-gibkim-navykam.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Гибкие курсы по гибким навыкам</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Как сохранять баланс в непредсказуемом мире, во что вкладывать ресурсы, чтобы дело процветало?                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        238                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/grabli-maz-ot-sinyakov.htm"
                   data-item-index="22">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/f1e/9yecji4whidq5eqdudnar47dma2ie2xe_2x.webp 2x"
                                 src="/upload/iblock/f1e/9yecji4whidq5eqdudnar47dma2ie2xe.webp"
                                 alt=""
                            >
                                                <a  href="/blog/grabli-maz-ot-sinyakov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">37</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Грабли. Мазь от синяков</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Эта заметка – о личном опыте. Предлагаемые решения разных сложностей в разработке курсов могут показаться очевидными, но про них забывают. С такими решениями я и поделюсь.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        219                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/kak-provesti-uspeshnyy-vebinar-sovety-i-rekomendatsii.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/0cf/q9o8ybrbxbc89ip2r67npspejzuso56i_2x.webp 2x"
                                 src="/upload/iblock/0cf/q9o8ybrbxbc89ip2r67npspejzuso56i.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-provesti-uspeshnyy-vebinar-sovety-i-rekomendatsii.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">45</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как провести успешный вебинар: советы и рекомендации</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Вебинар – популярный способ общения с аудиторией. Вебинары позволяют проводить обучение, презентации, обсуждения и многое другое в режиме реального времени. В этой статье мы рассмотрим основные этапы проведения вебинара, подготовки контента и возможного взаимодействия с аудиторией.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        296                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-sozdat-prezentatsionnyy-rolik-o-kompanii.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/8b3/127cj4svwwgkyljr3fgjptw1c13oz4l4_2x.webp 2x"
                                 src="/upload/iblock/8b3/127cj4svwwgkyljr3fgjptw1c13oz4l4.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-sozdat-prezentatsionnyy-rolik-o-kompanii.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">45</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как создать презентационный ролик о компании</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Создание презентационного ролика о компании является способом привлечения новых клиентов и партнеров, укрепления имиджа фирмы и повышения ее узнаваемости на рынке.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        10 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        833                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-napisat-stsenariy-dlya-korporativnogo-rolika-o-kompanii-poshagovaya-instruktsiya.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/29f/agufmdsgaap5hgvrsruq0sgz8d3fi5ui_2x.webp 2x"
                                 src="/upload/iblock/29f/agufmdsgaap5hgvrsruq0sgz8d3fi5ui.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-napisat-stsenariy-dlya-korporativnogo-rolika-o-kompanii-poshagovaya-instruktsiya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">45</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как написать сценарий для корпоративного ролика о компании: пошаговая инструкция</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            При помощи видеороликов можно быстро и на понятном даже неподготовленному зрителю языке рассказать о компании, ее ценностях и планах на будущее. Разумеется, для этого необходимо написать хороший сценарий.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        10 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        2797                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/tipy-videokontenta-v-distantsionnom-obuchenii.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/8e4/q445lv9o5say5u62284u5pnzyio92748_2x.webp 2x"
                                 src="/upload/iblock/8e4/q445lv9o5say5u62284u5pnzyio92748.webp"
                                 alt=""
                            >
                                                <a  href="/blog/tipy-videokontenta-v-distantsionnom-obuchenii.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">45</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Типы видеоконтента в дистанционном обучении</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            5 типов видеоконтента в электронном курсе и чем они полезны.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        211                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/bolshe-obshcheniya-v-protsesse-obucheniya.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/b8d/vmti2hanq8d8ca3rd6gnkbmjfl8a02k5_2x.png 2x"
                                 src="/upload/iblock/b8d/vmti2hanq8d8ca3rd6gnkbmjfl8a02k5.png"
                                 alt=""
                            >
                                                <a  href="/blog/bolshe-obshcheniya-v-protsesse-obucheniya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">12.05.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Больше общения в процессе обучения</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Майский и свежий как весенний ветерок релиз Вовлекай: чаты, дашборды, web-push и другие приятные новинки на платформе                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        255                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/effektivnoe-obuchenie-personala-na-proizvodstve-ot-adaptatsii-do-povysheniya-kvalifikatsii.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/682/p9vxq7jdqmnx6visw74whta17bwqn5s4_2x.png 2x"
                                 src="/upload/iblock/682/p9vxq7jdqmnx6visw74whta17bwqn5s4.png"
                                 alt=""
                            >
                                                <a  href="/blog/effektivnoe-obuchenie-personala-na-proizvodstve-ot-adaptatsii-do-povysheniya-kvalifikatsii.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">30.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Эффективное обучение персонала на производстве: от адаптации до повышения квалификации</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Профессиональный и хорошо подготовленный персонал — это не просто требование времени, а основа бесперебойного и эффективного производственного процесса. Как же правильно выстроить систему обучения на производстве, чтобы она приносила измеримую пользу бизнесу?                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        8 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        89                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/teper-sozdavat-kontent-mogut-ne-tolko-adminy.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/ea8/kibnpn3qeqfnsrl81zahi7uuo9nki7r3_2x.jpg 2x"
                                 src="/upload/iblock/ea8/kibnpn3qeqfnsrl81zahi7uuo9nki7r3.jpg"
                                 alt=""
                            >
                                                <a  href="/blog/teper-sozdavat-kontent-mogut-ne-tolko-adminy.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Теперь создавать контент могут не только админы</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем про новый релиз Вовлекай                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        79                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kastomizatsiya-uvedomleniy-i-obnovlenie-trekov-reliz-vovlekay-26-fevralya.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/598/7wzonw7la13rf016zeg6nocg68v1ck4v_2x.jpg 2x"
                                 src="/upload/iblock/598/7wzonw7la13rf016zeg6nocg68v1ck4v.jpg"
                                 alt=""
                            >
                                                <a  href="/blog/kastomizatsiya-uvedomleniy-i-obnovlenie-trekov-reliz-vovlekay-26-fevralya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Кастомизация уведомлений и обновление треков: релиз Вовлекай 26 февраля</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Долгожданные доработки для эффективного управления обучением: внесение правок в назначенные треки, настройка уведомлений и улучшенное управление группами                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        81                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/novyy-reliz-vovlekay-izmeneniya-v-roli-administratora-i-gibkaya-nastroyka-grupp.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/fb1/kq1z3v65t4nyz88x6h14nq7x6zogbt3e_2x.png 2x"
                                 src="/upload/iblock/fb1/kq1z3v65t4nyz88x6h14nq7x6zogbt3e.png"
                                 alt=""
                            >
                                                <a  href="/blog/novyy-reliz-vovlekay-izmeneniya-v-roli-administratora-i-gibkaya-nastroyka-grupp.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Новый релиз Вовлекай: изменения в роли администратора и гибкая настройка групп</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Первый релиз 2026 года радует новыми настройками в интерфейсе администратора, гибкой работой с группами и новыми фичами в рейтингах                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        84                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/geymifikatsiya-dostupnaya-vsem.htm"
                   data-item-index="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/ee5/mx7rpxozqlu5omqstl0wuopziqrj41at_2x.png 2x"
                                 src="/upload/iblock/ee5/mx7rpxozqlu5omqstl0wuopziqrj41at.png"
                                 alt=""
                            >
                                                <a  href="/blog/geymifikatsiya-dostupnaya-vsem.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Геймификация, доступная всем</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Предновогодний релиз с новыми фичами, которые выведут геймификацию обучения на новый уровень.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        113                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/rasshirenie-vozmozhnostey-oprosov-i-avtonaznacheniy.htm"
                   data-item-index="6">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/5cb/cqg1leeqbywvws7k71ok6x4zcyhcbqb4_2x.png 2x"
                                 src="/upload/iblock/5cb/cqg1leeqbywvws7k71ok6x4zcyhcbqb4.png"
                                 alt=""
                            >
                                                <a  href="/blog/rasshirenie-vozmozhnostey-oprosov-i-avtonaznacheniy.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Расширение возможностей опросов и автоназначений</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Вышел новый релиз, который позволит шире использовать инструменты опросов, автоназначений, а также по-новому взглянуть на работу с контентом.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        69                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/oprosy-i-novye-vozmozhnosti-sistemy-rekomendatsiy.htm"
                   data-item-index="7">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/8e0/d16fa9156fietxrz99gzw207wwfm6vz1_2x.png 2x"
                                 src="/upload/iblock/8e0/d16fa9156fietxrz99gzw207wwfm6vz1.png"
                                 alt=""
                            >
                                                <a  href="/blog/oprosy-i-novye-vozmozhnosti-sistemy-rekomendatsiy.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Опросы и новые возможности системы рекомендаций</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о новом функционале платформы: опросы, конструктор рейтингов, работа с сертификатами и другие приятные фичи                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        82                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/vovlekayte-v-obuchenie-vneshnikh-sotrudnikov-i-klientov-vozmozhnosti-marketa.htm"
                   data-item-index="8">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/373/fip3b0yppbyrw9y4zysazj205feptejn_2x.png 2x"
                                 src="/upload/iblock/373/fip3b0yppbyrw9y4zysazj205feptejn.png"
                                 alt=""
                            >
                                                <a  href="/blog/vovlekayte-v-obuchenie-vneshnikh-sotrudnikov-i-klientov-vozmozhnosti-marketa.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Вовлекайте в обучение внешних сотрудников и клиентов: возможности маркета</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Новый модуль «Маркет» на платформе Вовлекай позволит создавать подписки на контент в базе знаний: треки обучения, электронные SCORM-курсы, тестирования и даже геймифицированные квесты. Что именно входит в новые возможности модуля?                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        74                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/shagi-k-kommunikatsii-reliz-24-marta.htm"
                   data-item-index="9">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/a51/x9k1p2jdb7ieqi1p9touc51bd3cmalfj_2x.png 2x"
                                 src="/upload/iblock/a51/x9k1p2jdb7ieqi1p9touc51bd3cmalfj.png"
                                 alt=""
                            >
                                                <a  href="/blog/shagi-k-kommunikatsii-reliz-24-marta.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Шаги к коммуникации: релиз 24 марта</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о новых полях в профиле, расширенных возможностях назначения наставников и редактировании треков без прав администратора.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        74                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-rastopit-lyed-treki-adaptatsii-i-obucheniya.htm"
                   data-item-index="10">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/469/u48sexs1a28rxoewxsp6a8z4inbz5v2d_2x.png 2x"
                                 src="/upload/iblock/469/u48sexs1a28rxoewxsp6a8z4inbz5v2d.png"
                                 alt=""
                            >
                                                <a  href="/blog/kak-rastopit-lyed-treki-adaptatsii-i-obucheniya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как растопить лёд: треки адаптации и обучения</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о новых возможностях для адаптации и обучения, удобной работе с мероприятиями и улучшенной навигации в квестах.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        86                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/emotsionalnyy-novogodniy-reliz.htm"
                   data-item-index="11">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/fe3/erdt9893iolggwaocnh0hqt09aydi3p5_2x.png 2x"
                                 src="/upload/iblock/fe3/erdt9893iolggwaocnh0hqt09aydi3p5.png"
                                 alt=""
                            >
                                                <a  href="/blog/emotsionalnyy-novogodniy-reliz.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Эмоциональный новогодний релиз</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о последних изменениях и улучшениях для эмоционального вовлечения в обучение                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        1 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        78                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/reliz-31-oktyabrya-vidzhety-otchyety-i-obnovlenie-interfeysa-administratora.htm"
                   data-item-index="12">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/f44/zucvtv5ijxf4z1aajigdlh8jptricehr_2x.png 2x"
                                 src="/upload/iblock/f44/zucvtv5ijxf4z1aajigdlh8jptricehr.png"
                                 alt=""
                            >
                                                <a  href="/blog/reliz-31-oktyabrya-vidzhety-otchyety-i-obnovlenie-interfeysa-administratora.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Релиз 31 октября: виджеты, отчёты и обновление интерфейса администратора</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о последних изменениях и улучшениях для администраторов обучения.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        78                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/vremya-proverit-znaniya-posle-otpuskov.htm"
                   data-item-index="13">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/bda/0hqxz0xcyybfu1jxq6d80zookho0rscj_2x.png 2x"
                                 src="/upload/iblock/bda/0hqxz0xcyybfu1jxq6d80zookho0rscj.png"
                                 alt=""
                            >
                                                <a  href="/blog/vremya-proverit-znaniya-posle-otpuskov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Время проверить знания после отпусков</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о новом режиме «Тестирование», новом типе заданий и небольших, но приятных улучшениях.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        87                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/lyegkiy-letniy-reliz.htm"
                   data-item-index="14">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/a67/aq42yge8n1utr3wm1v1n762vts986nkp_2x.png 2x"
                                 src="/upload/iblock/a67/aq42yge8n1utr3wm1v1n762vts986nkp.png"
                                 alt=""
                            >
                                                <a  href="/blog/lyegkiy-letniy-reliz.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Лёгкий летний релиз</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В разгар лета мы подготовили для вас три особых обновления.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        76                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/upravlyat-obucheniem-komfortno-mayskiy-reliz-vovlekay.htm"
                   data-item-index="15">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/bc7/8r12ab26bdp98a8jz47en4nytof0tlx7_2x.png 2x"
                                 src="/upload/iblock/bc7/8r12ab26bdp98a8jz47en4nytof0tlx7.png"
                                 alt=""
                            >
                                                <a  href="/blog/upravlyat-obucheniem-komfortno-mayskiy-reliz-vovlekay.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Управлять обучением комфортно. Майский релиз Вовлекай</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Руководители, наставники, преподаватели ещё в марте получили доступ к кабинету руководителя в интерфейсе пользователя. В этот релиз мы развиваем доступные там возможности. Что теперь можно делать через кабинет руководителя?                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        71                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/boxbattle-vovlekay.htm"
                   data-item-index="16">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/584/q82wljyzyvgc3lpfmhvzbs0oy3in7s4t_2x.jpg 2x"
                                 src="/upload/iblock/584/q82wljyzyvgc3lpfmhvzbs0oy3in7s4t.jpg"
                                 alt=""
                            >
                                                <a  href="/blog/boxbattle-vovlekay.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">BoxBattle --&gt; Вовлекай</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Что скрывается за названием Вовлекай?                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        1 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        216                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/globalnyy-vesenniy-reliz-vovlekay.htm"
                   data-item-index="17">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/b15/8l777n4x33g3exr0dhl8mxjx5a4dzov8_2x.png 2x"
                                 src="/upload/iblock/b15/8l777n4x33g3exr0dhl8mxjx5a4dzov8.png"
                                 alt=""
                            >
                                                <a  href="/blog/globalnyy-vesenniy-reliz-vovlekay.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Глобальный весенний релиз Вовлекай</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В новом релизе продолжаем переносить механизмы работы с гормонами, удовольствием и мотивацией человека в обучение.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        8 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        75                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novogodniy-reliz-vovlekay-25-dekabrya.htm"
                   data-item-index="18">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/02e/d1x6cb34f3mw1wx8cw173alfdnr87vqb_2x.png 2x"
                                 src="/upload/iblock/02e/d1x6cb34f3mw1wx8cw173alfdnr87vqb.png"
                                 alt=""
                            >
                                                <a  href="/blog/novogodniy-reliz-vovlekay-25-dekabrya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Новогодний релиз Вовлекай 25 декабря</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Хоу-хоу-хоу! Новый год уже близко, и команда Вовлекай не теряла времени, а подготовила отличный подарок: новые фичи и улучшения платформы. Рассказываем подробнее обо всех изменениях.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        71                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/vot-eto-novosti-noyabrskiy-reliz-vovlekay.htm"
                   data-item-index="19">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/2ab/4nx8ctfqnp1wbd7ulbxxecu5keren9ii_2x.png 2x"
                                 src="/upload/iblock/2ab/4nx8ctfqnp1wbd7ulbxxecu5keren9ii.png"
                                 alt=""
                            >
                                                <a  href="/blog/vot-eto-novosti-noyabrskiy-reliz-vovlekay.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Вот это новости! Ноябрьский релиз Вовлекай</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Расширяем функционал Вовлекай в новом релизе: новости, онбординг для пользователей и ограниченное время в квестах                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        74                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/osenniy-reliz-vovlekay-novye-kraski-obucheniya.htm"
                   data-item-index="20">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/39f/jikygjxk4jtbio1a5qq5oirjxs4fnbpv_2x.png 2x"
                                 src="/upload/iblock/39f/jikygjxk4jtbio1a5qq5oirjxs4fnbpv.png"
                                 alt=""
                            >
                                                <a  href="/blog/osenniy-reliz-vovlekay-novye-kraski-obucheniya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Осенний релиз Вовлекай: новые краски обучения</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            1 сентября добавим новых красок в обучение с новым релизом Вовлекай. Вебинары, безграничная тренировка знаний через тестирования и новый язык обучения.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        83                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/volna-novinok-letniy-reliz-vovlekay.htm"
                   data-item-index="21">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/10f/p6n6t7yo0ls594fvrhczq9kbn82d90ll_2x.png 2x"
                                 src="/upload/iblock/10f/p6n6t7yo0ls594fvrhczq9kbn82d90ll.png"
                                 alt=""
                            >
                                                <a  href="/blog/volna-novinok-letniy-reliz-vovlekay.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Волна новинок! Летний релиз Вовлекай</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            13 июля выходит летний освежающий релиз Вовлекай! Новый функционал, расширение возможностей библиотеки и приятные преображения!                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        71                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/priglasheniya-obratnaya-svyaz-i-novye-vozmozhnosti-aprelskogo-reliza-vovlekay.htm"
                   data-item-index="22">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/253/t1l8d9i3g01y9q54k1yz2bi0wb10qzmh_2x.png 2x"
                                 src="/upload/iblock/253/t1l8d9i3g01y9q54k1yz2bi0wb10qzmh.png"
                                 alt=""
                            >
                                                <a  href="/blog/priglasheniya-obratnaya-svyaz-i-novye-vozmozhnosti-aprelskogo-reliza-vovlekay.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Приглашения, обратная связь и новые возможности апрельского релиза Вовлекай</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Встречаем новый релиз Вовлекай! Чуть больше месяца назад Вовлекай получил порцию новых обновлений. А сегодня мы готовы рассказать о ещё большем количестве улучшений, которые получила наша Коробка.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        72                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novyy-reliz-vovlekay-novye-voprosy-izmeneniya-v-biblioteke-i-priyatnye-melochi.htm"
                   data-item-index="23">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/a8c/5zn2ia6eantcxhjygtxh2qr5jburp0tr_2x.png 2x"
                                 src="/upload/iblock/a8c/5zn2ia6eantcxhjygtxh2qr5jburp0tr.png"
                                 alt=""
                            >
                                                <a  href="/blog/novyy-reliz-vovlekay-novye-voprosy-izmeneniya-v-biblioteke-i-priyatnye-melochi.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">23.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Новый релиз Вовлекай: новые вопросы, изменения в библиотеке и приятные мелочи</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Весна только наступила, а в нашей Коробке уже расцвели новые полезные и приятные фичи. Немного подробнее о самых интересных из них.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        98                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/vovlekay-v-skolkovo-put-k-rezidentstvu.htm"
                   data-item-index="24">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/018/jlhsead5y0dc50s2xt2gl745vd9qobni_2x.png 2x"
                                 src="/upload/iblock/018/jlhsead5y0dc50s2xt2gl745vd9qobni.png"
                                 alt=""
                            >
                                                <a  href="/blog/vovlekay-v-skolkovo-put-k-rezidentstvu.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">23.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Вовлекай в Сколково: путь к резидентству</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Мы решили поделиться своей историей получения резидентства в Сколково длиной в 2 года. Цели, процесс, трудности, результаты.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        94                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/7-chudes-novogo-reliza-vovlekay.htm"
                   data-item-index="25">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/d2a/rie07a7wiv2x8881wk8xayfogvrbynkq_2x.png 2x"
                                 src="/upload/iblock/d2a/rie07a7wiv2x8881wk8xayfogvrbynkq.png"
                                 alt=""
                            >
                                                <a  href="/blog/7-chudes-novogo-reliza-vovlekay.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">23.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">7 чудес нового релиза Вовлекай</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Начинаем зиму с горячим обновлением Вовлекай! Обновлённый интерфейс, рекомендации, прокачка характеристик и ещё больше возможностей для всех пользователей Вовлекай.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        140                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/bolshoy-osenniy-reliz-boxbattle-turniry-obratnaya-svyaz-i-novye-korobki-avatary.htm"
                   data-item-index="26">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/d64/u76efj082ie8t92w26pqgl93lafwcapn_2x.webp 2x"
                                 src="/upload/iblock/d64/u76efj082ie8t92w26pqgl93lafwcapn.webp"
                                 alt=""
                            >
                                                <a  href="/blog/bolshoy-osenniy-reliz-boxbattle-turniry-obratnaya-svyaz-i-novye-korobki-avatary.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Большой осенний релиз BoxBattle: турниры, обратная связь и новые коробки-аватары</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Не даем скучать и хандрить этой осенью с новым релизом BoxBattle. Вот несколько фактов о последнем обновлении, которые заставят вас с головой погрузиться в мир коробочных баталий.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        232                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/boxbattle-rezident-skolkovo.htm"
                   data-item-index="27">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/5f9/y0d54r7n8cx5euz0jqm5r2fgiyvurrqp_2x.webp 2x"
                                 src="/upload/iblock/5f9/y0d54r7n8cx5euz0jqm5r2fgiyvurrqp.webp"
                                 alt=""
                            >
                                                <a  href="/blog/boxbattle-rezident-skolkovo.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Вовлекай — резидент Сколково!</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            15 июля Валерий Леонтьев и Александр Рябинин выступили перед независимой комиссией «Сколково» с 7-минутным питчем, в котором рассказали о характеристиках и преимуществах нашей коробки. Узнайте, как изменится жизнь Вовлекай в новом статусе                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        1 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        237                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/boxbattle-finalist-social-tech-challenge-2022.htm"
                   data-item-index="28">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/265/gkn32oswtn5n5rzc71293ocwkmkjb381_2x.webp 2x"
                                 src="/upload/iblock/265/gkn32oswtn5n5rzc71293ocwkmkjb381.webp"
                                 alt=""
                            >
                                                <a  href="/blog/boxbattle-finalist-social-tech-challenge-2022.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">BoxBattle – финалист Social Tech Challenge 2022!</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            8 июля 2022 г. состоялся демо-день конкурса Social Tech Challenge от Московского Инновационного кластера. BoxBattle был признан одним из самых перспективных решений для нового рынка в сегменте EdTech. Подробнее в статье                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        200                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/letniy-reliz-boxbattle-napolnyaem-korobku-gotovym-kontentom.htm"
                   data-item-index="29">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/9eb/jawngddu30pwbqpw89k23ssu8x48irvl_2x.webp 2x"
                                 src="/upload/iblock/9eb/jawngddu30pwbqpw89k23ssu8x48irvl.webp"
                                 alt=""
                            >
                                                <a  href="/blog/letniy-reliz-boxbattle-napolnyaem-korobku-gotovym-kontentom.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Летний релиз BoxBattle: наполняем коробку готовым контентом</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Onboarding, справочный центр и много готового контента                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        249                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/labmedia-na-vserossiyskom-pedagogicheskom-khakatone-hackeducation-2-0.htm"
                   data-item-index="30">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/9a9/e1tzxm50oos6n6wmbxz0laf93ohuxphn_2x.webp 2x"
                                 src="/upload/iblock/9a9/e1tzxm50oos6n6wmbxz0laf93ohuxphn.webp"
                                 alt=""
                            >
                                                <a  href="/blog/labmedia-na-vserossiyskom-pedagogicheskom-khakatone-hackeducation-2-0.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Лабмедиа на Всероссийском педагогическом Хакатоне HackEducation 2.0</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            8-10 апреля эксперты Лабмедиа, Валентина Власова и Наталья Лебедева, приняли участие оценке проектов на очном этапе Всероссийского педагогического Хакатона HackEducation 2.0<br />
Делимся впечатлениями                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        233                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novyy-reliz-boxbattle-24-fevralya.htm"
                   data-item-index="31">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/6ac/1ne8ulnqbic5l7ty0bps93ky0ekyowk0_2x.webp 2x"
                                 src="/upload/iblock/6ac/1ne8ulnqbic5l7ty0bps93ky0ekyowk0.webp"
                                 alt=""
                            >
                                                <a  href="/blog/novyy-reliz-boxbattle-24-fevralya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Новый релиз BoxBattle 24 февраля</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Новый релиз BoxBattle! Новые локации, улучшенные задания и приятные мелочи                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        219                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/privlechenie-cherez-vovlechenie-novyy-kanal-kommunikatsii.htm"
                   data-item-index="32">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/53e/n679e2n8sqv1j8n4z56l4upfssee12n1_2x.webp 2x"
                                 src="/upload/iblock/53e/n679e2n8sqv1j8n4z56l4upfssee12n1.webp"
                                 alt=""
                            >
                                                <a  href="/blog/privlechenie-cherez-vovlechenie-novyy-kanal-kommunikatsii.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Привлечение через вовлечение: новый канал коммуникации</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Вместе с нашими партнёрами из Центра экспорта Ярославской области мы опробовали BoxBattle в новом качестве – как инструмент коммуникации и привлечения аудитории в преддверии выездной конференции.<br />
                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        197                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novyy-reliz-boxbattle-23-dekabrya-bolshe-vozmozhnostey-v-kvestakh-.htm"
                   data-item-index="33">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/b49/5qrr5mjfmhwm4inztcqcizqcdikxpt3m_2x.webp 2x"
                                 src="/upload/iblock/b49/5qrr5mjfmhwm4inztcqcizqcdikxpt3m.webp"
                                 alt=""
                            >
                                                <a  href="/blog/novyy-reliz-boxbattle-23-dekabrya-bolshe-vozmozhnostey-v-kvestakh-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Новый релиз BoxBattle 23 декабря: больше возможностей в квестах  </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Перед новым годом принято заканчивать все дела и подводить итоги, а мы, наоборот, открываем новые горизонты.
Мы представляем релиз BoxBattle, в котором расширяем возможности квестов и не только.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        228                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-uchitsya-bez-kompyutera.htm"
                   data-item-index="34">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/5c0/b3w5fcsna3tcp289e3c7ql76e6lkmurp_2x.webp 2x"
                                 src="/upload/iblock/5c0/b3w5fcsna3tcp289e3c7ql76e6lkmurp.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-uchitsya-bez-kompyutera.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как учиться без компьютера</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о решении, позволяющем всем сотрудникам, у которых нет под рукой компьютера и специально оборудованного рабочего места, быстро обучаться и находить нужную информацию.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        237                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/6-oktyabrya-reliz-kotoryy-rasshiryaet-granitsy-boxbattle-.htm"
                   data-item-index="35">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/846/16a2a0punf75udxzsvhbtujw6msd6emq_2x.webp 2x"
                                 src="/upload/iblock/846/16a2a0punf75udxzsvhbtujw6msd6emq.webp"
                                 alt=""
                            >
                                                <a  href="/blog/6-oktyabrya-reliz-kotoryy-rasshiryaet-granitsy-boxbattle-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">6 октября: релиз, который расширяет границы BoxBattle </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Долгожданный релиз BoxBattle. Новая Dekstop-версия и ещё больше возможностей игровых механик.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        221                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/adaptatsiya-na-platforme-boxbattle.htm"
                   data-item-index="36">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/f09/rman5pgi41dn73twg8pbjhp6qwkbxrlh_2x.png 2x"
                                 src="/upload/iblock/f09/rman5pgi41dn73twg8pbjhp6qwkbxrlh.png"
                                 alt=""
                            >
                                                <a  href="/blog/adaptatsiya-na-platforme-boxbattle.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Адаптация персонала на платформе Вовлекай</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Наш личный опыт адаптации сотрудников Лабмедиа на платформе Вовлекай                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        322                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/box-battle-na-vserossiyskom-konkurse-agronti-2021.htm"
                   data-item-index="37">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/ff6/jwou349rr97ducmxee6s0vyy6o7ijgyv_2x.webp 2x"
                                 src="/upload/iblock/ff6/jwou349rr97ducmxee6s0vyy6o7ijgyv.webp"
                                 alt=""
                            >
                                                <a  href="/blog/box-battle-na-vserossiyskom-konkurse-agronti-2021.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">BoxBattle  на Всероссийском конкурсе АгроНТИ 2021</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем, как можно использовать платформу BoxBattle на мероприятиях, чтобы сделать их ещё насыщеннее и полезней!                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        232                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/odin-den-bez-ofisa-kak-eto.htm"
                   data-item-index="38">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/837/bme8j5125aqnisa6ovvtergc0jp1pwgj_2x.webp 2x"
                                 src="/upload/iblock/837/bme8j5125aqnisa6ovvtergc0jp1pwgj.webp"
                                 alt=""
                            >
                                                <a  href="/blog/odin-den-bez-ofisa-kak-eto.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Один день без офиса — как это?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            30 июня мы всей дружной командой Лабмедиа работали на свежем воздухе. Зачем мы это сделали, и чем это полезно, рассказываем в статье.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        270                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/box-battle-na-forume-molodykh-sootechestvennikov-v-samare.htm"
                   data-item-index="39">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/2f1/9yovogmb99q523ihy4wzveksvty8hvsv_2x.webp 2x"
                                 src="/upload/iblock/2f1/9yovogmb99q523ihy4wzveksvty8hvsv.webp"
                                 alt=""
                            >
                                                <a  href="/blog/box-battle-na-forume-molodykh-sootechestvennikov-v-samare.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">BoxBattle на Форуме молодых соотечественников в Самаре</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            С 1 по 3 августа BoxBattle гостил в Самаре на международном молодёжном форуме соотечественников. В статье рассказываем, чем BoxBattle оказался полезен для молодёжных проектов и инициатив.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        329                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/mmff-my-deti-tvoi-rossiya-.htm"
                   data-item-index="40">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/217/ggdb0i0vc29dixv4v7bxhms3n304jzcn_2x.webp 2x"
                                 src="/upload/iblock/217/ggdb0i0vc29dixv4v7bxhms3n304jzcn.webp"
                                 alt=""
                            >
                                                <a  href="/blog/mmff-my-deti-tvoi-rossiya-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Молодёжный межрегиональный форум-фестиваль «Мы дети твои, Россия!»</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Лабмедиа участвуют в межрегиональном молодёжном форуме-фестивале «Мы дети твои, Россия!».<br />
Как проходит форум и какое участие мы принимаем в нём, рассказываем в статье.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        317                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novyy-reliz-box-battle.htm"
                   data-item-index="41">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/344/c1cb6qj9wfbofd1k4ip7uud7sfb800ey_2x.webp 2x"
                                 src="/upload/iblock/344/c1cb6qj9wfbofd1k4ip7uud7sfb800ey.webp"
                                 alt=""
                            >
                                                <a  href="/blog/novyy-reliz-box-battle.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Новый релиз BoxBattle</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем, что изменится для пользователей и организаторов обучения с 12 августа.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        227                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/vsem-zachyet-ili-kak-my-vnedryaem-box-battle-v-vuzy.htm"
                   data-item-index="42">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/7d4/q0o7kcu7psx71mf42oxbvo97qk3pjkix_2x.webp 2x"
                                 src="/upload/iblock/7d4/q0o7kcu7psx71mf42oxbvo97qk3pjkix.webp"
                                 alt=""
                            >
                                                <a  href="/blog/vsem-zachyet-ili-kak-my-vnedryaem-box-battle-v-vuzy.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">«Всем зачёт!» или как мы внедряем BoxBattle в вузы</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Летом 2020 года в ЯГПУ им. К.Д.Ушинского начался набор на новую программу двухпрофильного бакалавриата — «Образовательный инжиниринг и английский язык». Лабмедиа является программным партнёром этой специальности, поэтому мы не остались в стороне и приняли участие в обучении студентов вуза.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        255                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/eto-vam-ne-igrushki-mozhet-li-attestatsiya-sotrudnikov-byt-neskuchnoy-.htm"
                   data-item-index="43">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/bda/7fhd8j5nrqmxmix310vvbk45tavldh30_2x.webp 2x"
                                 src="/upload/iblock/bda/7fhd8j5nrqmxmix310vvbk45tavldh30.webp"
                                 alt=""
                            >
                                                <a  href="/blog/eto-vam-ne-igrushki-mozhet-li-attestatsiya-sotrudnikov-byt-neskuchnoy-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">«Это вам не игрушки»: может ли аттестация сотрудников быть нескучной? </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В августе мы планируем запустить новый режим на нашей платформе Вовлекай, который позволит проводить аттестации сотрудников в игровом формате. Чем именно новый режим будет отличаться от существующих механик рассказываем в статье.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        295                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/video-v-korobke-i-vozmozhnost-pokrasit-box-battle-reliz-30-iyunya-.htm"
                   data-item-index="44">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/210/lqz76jfit6ohjqxkshpqs8yt3xmdsc72_2x.webp 2x"
                                 src="/upload/iblock/210/lqz76jfit6ohjqxkshpqs8yt3xmdsc72.webp"
                                 alt=""
                            >
                                                <a  href="/blog/video-v-korobke-i-vozmozhnost-pokrasit-box-battle-reliz-30-iyunya-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Видео в коробке и возможность покрасить BoxBattle: релиз 30 июня </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            30 июня вышел новый релиз BoxBattle. Рассказываем обо всех дополнениях и изменениях в статье.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        256                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/geymifikatsiya-obucheniya-kakie-priyemy-rabotayut-v-2021-godu.htm"
                   data-item-index="45">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/ea0/tm2jrpe1se11wy1afocwidtgzzzkapbr_2x.webp 2x"
                                 src="/upload/iblock/ea0/tm2jrpe1se11wy1afocwidtgzzzkapbr.webp"
                                 alt=""
                            >
                                                <a  href="/blog/geymifikatsiya-obucheniya-kakie-priyemy-rabotayut-v-2021-godu.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Геймификация обучения: какие приёмы работают в 2021 году</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о 6 способах подать желание обучаться вашим сотрудникам.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        373                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/box-battle-5-novostey-i-vse-khoroshie.htm"
                   data-item-index="46">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/517/qzmyje9quwq7w9uxw04j3dfqmc4r4gqg_2x.webp 2x"
                                 src="/upload/iblock/517/qzmyje9quwq7w9uxw04j3dfqmc4r4gqg.webp"
                                 alt=""
                            >
                                                <a  href="/blog/box-battle-5-novostey-i-vse-khoroshie.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">BoxBattle: 5 новостей, и все – хорошие</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Теперь в каждой компании может быть свой BoxBattle!                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        269                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/v-poiskakh-priklyucheniy-ili-kak-prevratit-onlayn-obuchenie-v-kvest.htm"
                   data-item-index="47">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/449/bf63riu6rwep0wsjvx7can9v6fb61z2o_2x.webp 2x"
                                 src="/upload/iblock/449/bf63riu6rwep0wsjvx7can9v6fb61z2o.webp"
                                 alt=""
                            >
                                                <a  href="/blog/v-poiskakh-priklyucheniy-ili-kak-prevratit-onlayn-obuchenie-v-kvest.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">В поисках приключений или как превратить онлайн обучение в квест</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Как сделать, чтобы обучающий квест был действительно обучающим?                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        264                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/chto-takoe-box-battle.htm"
                   data-item-index="48">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/157/3id53g5jst0272dzac4vvz6m3ozrqou7_2x.webp 2x"
                                 src="/upload/iblock/157/3id53g5jst0272dzac4vvz6m3ozrqou7.webp"
                                 alt=""
                            >
                                                <a  href="/blog/chto-takoe-box-battle.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Что такое BoxBattle?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Я знаю людей, которые отлично разбираются в своем продукте. Но, как правило, эти же люди и создают эти продукты...                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        7 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        467                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/dyshite-glubzhe-box-battle-proezzhaet-sochi.htm"
                   data-item-index="49">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/72b/ri289rn4vidgg5dywn2vneqidjum4usd_2x.webp 2x"
                                 src="/upload/iblock/72b/ri289rn4vidgg5dywn2vneqidjum4usd.webp"
                                 alt=""
                            >
                                                <a  href="/blog/dyshite-glubzhe-box-battle-proezzhaet-sochi.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">36</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Дышите глубже. BoxBattle проезжает Сочи</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            BoxBattle отработал уже год и отправился в командировку на Чёрное море в Адлер - Сочи. Где попал к одарённым подросткам в образовательный центр Сириус.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        215                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/geymifikatsiya-elementy-igry-v-borbe-za-vnimanie.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/37c/hgpijpmo3ecepn3yfwyyruga4nbz4dnk_2x.png 2x"
                                 src="/upload/iblock/37c/hgpijpmo3ecepn3yfwyyruga4nbz4dnk.png"
                                 alt=""
                            >
                                                <a  href="/blog/geymifikatsiya-elementy-igry-v-borbe-za-vnimanie.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">39</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Геймификация: элементы игры в борьбе за внимание</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассматриваем подробнее элементы геймификации, которые помогают бороться за вниманием и превращают рутинные процессы в приключение.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        182                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/geymifikatsiya-v-rekrutinge-kak-igrovye-elementy-preobrazhayut-podbor-personala.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/295/f7rptkge9ov6bzz2wr1y1dw8c529fio0_2x.png 2x"
                                 src="/upload/iblock/295/f7rptkge9ov6bzz2wr1y1dw8c529fio0.png"
                                 alt=""
                            >
                                                <a  href="/blog/geymifikatsiya-v-rekrutinge-kak-igrovye-elementy-preobrazhayut-podbor-personala.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">39</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Геймификация в рекрутинге: как игровые элементы преображают подбор персонала</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Традиционные методы подбора персонала оказываются долгими, затратными и малоэффективными для привлечения мотивированных кандидатов, особенно среди молодежи. На помощь HR-специалистам приходит мощный инструмент – геймификация.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        7 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        395                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-geymifikatsiya-povyshaet-motivatsiyu-personala.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c15/nva9a4upuq1s4zpfm9w6kw2iaa66o6l1_2x.webp 2x"
                                 src="/upload/iblock/c15/nva9a4upuq1s4zpfm9w6kw2iaa66o6l1.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-geymifikatsiya-povyshaet-motivatsiyu-personala.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">39</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как геймификация повышает мотивацию персонала</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Одним из факторов успешного функционирования любой организации является мотивация. Рассказываем, как геймификация может поднять мотивацию сотрудников к обучению и работе.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        8 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        826                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/geymifikatsiya-perevod-biznesa-v-igrovuyu-formu.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/b11/sfcfw9exwlh32e88lu0zx5ly2rr45bmt_2x.webp 2x"
                                 src="/upload/iblock/b11/sfcfw9exwlh32e88lu0zx5ly2rr45bmt.webp"
                                 alt=""
                            >
                                                <a  href="/blog/geymifikatsiya-perevod-biznesa-v-igrovuyu-formu.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">39</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Геймификация: перевод бизнеса в игровую форму</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о том, что игры на рабочем месте не только законны, но и эффективны для обучения и бизнеса                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        7 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        460                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/game-of-homes-igraya-v-biznes-v-bank-khoum-kredit.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/8f0/i522loz41o6ju30d6o104o6c66ujddb8_2x.webp 2x"
                                 src="/upload/iblock/8f0/i522loz41o6ju30d6o104o6c66ujddb8.webp"
                                 alt=""
                            >
                                                <a  href="/blog/game-of-homes-igraya-v-biznes-v-bank-khoum-kredit.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">39</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Game of Homes. Играя в бизнес в Банк Хоум Кредит</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Многие компании используют игровую составляющую как инструмент вовлечения сотрудников в достижение бизнес-целей, для мотивации сотрудников на карьерное развитие и саморазвитие.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        373                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-ubit-dvukh-zaytsev-povysit-vovlechennost-v-obuchenie-i-uroven-prodazh-v-tele2.htm"
                   data-item-index="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/a7c/01z8wlu7xznhgs8roavoa1sy2367d01r_2x.webp 2x"
                                 src="/upload/iblock/a7c/01z8wlu7xznhgs8roavoa1sy2367d01r.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-ubit-dvukh-zaytsev-povysit-vovlechennost-v-obuchenie-i-uroven-prodazh-v-tele2.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">39</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как убить двух зайцев – повысить вовлеченность в обучение и уровень продаж в Tele2</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Геймификация, игрофикация, мотивация… Об этих понятиях говорят много. Каждый бизнес-заказчик основывается на волне повышенного интереса к геймификации и внедряет этот процесс в рабочие задачи сотрудников.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        376                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/iyunskiy-reliz-delaykurs.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c15/tpp8tfllb3e2lttzbzk8nnu0n0be0fe3_2x.png 2x"
                                 src="/upload/iblock/c15/tpp8tfllb3e2lttzbzk8nnu0n0be0fe3.png"
                                 alt=""
                            >
                                                <a  href="/blog/iyunskiy-reliz-delaykurs.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">49</div>
                                                                <div class="summary__item summary__item--text-alike">05.06.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Июньский релиз ДелайКурс</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Начинаем лето с релиза: улучшения тренажера ПО, таблиц, новые настройки интерактивных шаблонов и другие улучшения июня                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        63                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/aprelskie-relizy-delaykurs.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/62d/andghmemgp5t9v0xowlkcsdswxl7txx0_2x.png 2x"
                                 src="/upload/iblock/62d/andghmemgp5t9v0xowlkcsdswxl7txx0.png"
                                 alt=""
                            >
                                                <a  href="/blog/aprelskie-relizy-delaykurs.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">49</div>
                                                                <div class="summary__item summary__item--text-alike">12.05.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Апрельские релизы ДелайКурс</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Таблицы, улучшение тренажера ПО и предпросмотра на устройствах: рассказываем об апргейдах апреля                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        149                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/martovskiy-reliz-delaykurs.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/6db/d5fjh68u321rcy3t1iwblov07jkcnk8b_2x.png 2x"
                                 src="/upload/iblock/6db/d5fjh68u321rcy3t1iwblov07jkcnk8b.png"
                                 alt=""
                            >
                                                <a  href="/blog/martovskiy-reliz-delaykurs.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">49</div>
                                                                <div class="summary__item summary__item--text-alike">31.03.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Мартовский релиз ДелайКурс</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Приятный мартовский релиз: глоссарий, подсказки в изображениях и исправленные баги                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        69                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/metod-dizayn-myshleniya-reshenie-problemy-cherez-tvorchestvo.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/35b/v6bwtrgavcjwhooo8hm1lvidozadpqpd_2x.webp 2x"
                                 src="/upload/iblock/35b/v6bwtrgavcjwhooo8hm1lvidozadpqpd.webp"
                                 alt=""
                            >
                                                <a  href="/blog/metod-dizayn-myshleniya-reshenie-problemy-cherez-tvorchestvo.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">48</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Метод дизайн-мышления – решение проблемы через творчество</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Главное – творческий подход, а не критический анализ, здесь «думают» чувствами и эмпатией, а не оперируют цифрами и аналитическими данными.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        232                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/t-shaped-i-shaped-i-dzheneralisty-kogo-biznes-tsenit-bolshe-.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/7b4/7nw4u1yu3ax8t2wlyy00fnhzxxeqdsmz_2x.png 2x"
                                 src="/upload/iblock/7b4/7nw4u1yu3ax8t2wlyy00fnhzxxeqdsmz.png"
                                 alt=""
                            >
                                                <a  href="/blog/t-shaped-i-shaped-i-dzheneralisty-kogo-biznes-tsenit-bolshe-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">10.06.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">T-shaped, I-shaped и дженералисты: кого бизнес ценит больше </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем том, почему компании больше не ищут просто «хороших специалистов».                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        6                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/illyuziya-kompetentnosti-pochemu-vsye-ponyal-i-umeyu-eto-raznye-veshchi.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/cb1/i6phcwjs6syakmwtxh5arrk0di2fhxi6_2x.png 2x"
                                 src="/upload/iblock/cb1/i6phcwjs6syakmwtxh5arrk0di2fhxi6.png"
                                 alt=""
                            >
                                                <a  href="/blog/illyuziya-kompetentnosti-pochemu-vsye-ponyal-i-umeyu-eto-raznye-veshchi.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">04.06.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Иллюзия компетентности: почему «всё понял» и «умею» — это разные вещи</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Представим ситуацию: сотруднику в компании назначили курс. Он его проходит, сдаёт тест на отлично. На следующий день работает точно так же, как до обучения. Почему? Одна из причин — иллюзия компетентности.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        8 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        41                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kakie-hr-zadachi-zaberyet-ai-a-kakie-ostanutsya-tolko-u-lyudey.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/2c8/qik3ey1ou13cf1va0o17mvkteokn3kak_2x.png 2x"
                                 src="/upload/iblock/2c8/qik3ey1ou13cf1va0o17mvkteokn3kak.png"
                                 alt=""
                            >
                                                <a  href="/blog/kakie-hr-zadachi-zaberyet-ai-a-kakie-ostanutsya-tolko-u-lyudey.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">28.05.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Какие HR-задачи заберёт AI, а какие останутся только у людей</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Разбираем какие HR-задачи искусственный интеллект уже может облегчить, а где без человека всё равно не обойтись.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        57                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-sdelat-i-zapustit-kurs-ne-nanimaya-metodistov-i-razrabotchikov.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/2b0/kvwula4u5fp1oa3t64zmkl403n8vrwea_2x.png 2x"
                                 src="/upload/iblock/2b0/kvwula4u5fp1oa3t64zmkl403n8vrwea.png"
                                 alt=""
                            >
                                                <a  href="/blog/kak-sdelat-i-zapustit-kurs-ne-nanimaya-metodistov-i-razrabotchikov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как сделать и запустить курс, не нанимая методистов и разработчиков?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Спойлер: потребуются только внутренний эксперт и один специалист по управлению персоналом &#40;HR&#41;.<br />
Спойлер №2: им всё равно нужна небольшая помощь со стороны.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        116                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/ot-adaptatsii-do-vyrashchivaniya-zvyezd-kogda-obuchenie-stanovitsya-fundamentom.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c57/a66hql8tshxav5in4xybvjfmyixkgd7w_2x.png 2x"
                                 src="/upload/iblock/c57/a66hql8tshxav5in4xybvjfmyixkgd7w.png"
                                 alt=""
                            >
                                                <a  href="/blog/ot-adaptatsii-do-vyrashchivaniya-zvyezd-kogda-obuchenie-stanovitsya-fundamentom.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">24.12.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">От адаптации до выращивания звёзд: когда обучение становится фундаментом</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Разбираем на примере Виталия и его сети закусочных                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        8 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        241                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/avtomatizatsiya-hr-protsessov-effektivnyy-podbor-i-adaptatsiya-personala-v-tsifrovuyu-epokhu.htm"
                   data-item-index="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/215/korhglq3ozaq2va1gkk6cdbf5e61nkx5_2x.png 2x"
                                 src="/upload/iblock/215/korhglq3ozaq2va1gkk6cdbf5e61nkx5.png"
                                 alt=""
                            >
                                                <a  href="/blog/avtomatizatsiya-hr-protsessov-effektivnyy-podbor-i-adaptatsiya-personala-v-tsifrovuyu-epokhu.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">14.11.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Автоматизация HR-процессов: эффективный подбор и адаптация персонала в цифровую эпоху</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В условиях высокой конкуренции за таланты и роста масштабов бизнеса, автоматизация HR-процессов перестала быть опцией – это необходимость. Современные инструменты позволяют кардинально изменить ситуацию.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        396                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/sozday-kulturu-obucheniya-kak-lxp-pomogaet-biznesu-rasti.htm"
                   data-item-index="6">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/9f0/nicm7wnch6f2rqflv6lpfq452t38q208_2x.png 2x"
                                 src="/upload/iblock/9f0/nicm7wnch6f2rqflv6lpfq452t38q208.png"
                                 alt=""
                            >
                                                <a  href="/blog/sozday-kulturu-obucheniya-kak-lxp-pomogaet-biznesu-rasti.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Создай культуру обучения: как LXP помогает бизнесу расти</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В современном мире скорость изменений диктует необходимость непрерывного обучения. Традиционные системы управления обучением LMS могут не успевать за динамикой бизнеса и ожиданиями сотрудников. Выход из подобной ситуации — LXP-платформа.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        6 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        110                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/chto-takoe-treki-proekta-obuchay.htm"
                   data-item-index="7">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/ff9/md03r615k7rqgddcehxs1pjiqotlkx2k_2x.webp 2x"
                                 src="/upload/iblock/ff9/md03r615k7rqgddcehxs1pjiqotlkx2k.webp"
                                 alt=""
                            >
                                                <a  href="/blog/chto-takoe-treki-proekta-obuchay.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Что такое треки проекта Обучай?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В статье команда «Обучай» расскажет о новом образовательном опыте, который предлагает всем пользователям, на примере трека «Управленческие компетенции».                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        252                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/konferentsiya-vovlekay-kak-eto-bylo.htm"
                   data-item-index="8">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/a95/3px5f19hlsqf2vy23alpa7oit8l2jdlf_2x.webp 2x"
                                 src="/upload/iblock/a95/3px5f19hlsqf2vy23alpa7oit8l2jdlf.webp"
                                 alt=""
                            >
                                                <a  href="/blog/konferentsiya-vovlekay-kak-eto-bylo.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Конференция &quot;Вовлекай!&quot;: как это было</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            23 октября в Технопарке «Сколково» компания Лабмедиа успешно провела конференцию «Вовлекай!». Рассказываем подробно обо всём, что было на мероприятии                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        339                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-sdelat-programmu-kursa-kotoryy-sotrudniki-obyazatelno-proydut.htm"
                   data-item-index="9">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/4a4/q9mfqcxpqyi909ucwexdm7nm736an4fn_2x.webp 2x"
                                 src="/upload/iblock/4a4/q9mfqcxpqyi909ucwexdm7nm736an4fn.webp"
                                 alt=""
                            >
                                                <a  href="/blog/kak-sdelat-programmu-kursa-kotoryy-sotrudniki-obyazatelno-proydut.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Как сделать программу курса, который сотрудники обязательно пройдут</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Создание учебной программы – многокомпонентная задача. Важно знать, с чего начать, на что обратить внимание, какие нюансы учесть. Основное правило – составить план и его придерживаться. В статье предлагаем рассмотреть шаги разработки авторских онлайн-программ.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        319                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/chto-takoe-pedagogicheskiy-dizayn.htm"
                   data-item-index="10">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/2cf/aj44on9143oefvdp0s7wzqhcg9ior0w3_2x.webp 2x"
                                 src="/upload/iblock/2cf/aj44on9143oefvdp0s7wzqhcg9ior0w3.webp"
                                 alt=""
                            >
                                                <a  href="/blog/chto-takoe-pedagogicheskiy-dizayn.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Что такое педагогический дизайн?</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Даже сложный материал воспринимается легко, если преподаватель использует подходящие средства его подачи и оформления. В этой статье мы расскажем вам, что такое педагогический дизайн и как с его помощью вы сможете сделать обучение понятным для всех.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        13 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        451                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/korporativnaya-set-kak-chast-obucheniya-sotrudnikov.htm"
                   data-item-index="11">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/8b9/fnkgy703n1393dwjcv4y8ddwzge498od_2x.png 2x"
                                 src="/upload/iblock/8b9/fnkgy703n1393dwjcv4y8ddwzge498od.png"
                                 alt=""
                            >
                                                <a  href="/blog/korporativnaya-set-kak-chast-obucheniya-sotrudnikov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Корпоративная сеть как часть обучения сотрудников</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В современном мире компании всё чаще ищут способы обеспечить своих сотрудников необходимыми инструментами и навыками для эффективной работы. Одним из способов достижения этой цели является использование корпоративной социальной сети.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        5 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        99                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/korporativnoe-obuchenie-personala-chto-eto-i-kak-rabotaet.htm"
                   data-item-index="12">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/25a/8mhss2kla2rv4y2pzcjh95nifwsnymnf_2x.png 2x"
                                 src="/upload/iblock/25a/8mhss2kla2rv4y2pzcjh95nifwsnymnf.png"
                                 alt=""
                            >
                                                <a  href="/blog/korporativnoe-obuchenie-personala-chto-eto-i-kak-rabotaet.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Корпоративное обучение персонала: что это и как работает</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Будущее компании зависит от умения её руководства и персонала своевременно реагировать на вызовы и адаптироваться к новым условиям работы. Справиться с поставленными задачами поможет система корпоративного обучения.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        11 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        117                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/distantsionnoe-obuchenie-personala-sistema-i-tekhnologii.htm"
                   data-item-index="13">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/816/lmw7ej7ip6lj9w18tk465gv5moan8pcs_2x.png 2x"
                                 src="/upload/iblock/816/lmw7ej7ip6lj9w18tk465gv5moan8pcs.png"
                                 alt=""
                            >
                                                <a  href="/blog/distantsionnoe-obuchenie-personala-sistema-i-tekhnologii.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Дистанционное обучение персонала: система и технологии</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Дистанционное обучение персонала – отличная альтернатива традиционным курсам повышения квалификации сотрудников компании. Рассказываем, что собой представляет система дистанционного обучения &#40;СДО&#41; и какие технологии используют преподаватели.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        9 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        157                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/sozdanie-multimediynogo-onlayn-kursa.htm"
                   data-item-index="14">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/012/ab0iobu3lp5kb9g6w5slsk73rwzchlls_2x.webp 2x"
                                 src="/upload/iblock/012/ab0iobu3lp5kb9g6w5slsk73rwzchlls.webp"
                                 alt=""
                            >
                                                <a  href="/blog/sozdanie-multimediynogo-onlayn-kursa.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Создание мультимедийного онлайн-курса</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Мультимедийные интерактивные курсы используются как в формальном, так и в неформальном образовании, и позволяют получать знания в своем темпе и в любом месте, где есть доступ к интернету.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        7 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        478                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/podborka-servisov-i-platform-dlya-sozdaniya-elektronnykh-kursov.htm"
                   data-item-index="15">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/0b4/0og4lef6zo95jep7ag9iz03jfbkw5z3u_2x.png 2x"
                                 src="/upload/iblock/0b4/0og4lef6zo95jep7ag9iz03jfbkw5z3u.png"
                                 alt=""
                            >
                                                <a  href="/blog/podborka-servisov-i-platform-dlya-sozdaniya-elektronnykh-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">22.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Подборка сервисов и платформ для создания электронных курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Электронные курсы для дистанционного обучения — популярный формат обучения во многих сферах. Если вы ищете сервис для создания электронных курсов, эта подборка из популярных онлайн-платформ поможет вам определиться с выбором.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        16 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        116                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/korporativnoe-obuchenie-2023-kakie-trendy-zhdut-nas-v-novom-godu-.htm"
                   data-item-index="16">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/65f/2xdtwcre1pq95iljmpt729kfrtpbloy2_2x.webp 2x"
                                 src="/upload/iblock/65f/2xdtwcre1pq95iljmpt729kfrtpbloy2.webp"
                                 alt=""
                            >
                                                <a  href="/blog/korporativnoe-obuchenie-2023-kakie-trendy-zhdut-nas-v-novom-godu-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">44</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Корпоративное обучение 2023: какие тренды ждут нас в новом году? </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Несмотря на постоянное развитие технологий и автоматизацию процессов, главным ресурсом компаний являются люди. И если техника требует обновлений, знания сотрудников также нуждаются в постоянной актуализации. В статье расскажем о тенденциях в корпоративном обучении, на которые стоит обратить внимание.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        314                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/sertifikatsiya-razrabotchikov-delaykurs-skoro-start-programmy.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/4cd/1f3xx70kkyf4k341of8optlahlpvmixd_2x.png 2x"
                                 src="/upload/iblock/4cd/1f3xx70kkyf4k341of8optlahlpvmixd.png"
                                 alt=""
                            >
                                                <a  href="/blog/sertifikatsiya-razrabotchikov-delaykurs-skoro-start-programmy.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">47</div>
                                                                <div class="summary__item summary__item--text-alike">28.05.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Сертификация разработчиков ДелайКурс: скоро старт программы</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Теперь любой желающий сможет пройти обучение по конструктору курсов «ДелайКурс» и получить официальный сертификат – подтверждение навыка                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        174                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/obnovlyayte-biblioteku-kursov.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/b15/5kvsx46397upyy9ebyhi81bdfj8ig3ak_2x.png 2x"
                                 src="/upload/iblock/b15/5kvsx46397upyy9ebyhi81bdfj8ig3ak.png"
                                 alt=""
                            >
                                                <a  href="/blog/obnovlyayte-biblioteku-kursov.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">47</div>
                                                                <div class="summary__item summary__item--text-alike">26.05.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Тёплая акция на пакеты обновлённых авторских курсов</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Пару месяцев назад вся библиотека Авторских курсов пережила большое обновление. В честь этого события Лабмедиа запускает акцию с выгодными ценами и дополнительными бонусами при покупке курсов пакетом. В этой статье расскажем о сути акции и изменениях в Библиотеке.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        2682                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/bolshoy-den-otkrytykh-dverey-labmedia-kak-eto-bylo-v-2026-m.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/fe7/zxmah4vzn2py0ntri5qs8zo0owlebur4_2x.png 2x"
                                 src="/upload/iblock/fe7/zxmah4vzn2py0ntri5qs8zo0owlebur4.png"
                                 alt=""
                            >
                                                <a  href="/blog/bolshoy-den-otkrytykh-dverey-labmedia-kak-eto-bylo-v-2026-m.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">47</div>
                                                                <div class="summary__item summary__item--text-alike">18.05.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Большой день открытых дверей Лабмедиа: как это было в 2026-м</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Почему бы не сделать день открытых дверей вне офиса? Так подумали в Лабмедиа и вывезли своих людей, мысли, идеи, кофейню и ценности в Москву, прямо на ВДНХ. 16 апреля в банкетном зале «Выставка» прошёл БДОД – Большой день открытых дверей Лабмедиа. Здесь расскажем, как это было.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        10 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        99                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/labmedia-vstupila-v-assotsiatsiyu-laboratoriy-po-razvitiyu-iskusstvennogo-intellekta-alrii.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/935/rug1gmgero0rx3k577gr49qpsa1hl5ll_2x.png 2x"
                                 src="/upload/iblock/935/rug1gmgero0rx3k577gr49qpsa1hl5ll.png"
                                 alt=""
                            >
                                                <a  href="/blog/labmedia-vstupila-v-assotsiatsiyu-laboratoriy-po-razvitiyu-iskusstvennogo-intellekta-alrii.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">47</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Лабмедиа вступила в Ассоциацию лабораторий по развитию Искусственного интеллекта (АЛРИИ)</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Компания «Лабмедиа» присоединилась к АЛРИИ. Среди решений, признанных экспертами Ассоциации, — платформа «ДелайКурс» для разработки электронных курсов на базе ИИ.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        332                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/labmedia-laureat-natsionalnoy-premii-zolotoy-merkuriy.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/416/nqjcsgljmavikqmibv4o2klztqj02h37_2x.webp 2x"
                                 src="/upload/iblock/416/nqjcsgljmavikqmibv4o2klztqj02h37.webp"
                                 alt=""
                            >
                                                <a  href="/blog/labmedia-laureat-natsionalnoy-premii-zolotoy-merkuriy.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">47</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Лабмедиа – лауреат Национальной премии «Золотой Меркурий»</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            16 июня состоялась церемония награждения победителей Национальной премии в области предпринимательской деятельности «Золотой Меркурий». Делимся новостями и успехами.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        298                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/platforma-vovlekay-uspeshno-protestirovana-na-sovmestimost-s-red-os-m.htm"
                   data-item-index="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/620/z52v29jftzc2zb2mvt5bbs8v3n6hhy7b_2x.jpg 2x"
                                 src="/upload/iblock/620/z52v29jftzc2zb2mvt5bbs8v3n6hhy7b.jpg"
                                 alt=""
                            >
                                                <a  href="/blog/platforma-vovlekay-uspeshno-protestirovana-na-sovmestimost-s-red-os-m.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">47</div>
                                                                <div class="summary__item summary__item--text-alike">24.04.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Платформа Вовлекай успешно протестирована на совместимость с РЕД ОС М</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о новом достижении в копилочке Вовлекай.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        105                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/delaykurs-ot-labmedia-v-reestre-rossiyskogo-po-ot-mintsifry-rf.htm"
                   data-item-index="6">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/de8/vk5kvtc01lj4nlk8u81d96i4tefthnvh_2x.webp 2x"
                                 src="/upload/iblock/de8/vk5kvtc01lj4nlk8u81d96i4tefthnvh.webp"
                                 alt=""
                            >
                                                <a  href="/blog/delaykurs-ot-labmedia-v-reestre-rossiyskogo-po-ot-mintsifry-rf.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">47</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">ДелайКурс от Лабмедиа в Реестре российского ПО от Минцифры РФ</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            24 июля 2024 г. ДелайКурс вошёл в Реестр российского программного обеспечения от Минцифры РФ. Рассказываем, почему это важный шаг развития нашей платформы                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        336                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/yaroslavl-almaty-astana-yaroslavl.htm"
                   data-item-index="7">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/78f/e8pcogia0jeqgxmlmz8oeyr3wo697frw_2x.webp 2x"
                                 src="/upload/iblock/78f/e8pcogia0jeqgxmlmz8oeyr3wo697frw.webp"
                                 alt=""
                            >
                                                <a  href="/blog/yaroslavl-almaty-astana-yaroslavl.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">47</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Ярославль – Алматы – Астана – Ярославль</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Максимально продуктивная рабочая неделя в новых локациях и перспективы вывода российского программного обеспечения на казахстанский рынок – именно такими выдались майские дни для делегации Компании Лабмедиа в Казахстане. Рассказываем, как это было                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        232                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/valeriy-leontev-i-aleksandr-ryabinin-eksperty-i-zhyuri-onlayn-smeny-predprinimateli-budushchego-.htm"
                   data-item-index="8">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/575/za2yr1nc4teshtpd3jftgw09s3k643ke_2x.webp 2x"
                                 src="/upload/iblock/575/za2yr1nc4teshtpd3jftgw09s3k643ke.webp"
                                 alt=""
                            >
                                                <a  href="/blog/valeriy-leontev-i-aleksandr-ryabinin-eksperty-i-zhyuri-onlayn-smeny-predprinimateli-budushchego-.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">47</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Валерий Леонтьев и Александр Рябинин — эксперты и жюри онлайн-смены «Предприниматели будущего» </div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Завершаем лето погружением в изучение сферы бизнеса на летней онлайн-смене «Предприниматели будущего». Подробности проекта читайте в статье.&nbsp;&nbsp;                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        210                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
            <div class="blog__tab">
                            <a class="teaser "
                   href="/blog/fevralskie-uluchsheniya-delaykurs.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/664/e796t1ragut31evj5i6dcs2qvk2qmzgc_2x.png 2x"
                                 src="/upload/iblock/664/e796t1ragut31evj5i6dcs2qvk2qmzgc.png"
                                 alt=""
                            >
                                                <a  href="/blog/fevralskie-uluchsheniya-delaykurs.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">24.03.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Февральские улучшения ДелайКурс</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Небольшой предвесенний релиз на платформе                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        63                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/reliz-delaykurs-pervye-uluchsheniya-2026-goda.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/664/e796t1ragut31evj5i6dcs2qvk2qmzgc_2x.png 2x"
                                 src="/upload/iblock/664/e796t1ragut31evj5i6dcs2qvk2qmzgc.png"
                                 alt=""
                            >
                                                <a  href="/blog/reliz-delaykurs-pervye-uluchsheniya-2026-goda.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">24.03.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Релиз ДелайКурс: первые улучшения 2026 года</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Небольшой, но важный релиз, открывающий новые возможности экспериментов на платформе                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        66                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/dekabrskie-uluchsheniya-delaykurs.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/4a5/b10up2cwjft4coxw1zg0w0vkpqqzrv35_2x.png 2x"
                                 src="/upload/iblock/4a5/b10up2cwjft4coxw1zg0w0vkpqqzrv35.png"
                                 alt=""
                            >
                                                <a  href="/blog/dekabrskie-uluchsheniya-delaykurs.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">24.03.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Декабрьские улучшения ДелайКурс</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Небольшая порция улучшений и исправлений на платформе                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        1 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        79                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/reliz-delaykurs-effekty-v-trenazhere-po-blokirovka-kontenta-do-prosmotra-video.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/4a5/b10up2cwjft4coxw1zg0w0vkpqqzrv35_2x.png 2x"
                                 src="/upload/iblock/4a5/b10up2cwjft4coxw1zg0w0vkpqqzrv35.png"
                                 alt=""
                            >
                                                <a  href="/blog/reliz-delaykurs-effekty-v-trenazhere-po-blokirovka-kontenta-do-prosmotra-video.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">24.03.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Релиз ДелайКурс: Эффекты в тренажере ПО, блокировка контента до просмотра видео</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Декабрьский релиз с новой порцией улучшений и исправленных багов                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        71                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/generalnaya-uborka-v-noyabrskom-relize.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/be1/fhohsb18xmehw2uaiywqli7qa2jpsgjo_2x.png 2x"
                                 src="/upload/iblock/be1/fhohsb18xmehw2uaiywqli7qa2jpsgjo.png"
                                 alt=""
                            >
                                                <a  href="/blog/generalnaya-uborka-v-noyabrskom-relize.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">24.03.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Генеральная уборка в ноябрьском релизе</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Выпустили небольшой релиз, где исправили несколько багов и повысили производительность.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        1 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        60                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/tykvennyy-reliz-delaykurs.htm"
                   data-item-index="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/877/18k71j7m1uzo27judkcxw452rhqo6xbk_2x.png 2x"
                                 src="/upload/iblock/877/18k71j7m1uzo27judkcxw452rhqo6xbk.png"
                                 alt=""
                            >
                                                <a  href="/blog/tykvennyy-reliz-delaykurs.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">24.03.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Тыквенный релиз ДелайКурс</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Прекрасный и ужасающе крутой релиз ДелайКурс                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        65                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/reliz-delaykurs-cmi5-uluchshenie-raboty-s-izobrazheniyami-i-ispravlenie-oshibok.htm"
                   data-item-index="6">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/67a/9hgetoy4ix9r6pt5skqu0lbdvqsu70k7_2x.png 2x"
                                 src="/upload/iblock/67a/9hgetoy4ix9r6pt5skqu0lbdvqsu70k7.png"
                                 alt=""
                            >
                                                <a  href="/blog/reliz-delaykurs-cmi5-uluchshenie-raboty-s-izobrazheniyami-i-ispravlenie-oshibok.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">24.03.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Релиз ДелайКурс: CMI5, улучшение работы с изображениями и исправление ошибок</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            30 сентября выпустили свежий пакет обновление для платформы. Рассказываем подробнее о каждом улучшении                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        65                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kalendar-perevernut-sentyabrskiy-reliz-delaykurs.htm"
                   data-item-index="7">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/af3/4clzl8nt258e4vjmc3c66yrt3hcohkhf_2x.png 2x"
                                 src="/upload/iblock/af3/4clzl8nt258e4vjmc3c66yrt3hcohkhf.png"
                                 alt=""
                            >
                                                <a  href="/blog/kalendar-perevernut-sentyabrskiy-reliz-delaykurs.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Календарь перевернут: сентябрьский релиз ДелайКурс</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о новинках, улучшениях и исправлениях сентябрьского релиза.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        284                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kryshesnosnyy-reliz-delaykurs-novye-tipy-voprosov-generatsiya-tsvetovoy-skhemy-i-drugie-fichi.htm"
                   data-item-index="8">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/81c/dgy64sdc5vqqrs5k2266n8zgex9q75v7_2x.png 2x"
                                 src="/upload/iblock/81c/dgy64sdc5vqqrs5k2266n8zgex9q75v7.png"
                                 alt=""
                            >
                                                <a  href="/blog/kryshesnosnyy-reliz-delaykurs-novye-tipy-voprosov-generatsiya-tsvetovoy-skhemy-i-drugie-fichi.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Крышесносный релиз ДелайКурс: новые типы вопросов, генерация цветовой схемы и другие фичи</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о новых фичах августовского обновления ДелайКурс.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        4 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        284                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/obnovlenie-delaykurs-novye-shablony-format-web-i-drugie-uluchsheniya.htm"
                   data-item-index="9">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/742/b56ylos46i03rlr4ibp2oq5c2ifpsssc_2x.png 2x"
                                 src="/upload/iblock/742/b56ylos46i03rlr4ibp2oq5c2ifpsssc.png"
                                 alt=""
                            >
                                                <a  href="/blog/obnovlenie-delaykurs-novye-shablony-format-web-i-drugie-uluchsheniya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Обновление ДелайКурс: новые шаблоны, формат web и другие улучшения</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Рассказываем о новых фичах июньского обновления ДелайКурс.                         </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        3 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        251                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/obnovlenie-delaykurs-izbrannye-shablony-animatsiya-blokov-i-drugie-uluchsheniya.htm"
                   data-item-index="10">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/537/hv0xkan6tp1ai53c98x6811pl0w6a1h9_2x.png 2x"
                                 src="/upload/iblock/537/hv0xkan6tp1ai53c98x6811pl0w6a1h9.png"
                                 alt=""
                            >
                                                <a  href="/blog/obnovlenie-delaykurs-izbrannye-shablony-animatsiya-blokov-i-drugie-uluchsheniya.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Обновление ДелайКурс: избранные шаблоны, анимация блоков и другие улучшения</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            Делимся новостями майского обновления ДелайКурс. Новые фичи, улучшения платформы и исправления багов                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        220                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novye-vozmozhnosti-dlya-udobnoy-raboty-s-testami-i-kursami.htm"
                   data-item-index="11">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/a90/b52gyt6db0or2ypljov2ky3ne0ws48bx_2x.png 2x"
                                 src="/upload/iblock/a90/b52gyt6db0or2ypljov2ky3ne0ws48bx.png"
                                 alt=""
                            >
                                                <a  href="/blog/novye-vozmozhnosti-dlya-udobnoy-raboty-s-testami-i-kursami.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Новые возможности для удобной работы с тестами и курсами</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            31 марта вышел новый релиз на платформе ДелайКурс. Ещё больше функций и удобных инструментов для работы с тестами и курсами.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        214                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/fevralskie-relizy-delaykurs.htm"
                   data-item-index="12">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/d8d/p4qta1m56km1n16cxjv2fb5ai3e30ief_2x.png 2x"
                                 src="/upload/iblock/d8d/p4qta1m56km1n16cxjv2fb5ai3e30ief.png"
                                 alt=""
                            >
                                                <a  href="/blog/fevralskie-relizy-delaykurs.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Февральские релизы ДелайКурс</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            В февраля на платформе ДелайКурс вышли несколько обновлений. Собрали информацию о них в небольшую статью                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        192                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novogodniy-reliz-delaykurs.htm"
                   data-item-index="13">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/0c9/cpqqjn2lczw6duz6e1dl8vkt66dluqv2_2x.png 2x"
                                 src="/upload/iblock/0c9/cpqqjn2lczw6duz6e1dl8vkt66dluqv2.png"
                                 alt=""
                            >
                                                <a  href="/blog/novogodniy-reliz-delaykurs.htm" class="teaser__details">
                            <svg class="teaser__arrow" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none">
                                <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.344"
                                      d="M3 8h10m0 0L8.5 3.5M13 8l-4.5 4.5"/>
                            </svg>
                        </a>
                    </div>
                    <div class="teaser__body">
                        <div class="teaser__filters">
                            <div class="summary">
                                <div class="summary__item">50</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.2025</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Новогодний релиз ДелайКурс</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            27 декабря выходит грандиозное обновление ДелайКурс - авторского средства разработки электронных курсов. Рассказываем подробнее.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.3v8.312a5.243 5.243 0 0 0-1.75-.299A5.23 5.23 0 0 0 7 11.837m0-8.313v8.313"/>
                                        </svg>
                                        2 мин
                                    </div>
                                                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M1.187 7.188a.59.59 0 0 1 0-.373 6.128 6.128 0 0 1 11.625-.003.59.59 0 0 1 0 .373 6.128 6.128 0 0 1-11.625.003Z"/>
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M8.75 7a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"/>
                                        </svg>
                                        204                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
            
            <!-- Индикатор загрузки -->
            <div class="load-more-indicator" style="display: none;">
                <div class="loading-spinner"></div>
            </div>

            <div class="fader"></div>
        </div>
    </div></div>



 <footer class="footer">
<div class="footer__request container">
	<div class="callback">
		<div class="callback__intro">
			<h2 class="callback__heading">
			Поможем решить все&nbsp;вопросы </h2>
			<div class="callback__description">
				 Если вы хотите больше узнать о Лабмедиа или не знаете, какой продукт или услугу выбрать, оставьте
заявку — и мы перезвоним			</div>
		</div>
		     <form name="FOOTER_FORM" action="/blog/" method="POST" enctype="multipart/form-data"><input type="hidden" name="sessid" id="sessid" value="a59b11e8d71020c779ea7909c38a20a6" /><input type="hidden" name="WEB_FORM_ID" value="2" />

    <div class="callback__form">
        <div class="callback__name">
            <div class="input">
                <input class="input__widget" name="form_text_7" required type="text" placeholder="Имя*">
            </div>
        </div>
        <div class="callback__channel-fields">
            <div class="callback__contact">
                <div class="input">
                    <input class="input__widget" name="form_text_8" required type="tel" placeholder="Телефон*">
                </div>
            </div>
            <div class="callback__contact">
                <div class="input">
                    <input class="input__widget" name="form_email_9" required type="email" placeholder="Email*">
                </div>
            </div>
        </div>
        <div class="callback__footer">
            <div class="callback__agreement">
                <label class="choice choice--smaller">
                    <input class="choice__widget" required type="checkbox" name="form_text_10" value="Я согласен(а) на обработку моих персональных данных в соответствии с Политикой конфиденциальности">
                    <span class="choice__label">Я согласен(а) на обработку моих персональных данных в соответствии с <a
                                class="link" href="/privacy/">«Политикой конфиденциальности»</a></span>
                    <i class="choice__icon" role="presentation"></i>
                </label>
            </div>
            <div class="callback__submit">
                <input type="hidden" name="web_form_apply" value="Y" />
                <button class="button" type="submit">Отправить</button>
            </div>
        </div>
    </div>

<input type="hidden" name="g-recaptcha-response" id="recaptchaResponse2">

    </form>    

	</div>
</div>
<div class="footer__main container">
	<div class="footer__contacts">
		<div class="footer__call">
 <a class="link link--no-hover" href="tel:+74951368606">+7&nbsp;495&nbsp;136–86–06</a>
			<div class="explain bubble-context">
 <button class="explain__icon bubble-handler" type="button">
				Подсказка </button>
				<div class="bubble">
					<div class="bubble__body">
						<div class="bubble__heading">
							 Многоканальный телефон						</div>
						<div class="bubble__description">
							 Для связи с нужным отделом позвоните<br> по номеру и введите добавочный номер						</div>
					</div>
 <i class="bubble__chevron"></i>
				</div>
			</div>
		</div>
		<div class="footer__number-extensions">
			<div class="footer__extension">
				<div class="footer__digit">
					 Добавочный — 1
				</div>
				<div class="footer__department">
					 служба сервиса<br>
					 по поддержке проектов
				</div>
			</div>
			<div class="footer__extension">
				<div class="footer__digit">
					 Добавочный — 2
				</div>
				<div class="footer__department">
					 вопросы по покупке,<br>
					 оплате и продуктам
				</div>
			</div>
		</div>
		<div class="footer__quality-head">
			<div class="footer__quality-person">
 <img width="48" alt="Фото Артёма Калашникова" src="/local/templates/labmedia2025/content/footer-headshot/footer-headshot@1x.webp" height="48" srcset="/local/templates/labmedia2025/content/footer-headshot/footer-headshot@2x.webp 2x" class="footer__headshot">
			</div>
			<div class="footer__quality-heading">
				 Есть вопросы и предложения?
			</div>
		</div>
		<div class="footer__quality-feedback">
			     Напишите <a class="link" href="mailto:ar.d.kalashnikov@labmedia.su">Артёму Калашникову</a> — ответственному за сотрудничество и новые проекты.
		</div>
	</div>
 <nav class="footer__nav">
	<div class="footer__menu-column">
		 




        <a class="footer__link" href="/about/">

        О Лабмедиа

    </a>



        <div class="footer__sub-menu">

                    <a class="footer__sub-link"
               href="/about/">О нас</a>

                    <a class="footer__sub-link"
               href="/about/vacancies/">Вакансии</a>

                    <a class="footer__sub-link"
               href="/referrals/">Партнерам</a>

                    <a class="footer__sub-link"
               href="/contacts/">Контакты</a>

                    <a class="footer__sub-link"
               href="https://openday.labmedia.su/">День открытых дверей</a>

                    <a class="footer__sub-link"
               href="/docs/">Сведения об образовательной организации</a>

            </div>




	</div>
	<div class="footer__menu-column">
		 




        <a class="footer__link" style='text-decoration:unset'>

        Продукты

    </a>



        <div class="footer__sub-menu">

                    <a class="footer__sub-link"
               href="https://labmedia.su/vovlekay/">Вовлекай</a>

                    <a class="footer__sub-link"
               href="/delaicourse/">ДелайКурс</a>

                    <a class="footer__sub-link"
               href="https://labmedia.su/library/">Готовые курсы</a>

                    <a class="footer__sub-link"
               href="https://learn.labmedia.su/">Обучай</a>

            </div>




	</div>
	<div class="footer__menu-column">
		 


	    <a class="footer__link" href="/portfolio/">Кейсы</a>
		


		<div class="footer__alt-menu">
			 


	    <a class="footer__link" href="/blog/">Блог</a>

		
	    <a class="footer__link" href="/support/">Поддержка</a>
		


		</div>
	</div>
 </nav>
</div>
<div class="footer__separator container container--wide" role="presentation" aria-hidden="true">
	<div class="footer__line">
	</div>
</div>
<div class="footer__info container">
	<div class="footer__info-inner">
 <button class="footer__info-handler" type="button">
		Правовая информация </button>
		<div class="footer__info-body">
			<div class="footer__brands">
				<div class="footer__brand-item">
 <img width="50" alt="Логотип «Сколково»" src="/local/templates/labmedia2025/content/footer-brands/skolkovo.svg" height="40" class="footer__brand-logo">
					<div class="footer__brand-title">
						 Грантовая поддержка<br>
						 Фонда «Сколково»
					</div>
				</div>
				<div class="footer__brand-item">
 <img width="84" alt="Логотип фонда содействия инновациям" src="/local/templates/labmedia2025/content/footer-brands/innovations.svg" height="40" class="footer__brand-logo">
					<div class="footer__brand-title">
						 При поддержке Фонда<br>
						 содействия инновациям
					</div>
				</div>
				<div class="footer__brand-item">
 <img width="50" alt="Логотип «Сколково»" src="/local/templates/labmedia2025/content/footer-brands/economics.svg" height="40" class="footer__brand-logo">
					<div class="footer__brand-title">
						 Малая технологическая<br>
						 компания
					</div>
				</div>
				<div class="footer__brand-item">
 <img width="84" alt="Логотип кодекса этики в сфере ИИ" src="/local/templates/labmedia2025/content/footer-brands/alliance.svg" height="40" class="footer__brand-logo">
					<div class="footer__brand-title">
						 Кодекс этики<br>
						 в сфере ИИ
					</div>
				</div>
			</div>
			<div class="footer__description">
				<div class="footer__about">
					 Лабмедиа разрабатывает электронные курсы, учебные видео и&nbsp;геймификацию для обучения. ООО&nbsp;«Лабмедиа» входит в&nbsp;Реестр малых технологических компаний с&nbsp;03.11.2023 года. Программные продукты Лабмедиа включены в&nbsp;Реестр российского ПО
				</div>
				<div class="footer__description-link">
 <a class="link" href="https://reestr.digital.gov.ru/reestr/678240/?sphrase_id=1469745">Скачать сведения о&nbsp;государственной регистрации ПО&nbsp;Вовлекай</a>
				</div>
				<div class="footer__description-link">
 <a class="link" href="https://reestr.digital.gov.ru/reestr/2487172/">Скачать сведения о государственной регистрации ПО&nbsp;ДелайКурс</a>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="footer__legalities container">
	<div class="footer__copyright-and-policy">
		<div class="footer__copyright">
			 © 1999–2026&nbsp;Лабмедиа.&nbsp;Номер DUNS:&nbsp;<a class="link link--fake" href="#">685898065</a>
		</div>
		<div class="footer__policy">
 <a class="link link--inverted-text-alike" href="/privacy/">Политика конфиденциальности</a>
		</div>
	</div>
	<div class="footer__media-and-developers">
		<div class="footer__media">
			<div class="media">
 <a class="media__link" href="https://t.me/labmedia_su"> <span class="visuallyhidden">
				Телеграм </span> </a> <a class="media__link" href="https://vk.com/labmedia_edu"> <span class="visuallyhidden">
				ВКонтакте </span> </a> <a class="media__link" href="http://www.youtube.com/channel/UCpqTo3YZ7h1vkJlZW3rttPQ"> <span class="visuallyhidden">
				YouTube </span> </a> <a class="media__link" href="https://rutube.ru/channel/26209777/"> <span class="visuallyhidden">
				Rutube </span> </a>
			</div>
		</div>
		<div class="footer__developers">
			 Сделано в <a class="link link--inverted-text-alike" href="https://www.munky.agency/">Манки</a> и <a class="link link--inverted-text-alike" href="https://redstar.agency" target="_blank">Редстар</a>
		</div>
	</div>
</div>
 </footer>
<div class="window mfp-hide" id="search">
	<div class="search">
		<div class="search__form container">
			 
<form action="/search/index.php">


    <svg class="search__icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"
    viewBox="0 0 16 16">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3"
          d="m14 14-3.464-3.464m0 0a5 5 0 1 0-7.071-7.071 5 5 0 0 0 7.07 7.07Z"/>
    </svg>
    <div class="search__field">
        <div class="input">

            <input class="input__widget" type="text" placeholder="Что ищем?" name="q">
        </div>
        <button class="search__close" type="button">
            <svg class="search__cross" width="16" height="16" viewBox="0 0 16 16" fill="none"
                 xmlns="http://www.w3.org/2000/svg">
                <path stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
                      d="M4 12L12 4M4 4L12 12"/>
            </svg>
            <span class="visuallyhidden">
                                Очистить и закрыть
                            </span>
        </button>
    </div>
    <div class="search__submit">
        <button class="button button--smaller" type="submit" name="s">
            Найти
        </button>
    </div>
	
</form>

		</div>
		<div class="search__results container">
 <a class="search__item" href="/search/index.php?q=Разработка электронных курсов">Разработка электронных курсов</a> <a class="search__item" href="/search/index.php?q=Создание видеоконтента">Создание видеоконтента</a> <a class="search__item" href="/search/index.php?q=Геймификация">Геймификация</a> <a class="search__item" href="/search/index.php?q=HR автоматизация">HR-автоматизация</a> <a class="search__item" href="/search/index.php?q=Готовые курсы">Готовые курсы</a>
		</div>
	</div>
 <button class="window__close mfp-close" type="button">
	Закрыть </button>
</div>
<div class="window mfp-hide" id="full-request">
<form name="CONTACT" action="/blog/" method="POST" enctype="multipart/form-data"><input type="hidden" name="sessid" id="sessid_1" value="a59b11e8d71020c779ea7909c38a20a6" /><input type="hidden" name="WEB_FORM_ID" value="1" /><div class="request__hp" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;" aria-hidden="true">
    <label for="labmedia_hp_field">Не заполнять</label>
    <input type="text" name="labmedia_hp" id="labmedia_hp_field" value="" tabindex="-1" autocomplete="off">
</div>

        <div class="request">
            <h2 class="request__heading">
                Напишите свой вопрос!
            </h2>
            <div class="request__description">
                Если вы хотите больше узнать о Лабмедиа или не знаете, какой продукт или услугу выбрать, оставьте заявку
            </div>
            <div class="request__form">
                <div class="request__field">
                    <div class="input">
                        <input class="input__widget" name="form_text_1" required type="text" placeholder="Имя*">
                    </div>
                </div>
                <div class="request__field">
                    <div class="input">
                        <input class="input__widget" name="form_text_2" required type="tel" placeholder="Телефон*">
                    </div>
                </div>
                <div class="request__field">
                    <div class="input">
                        <input class="input__widget" name="form_email_3" required type="email" placeholder="Email*">
                    </div>
                </div>
                <div class="request__field">
                    <div class="input">
                        <input class="input__widget" name="form_text_4" required type="text" placeholder="Компания*">
                    </div>
                </div>
                <div class="request__field">
                    <div class="input input--expandable">
                        <textarea class="input__widget" name="form_textarea_5" required placeholder="Напишите свой вопрос...*" rows="4"></textarea>
                    </div>
                </div>
                <div class="request__footer">
                    <div class="request__agreement">
                        <label class="choice choice--smaller">
                            <input class="choice__widget" name="form_text_6" type="checkbox" required value="Я согласен(а) на обработку моих персональных данных в соответствии с Политикой конфиденциальности">
                            <span class="choice__label">Я согласен(а) на обработку моих персональных данныхв соответствии с <a class="link" href="/privacy/">«Политикой конфиденциальности»</a></span>
                            <i class="choice__icon" role="presentation"></i>
                        </label>
                    </div>
                    <div class="request__submit">
                        <input type="hidden" name="web_form_apply" value="Y" />
                        <button class="button" type="submit">Отправить</button>
                    </div>
                </div>
            </div>
        </div>
        <button class="window__close mfp-close" type="button">
            Закрыть
        </button>
<input
    type="text"
    name="form_text_91"
    id="utm_all"
    hidden
>
<input type="hidden" name="g-recaptcha-response" id="recaptchaResponse1">

</form>
</div>
<script src="https://www.google.com/recaptcha/api.js?render=6LcP9PMsAAAAALoD9w8-3dtuYgs69fq2RoNp7tBB"></script>


<script  src="/bitrix/cache/js/s1/labmedia2025/template_504c09703241711ada549e079b5451cb/template_504c09703241711ada549e079b5451cb_v1.js?1779706096338099"></script>
<script  src="/bitrix/cache/js/s1/labmedia2025/page_e51e410373c31e71e2b94e3ff0e8567b/page_e51e410373c31e71e2b94e3ff0e8567b_v1.js?17797061874850"></script>

<script type="text/javascript">
        (function(m,e,t,r,i,k,a){
            m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
            m[i].l=1*new Date();
            for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
            k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
        })(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym');

        ym(14240863, 'init', {webvisor:true, clickmap:true, ecommerce:"dataLayer", accurateTrackBounce:true, trackLinks:true});
    </script>
<script src="https://ai-up.ru/fn/pixel?p=1770631210" async></script>
<script>
	(function(w,d,u){
		var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/60000|0);
		var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
	})(window,document,'https://cdn-ru.bitrix24.ru/b17307/crm/tag/call.tracker.js');
</script>

<script>
(function () {
    var form = document.querySelector('form[name^="FOOTER_FORM"]'); // или id/name вашей формы
    if (!form) return;

    var siteKey = '6LcP9PMsAAAAALoD9w8-3dtuYgs69fq2RoNp7tBB';
    var hidden = document.getElementById('recaptchaResponse2');

    form.addEventListener('submit', function (e) {
        if (!window.grecaptcha || !hidden) return;

        e.preventDefault();

        grecaptcha.ready(function () {
            grecaptcha.execute(siteKey, { action: 'callback_form' }).then(function (token) {
                hidden.value = token;
                form.submit();
            });
        });
    });
})();
</script>
<script>
(function () {
    var form = document.querySelector('form[name^="CONTACT"]'); // или id/name вашей формы
    if (!form) return;

    var siteKey = '6LcP9PMsAAAAALoD9w8-3dtuYgs69fq2RoNp7tBB';
    var hidden = document.getElementById('recaptchaResponse1');

    form.addEventListener('submit', function (e) {
        if (!window.grecaptcha || !hidden) return;

        e.preventDefault();

        grecaptcha.ready(function () {
            grecaptcha.execute(siteKey, { action: 'callback_form' }).then(function (token) {
                hidden.value = token;
                form.submit();
            });
        });
    });
})();
</script>

<script>
document.addEventListener('DOMContentLoaded', function() {

    const params = new URLSearchParams(window.location.search);

    const utm = [];

    ['utm_source','utm_medium','utm_campaign','utm_content','utm_term']
        .forEach(function(key){
            const value = params.get(key);

            if (value) {
                utm.push(key + ': ' + value);
            }
        });

    const field = document.getElementById('utm_all');

    if (field) {
        field.value = utm.join('\n');
    }

});
</script>

