<!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_42b4267158e4184de6b82e546cdbc424/template_42b4267158e4184de6b82e546cdbc424_v1.css?1793346745302083" type="text/css" rel="stylesheet" data-template-style="true"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
<style>.header-cart{position:relative}.header-cart .button__icon{font-size:16px;color:inherit}.header-cart__count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#FEEF69;color:#0E1726;font-size:11px;font-weight:700;line-height:18px;text-align:center}.header-cart__count.is-empty{display:none}.header__actions{z-index:20;gap:2px}.header__request a{padding-left:12px;padding-right:12px}.header a:hover,.header a:focus{text-decoration:none}@media(max-width:767px){.header__logo{transform:scale(.82);transform-origin:left center}.header__actions{gap:2px!important}}</style>



    <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 -->
        <noscript><div><img src="https://mc.yandex.ru/watch/14240863" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter-->
<!-- Top.Mail.Ru counter -->
<noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3793309;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
<!-- /Top.Mail.Ru counter -->

    <link rel="mask-icon" href="/favicon.ico" color="#FFFFFF"> 
    <!-- assets -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
	<link rel="stylesheet" href="/local/templates/labmedia2025/styles/library-courses.css">
<link rel="stylesheet" href="/shop/assets/buy-button.css">
</head>
<body>

<div id="panel"></div>

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











    
    <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__cart">
                                                                <a class="button button--square button--smaller button--header-action header-cart"
                                   href="/shop/cart/" aria-label="Корзина">
                                    <i class="fa-solid fa-cart-shopping button__icon"></i>
                                    <span class="header-cart__count is-empty" data-cart-count>0</span>
                                    <span class="visuallyhidden">Корзина</span>
                                </a>
                            </div>
                                                        <!--<div class="header__account">
                                                                    <a class="button button--square button--smaller button--header-action" href="/shop/auth/" aria-label="Войти">
                                        <i class="fa-solid fa-right-to-bracket button__icon"></i>
                                    </a>
                                                            </div>-->
                            <div class="header__request header__contact">
							   <button class="button button--smaller button--header-action button--header-action-call header__contact-toggle" type="button">
									<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>
								</button>
							<div class="header__contact-menu">
						
								<a href="#full-request"
								   class="header__sub-link mfp-handler">
									Получить консультацию
								</a>

								<a href="tel:+74951368606"
								   class="header__sub-link" style="">
									+7 (495) 136-86-06
								</a>
						
								<a href="mailto:sales@labmedia.su"
								   class="header__sub-link">
									sales@labmedia.su
								</a>
								<a href="#consultation-form" class="header__sub-link mfp-handler">
	            					Поддержка
	        					</a>

							</div>
						</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="/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="/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>


                    

                                    </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/gamification/">Внедрение геймификации</a>

  
                <a class="header__sub-link"
                   href="/services/video-content/">Создание видеокурсов</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="https://openday.labmedia.su/">День открытых дверей</a>

                        
                            <a class="header__sub-link"
                               href="/docs/">Сведения об образовательной организации</a>

                        
                            <a class="header__sub-link"
                               href="/reviews/">Отзывы</a>

                                                            </div>
            </div>

        
    </div>
    <div class="header__item">

    <a class="header__link" href="/blog/">

        Блог
    </a>


        


                    <div class="header__menu-dropdown">
                <div class="header__sub-menu">

                    
                        
                            <a class="header__sub-link"
                               href="/blog/">Блог</a>

                        
                            <a class="header__sub-link"
                               href="/events/">Мероприятия</a>

                                                            </div>
            </div>

        
    </div>
    <div class="header__item">

    <a class="header__link" href="/contacts/">

        Контакты
    </a>


        


                    <div class="header__menu-dropdown">
                <div class="header__sub-menu">

                    
                        
                            <a class="header__sub-link"
                               href="/contacts/">Контакты</a>

                        
                            <a class="header__sub-link"
                               href="/support/">Поддержка</a>

                                                            </div>
            </div>

        
    </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/meropriyatiya/"
                               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/moderatsiya-obucheniya-v-sdo-ne-kontrol-radi-kontrolya-a-upravlenie-effektivnostyu.htm"
   class="teaser "
   data-item-index="0">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c91/odapnkileby7bn6dto8iykcxj5lfo8zi_2x.png 2x"
                 src="/upload/iblock/c91/odapnkileby7bn6dto8iykcxj5lfo8zi.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.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>
                        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>
                        41                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-nauchit-rukovoditeley-davat-obratnuyu-svyaz-i-perenesti-navyk-v-rabotu.htm"
   class="teaser "
   data-item-index="1">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/683/xj53hguiwvw1432g2zqy3xb80p22y0pv_2x.png 2x"
                 src="/upload/iblock/683/xj53hguiwvw1432g2zqy3xb80p22y0pv.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.10.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">
            Что делать, если руководитель знает теорию, но теряется в разговоре? Поделились опытом и результатами совместного проекта Лабмедиа и Dailo на вебинаре        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                        46                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/unikalnyy-kurs-kak-uvlech-sotrudnika-i-pomoch-emu-zapomnit-glavnoe.htm"
   class="teaser "
   data-item-index="2">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/bcd/q9aifr5pki1rzpd8rqye1ahu5cf9f44r_2x.png 2x"
                 src="/upload/iblock/bcd/q9aifr5pki1rzpd8rqye1ahu5cf9f44r.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">21.10.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">
            На вебинаре Лабмедиа «Уникальный курс для высокой вовлечённости: мастер-класс и кейс компании Kept» разобрали, из чего складывается такой курс, а затем показали подход на реальном примере — обучении защите персональных данных.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                        75                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/obnovlenie-vozmozhnostey-delaykurs-klyuchevye-fichi-konstruktora-vyshedshie-v-2026-godu.htm"
   class="teaser "
   data-item-index="3">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c7f/fg5w7tyqp8cu5mvzuuwwn0cje4c0x0hi_2x.png 2x"
                 src="/upload/iblock/c7f/fg5w7tyqp8cu5mvzuuwwn0cje4c0x0hi.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.10.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">
            В 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>
                        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>
                        84                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/sotrudniki-ne-khotyat-uchitsya-mozhet-delo-ne-v-motivatsii.htm"
   class="teaser "
   data-item-index="4">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/c6f/ggjpuujn7onlalsn1wt4uiuohzdg8279_2x.png 2x"
                 src="/upload/iblock/c6f/ggjpuujn7onlalsn1wt4uiuohzdg8279.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.10.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">
            Почему сотрудники бросают курсы или не применяют знания на практике? Разбираем, как найти настоящую причину и не тратить ресурсы на решения, которые не сработают.<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>
                        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>
                        68                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-uderzhat-novichka-trek-adaptatsii-v-deystvii.htm"
   class="teaser "
   data-item-index="5">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/5a6/hg3pvw8y3uxxn78pjtvt9691r3y3a54e_2x.png 2x"
                 src="/upload/iblock/5a6/hg3pvw8y3uxxn78pjtvt9691r3y3a54e.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.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">
            Недавно команда Лабмедиа провела вебинар, где разобрала, почему компания может потерять новичока, даже если он отлично подходит компании. Спикеры рассказали, почему одни компании пытаются всё автоматизировать, другие отдают задачи людям — в итоге работающей системы не получается, а адаптация растягивается на месяцы.<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>
                        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>
                        80                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/baza-znaniy-v-kompanii-kak-ne-prevratit-znaniya-v-sklad-dokumentov.htm"
   class="teaser "
   data-item-index="6">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/e9e/iykdytcbjzmg72rhlgenqmxxfhtatd1u_2x.png 2x"
                 src="/upload/iblock/e9e/iykdytcbjzmg72rhlgenqmxxfhtatd1u.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.10.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>
                        108                    </div>
                            </div>
        </div>
    </div>

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

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b21/uxr81s3xgo6hv195uxwa4tlxx36may7t_2x.png 2x"
                 src="/upload/iblock/b21/uxr81s3xgo6hv195uxwa4tlxx36may7t.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">06.10.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>
                        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>
                        123                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/polnyy-obzor-igrovykh-mekhanik-vovlekay.htm"
   class="teaser "
   data-item-index="8">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/723/kfj2huvss1iuwny5ihjadfbxo0lcwh1r_2x.jpg 2x"
                 src="/upload/iblock/723/kfj2huvss1iuwny5ihjadfbxo0lcwh1r.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">06.10.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>
                        315                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/bolshe-chem-korobka-kak-my-nastraivaem-vovlekay-pod-zadachi-klientov.htm"
   class="teaser teaser--hidden"
   data-item-index="9">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/ecc/4vrdcpe6zlx0pj3dngpm995fgw5arx16_2x.png 2x"
                 src="/upload/iblock/ecc/4vrdcpe6zlx0pj3dngpm995fgw5arx16.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.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>
                        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>
                        607                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-zastavit-informatsionnye-sistemy-rabotat-v-kolledzhe-a-ne-prosto-chislitsya-v-dokumentakh.htm"
   class="teaser teaser--hidden"
   data-item-index="10">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/811/0w0fzj6spea7z6frgkk1ipduw8ktnq9c_2x.png 2x"
                 src="/upload/iblock/811/0w0fzj6spea7z6frgkk1ipduw8ktnq9c.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.09.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>
                        135                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/obuchenie-sotrudnikov-kak-ne-slit-byudzhet-i-poluchit-rezultat.htm"
   class="teaser teaser--hidden"
   data-item-index="11">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/ca5/exrnws8p3h7pyrxpvm0mt1ulkdc28tuo_2x.png 2x"
                 src="/upload/iblock/ca5/exrnws8p3h7pyrxpvm0mt1ulkdc28tuo.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.09.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">
            Хотите, чтобы онлайн‑обучение реально работало, а не просто «было»? В статье — ключевые тезисы с вебинара Валерия Леонтьева с проектом HR-Кухня: как считать ROI, избегать типичных ошибок и добиваться измеримого результата.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                        120                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/5-problem-adaptatsii-novykh-sotrudnikov-i-kak-ikh-reshit.htm"
   class="teaser teaser--hidden"
   data-item-index="12">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/aa6/rcqvsebefgrf8cbrld30z51v6wb8tww0_2x.png 2x"
                 src="/upload/iblock/aa6/rcqvsebefgrf8cbrld30z51v6wb8tww0.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.2026</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">
            Даже идеальный на бумаге сотрудник может растеряться в первые недели. Посмотрим, где чаще всего возникают сложности.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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/kak-nauchit-sotrudnika-rabotat-s-po-v-bezopasnoy-srede.htm"
   class="teaser teaser--hidden"
   data-item-index="13">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/f89/fyfzn0m9isw4sat4orwtiyxvl0mz0js5_2x.png 2x"
                 src="/upload/iblock/f89/fyfzn0m9isw4sat4orwtiyxvl0mz0js5.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">17.09.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">
            10 сентября на вебинаре «ДелайКурс: свежий релиз и практика создания тренажёра по работе в ПО» рассказали о новых возможностях конструктора        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                        142                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/marketingovye-priyemy-v-obuchenii-sotrudnikov-kak-privlech-vovlech-i-uderzhat-v-kurse.htm"
   class="teaser teaser--hidden"
   data-item-index="14">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/792/trutsd7llritih56qbrhsqypf22fys1b_2x.png 2x"
                 src="/upload/iblock/792/trutsd7llritih56qbrhsqypf22fys1b.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.09.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">
            3 сентября команда Лабмедиа провела вебинар, где приёмы вовлечения в обучение оказались расписаны по маркетинговой воронке. Эксперт по развитию платформы Вовлекай и маркетолог рассказали, что общего в их работе и какие приёмы можно подсмотреть у рекламы для блага обучения.        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                        141                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/reliz-delaykurs-sentyabr-2026.htm"
   class="teaser teaser--hidden"
   data-item-index="15">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/43a/skbr3aekkl81m44bj8ha8o81qcpyw8ms_2x.png 2x"
                 src="/upload/iblock/43a/skbr3aekkl81m44bj8ha8o81qcpyw8ms.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.09.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>
                        176                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/ekspert-diktor-akter-v-videokurse-komu-my-doveryaem-bolshe.htm"
   class="teaser teaser--hidden"
   data-item-index="16">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/5e3/nblwbhr6zhf3rknf9ntvnbw63c57b253_2x.png 2x"
                 src="/upload/iblock/5e3/nblwbhr6zhf3rknf9ntvnbw63c57b253.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.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>
                        161                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kruglyy-stol-na-it-camp-chto-obrazovatelnaya-liga-vendorov-planiruet-na-2027-god.htm"
   class="teaser teaser--hidden"
   data-item-index="17">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b46/0fl5bw3s2imw3uaas7k3x3fn89j4nx23_2x.png 2x"
                 src="/upload/iblock/b46/0fl5bw3s2imw3uaas7k3x3fn89j4nx23.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.09.2026</div>
                            </div>
        </div>

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

        <div class="teaser__description ellipsis ellipsis--4-lines">
            На круглом столе в МИСИС Образовательная лига вендоров подвела промежуточные итоги 2026 года и наметила вектор развития. Лабмедиа представила свежие инициативы — и они могут заметно изменить подход к корпоративному обучению. Хотите узнать, какие идеи прозвучали и что ждёт лигу в 2027 году?        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                        206                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/virtualnyy-metodist-chto-uzhe-umeet-ii-v-razrabotke-elektronnykh-kursov.htm"
   class="teaser teaser--hidden"
   data-item-index="18">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/848/bb5v8tou3sjebc132g69m6x0mgbtlm0q_2x.png 2x"
                 src="/upload/iblock/848/bb5v8tou3sjebc132g69m6x0mgbtlm0q.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.08.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>
                        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>
                        255                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/personalizatsiya-obucheniya-prostye-deystviya-dlya-wow-effekta.htm"
   class="teaser teaser--hidden"
   data-item-index="19">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/2be/003aehsydrosav8has6zcoygh7vdjakj_2x.png 2x"
                 src="/upload/iblock/2be/003aehsydrosav8has6zcoygh7vdjakj.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.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Персонализация обучения: простые действия для WOW-эффекта</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>
                        245                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-vypuskat-desyatki-elektronnykh-kursov-bystree-luchshie-instrumenty-potochnoy-razrabotki.htm"
   class="teaser teaser--hidden"
   data-item-index="20">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/1b7/r8imhhhuynlizn2t8h5sghqzvr3gmgvs_2x.png 2x"
                 src="/upload/iblock/1b7/r8imhhhuynlizn2t8h5sghqzvr3gmgvs.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">
                                    <div class="summary__item summary__item--text-alike">19.08.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">
            На вебинаре «100&#43; курсов: быстро, качественно и бюджетно» команда Лабмедиа рассказала, как организовать поточную разработку электронных курсов: от создания эталонного курса и дизайн-системы до переиспользования шаблонов в «Делай курсе».        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                        276                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chek-list-pered-vnedreniem-sdo-chto-reshit-zaranee.htm"
   class="teaser teaser--hidden"
   data-item-index="21">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/d15/404be5o5jd1tq7nxcse44z95mg66njcm_2x.jpg 2x"
                 src="/upload/iblock/d15/404be5o5jd1tq7nxcse44z95mg66njcm.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">13.08.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>
                        255                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/reliz-delaykurs-avgust-2026.htm"
   class="teaser teaser--hidden"
   data-item-index="22">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/bea/yif4w6168yov0f7xtvxx9h8zw8md51b4_2x.png 2x"
                 src="/upload/iblock/bea/yif4w6168yov0f7xtvxx9h8zw8md51b4.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">07.08.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>
                        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/kogda-generatsiya-kursov-stanet-realnostyu.htm"
   class="teaser teaser--hidden"
   data-item-index="23">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/b3a/09azrf3csmtfq2xj5krzvr1j1ygq1j4c_2x.png 2x"
                 src="/upload/iblock/b3a/09azrf3csmtfq2xj5krzvr1j1ygq1j4c.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">06.08.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>
                        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/scorm-pochemu-glavnyy-standart-onlayn-obucheniya-do-sikh-por-nikto-ne-mozhet-zamenit.htm"
   class="teaser teaser--hidden"
   data-item-index="24">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/cca/j8tpsl71o1cppjbc8q0malwek0b9c3ha_2x.png 2x"
                 src="/upload/iblock/cca/j8tpsl71o1cppjbc8q0malwek0b9c3ha.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">30.07.2026</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">
            Представьте, что в вашей компании до сих пор работает система, разработанная 20 лет назад. Почему такое возможно и как так получилось, разбираем в статье        </div>

        <div class="teaser__data">
            <div class="metrics">
                                    <div class="metrics__item">
                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                             viewBox="0 0 14 14" fill="none">
                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                  stroke-width="1.3"
                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                        212                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-my-gotovim-i-provodim-den-otkrytykh-dverey-v-labmedia.htm"
   class="teaser teaser--hidden"
   data-item-index="25">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/841/t8pte8vhm23wtc98pf1rmdmaug9jl4gd_2x.png 2x"
                 src="/upload/iblock/841/t8pte8vhm23wtc98pf1rmdmaug9jl4gd.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.07.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>
                        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>
                        317                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/vebinar-delaykurs-novye-fichi-i-luchshie-praktiki-razrabotki.htm"
   class="teaser teaser--hidden"
   data-item-index="26">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/a24/nr8ufp6lba1lbu1exz1zckexz2ya2qq2_2x.png 2x"
                 src="/upload/iblock/a24/nr8ufp6lba1lbu1exz1zckexz2ya2qq2.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">16.07.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">
            Прошёл второй вебинар из цикла встреч с экспертами Лабмедиа, посвящённый конструктору ДелайКурс. Разобрали часть из 55 фич, которые вышли за весну 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>
                        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/vebinar-vovlekay-tezisy-pro-adaptatsiyu-adminku-i-novye-stsenarii-obucheniya.htm"
   class="teaser teaser--hidden"
   data-item-index="27">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/6d8/3m2xfom5tdvwu1w6fw7to7bntpgm09h7_2x.png 2x"
                 src="/upload/iblock/6d8/3m2xfom5tdvwu1w6fw7to7bntpgm09h7.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">09.07.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>
                        321                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/reliz-delaykurs-iyul-2026.htm"
   class="teaser teaser--hidden"
   data-item-index="28">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/e93/pu21423pcpd611xhm24tj5rltmuy9roe_2x.png 2x"
                 src="/upload/iblock/e93/pu21423pcpd611xhm24tj5rltmuy9roe.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">07.07.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>
                        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/nastavnik-ili-trek-adaptatsii-kak-ne-brosit-novichka-na-proizvol-sudby.htm"
   class="teaser teaser--hidden"
   data-item-index="29">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/073/xkc5o0oxjq7wk6gss6i33imkc4aimv3w_2x.png 2x"
                 src="/upload/iblock/073/xkc5o0oxjq7wk6gss6i33imkc4aimv3w.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">02.07.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">
            Разбираемся, что реально даёт каждый подход, где каждый из них проваливается и почему лучший вариант — не «или», а «и»<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>
                        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>
                        383                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/neudobnaya-pravda-pro-rynok-korporativnogo-obucheniya-ot-cheloveka-kotoryy-v-teme-27-let-.htm"
   class="teaser teaser--hidden"
   data-item-index="30">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/e35/x46ux97g2abcmbcbnd9scw1yte119l1z_2x.png 2x"
                 src="/upload/iblock/e35/x46ux97g2abcmbcbnd9scw1yte119l1z.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.06.2026</div>
                            </div>
        </div>

        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
            <div class="teaser__link">Неудобная правда про рынок корпоративного обучения — от человека, который в теме 27 лет </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>
                        399                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/preventivnyy-naym-kak-poluchit-khoroshikh-sotrudnikov-do-otkrytiya-vakansii.htm"
   class="teaser teaser--hidden"
   data-item-index="31">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/2fd/0ylp9g6jg5z0bdth77yail8debl6bw4p_2x.png 2x"
                 src="/upload/iblock/2fd/0ylp9g6jg5z0bdth77yail8debl6bw4p.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.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>
                        498                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/bolshe-vozmozhnostey-dlya-adminov.htm"
   class="teaser teaser--hidden"
   data-item-index="32">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/cb9/geoo9h0533a4wu8f30a92g0m5991nhw6_2x.jpg 2x"
                 src="/upload/iblock/cb9/geoo9h0533a4wu8f30a92g0m5991nhw6.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> <span class="summary__item">Вовлекай</span>                     <div class="summary__item summary__item--text-alike">25.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>
                        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>
                        425                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/ii-dlya-metodista-zaymites-smyslami-poka-algoritmy-razbirayutsya-s-rutinoy.htm"
   class="teaser teaser--hidden"
   data-item-index="33">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/1ca/v7nmx2c6ynk9qgow5co178wlcfyhep0a_2x.png 2x"
                 src="/upload/iblock/1ca/v7nmx2c6ynk9qgow5co178wlcfyhep0a.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">18.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">
            В создании обучения для сотрудников есть много механических действий, на которые методист может тратить время. Разберём, что в 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>
                        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>
                        383                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/labmedia-podpisala-memorandum-o-vstuplenii-v-ligu-vendorov-.htm"
   class="teaser teaser--hidden"
   data-item-index="34">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/17c/0o450ekj640tuxb35mnc3m72ulcxbxtf_2x.png 2x"
                 src="/upload/iblock/17c/0o450ekj640tuxb35mnc3m72ulcxbxtf.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">17.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>
                        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>
                        355                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/t-shaped-i-shaped-i-dzheneralisty-kogo-biznes-tsenit-bolshe-.htm"
   class="teaser teaser--hidden"
   data-item-index="35">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/45b/euv8muaoxkiyggz900ynoivm6kvzxcgb_2x.png 2x"
                 src="/upload/iblock/45b/euv8muaoxkiyggz900ynoivm6kvzxcgb.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>
                        472                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        334                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        448                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        543                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        355                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        488                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        516                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        346                    </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="43">

    <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>
                        346                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        379                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        283                    </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="46">

    <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>
                        435                    </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="47">

    <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> <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>
                        344                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        269                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        647                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        270                    </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="51">

    <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> <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>
                        345                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        472                    </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="53">

    <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>
                        529                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        329                    </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="55">

    <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>
                        280                    </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="56">

    <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>
                        466                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        254                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        260                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        761                    </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="60">

    <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>
                        741                    </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="61">

    <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>
                        259                    </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="62">

    <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>
                        586                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        480                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        319                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        501                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        553                    </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="67">

    <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>
                        743                    </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="68">

    <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>
                        419                    </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="69">

    <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>
                        509                    </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="70">

    <div class="teaser__preview">
                    <img class="teaser__illustration"
                 srcset="/upload/iblock/8d7/hbecyii0ijl00fjzdkfnswt70pwntbs2_2x.png 2x"
                 src="/upload/iblock/8d7/hbecyii0ijl00fjzdkfnswt70pwntbs2.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> <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>
                        660                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        317                    </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="72">

    <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>
                        493                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        544                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        551                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        475                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        556                    </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="77">

    <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>
                        430                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        488                    </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="79">

    <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>
                        383                    </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="80">

    <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> <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>
                        343                    </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="81">

    <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>
                        407                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        292                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        399                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        354                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        476                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        319                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        426                    </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="88">

    <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> <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>
                        311                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        604                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        500                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        326                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        537                    </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="93">

    <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>
                        652                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        456                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        416                    </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="96">

    <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>
                        793                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        312                    </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="98">

    <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>
                        714                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        470                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        466                    </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="101">

    <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>
                        543                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        308                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        1101                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        371                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        398                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        763                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        392                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        299                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        505                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        762                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        518                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        301                    </div>
                            </div>
        </div>
    </div>

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

    <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> <span class="summary__item">Вовлекай</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>
                        521                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        1183                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        397                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        367                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        631                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        460                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        374                    </div>
                            </div>
        </div>
    </div>

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

    <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> <span class="summary__item">e-learning</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>
                        613                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        787                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        307                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        818                    </div>
                            </div>
        </div>
    </div>

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

    <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> <span class="summary__item">e-learning</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>
                        501                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        652                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        1294                    </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="127">

    <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>
                        4427                    </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="128">

    <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>
                        292                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        1033                    </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="130">

    <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> <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>
                        400                    </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="131">

    <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>
                        569                    </div>
                            </div>
        </div>
    </div>

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

    <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> <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>
                        351                    </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="133">

    <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>
                        683                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        400                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        334                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        424                    </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="137">

    <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>
                        426                    </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="138">

    <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>
                        579                    </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="139">

    <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>
                        429                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        476                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        438                    </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="142">

    <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>
                        399                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        384                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        452                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        539                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        424                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        1509                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        394                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        444                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        441                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        390                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        421                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        650                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        747                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        998                    </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="156">

    <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>
                        447                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        1297                    </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="158">

    <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>
                        413                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        464                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        425                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        426                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        715                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        466                    </div>
                            </div>
        </div>
    </div>

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

    <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>
                        478                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/box-battle-na-forume-molodykh-sootechestvennikov-v-samare.htm"
   class="teaser teaser--hidden"
   data-item-index="165">

    <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>
                        570                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/mmff-my-deti-tvoi-rossiya-.htm"
   class="teaser teaser--hidden"
   data-item-index="166">

    <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>
                        563                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/novyy-reliz-box-battle.htm"
   class="teaser teaser--hidden"
   data-item-index="167">

    <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>
                        408                    </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="168">

    <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>
                        405                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/top-7-navykov-dlya-razrabotchikov-i-programmistov.htm"
   class="teaser teaser--hidden"
   data-item-index="169">

    <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>
                        432                    </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="170">

    <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>
                        450                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-privlech-klientov-s-pomoshchyu-vebinara.htm"
   class="teaser teaser--hidden"
   data-item-index="171">

    <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>
                        454                    </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="172">

    <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>
                        504                    </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="173">

    <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>
                        442                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/illyustrator-kto-eto.htm"
   class="teaser teaser--hidden"
   data-item-index="174">

    <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>
                        553                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/avtor-metodist-prepodavatel-i-peddizayner.htm"
   class="teaser teaser--hidden"
   data-item-index="175">

    <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>
                        530                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/treniruem-navyk-delovogo-obshcheniya-cherez-storitelling-i-keysy.htm"
   class="teaser teaser--hidden"
   data-item-index="176">

    <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>
                        418                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-korabl-nazovyesh-vybiraem-nazvanie-dlya-elektronnogo-kursa.htm"
   class="teaser teaser--hidden"
   data-item-index="177">

    <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>
                        1307                    </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="178">

    <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>
                        404                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/tipy-videokontenta-v-distantsionnom-obuchenii.htm"
   class="teaser teaser--hidden"
   data-item-index="179">

    <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>
                        409                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/geymifikatsiya-obucheniya-kakie-priyemy-rabotayut-v-2021-godu.htm"
   class="teaser teaser--hidden"
   data-item-index="180">

    <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>
                        599                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/10-trendov-korporativnogo-obucheniya-v-2021.htm"
   class="teaser teaser--hidden"
   data-item-index="181">

    <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>
                        708                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/zachem-nuzhno-video-v-e-learning.htm"
   class="teaser teaser--hidden"
   data-item-index="182">

    <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>
                        492                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chelovecheskiy-obraz-v-elektronnom-kurse.htm"
   class="teaser teaser--hidden"
   data-item-index="183">

    <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>
                        568                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/sovety-dlya-hr-kak-sozdat-virusnoe-obuchenie.htm"
   class="teaser teaser--hidden"
   data-item-index="184">

    <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>
                        771                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/na-styke-soft-i-digital-skills.htm"
   class="teaser teaser--hidden"
   data-item-index="185">

    <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>
                        452                    </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="186">

    <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>
                        693                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/12-sovetov-dlya-uspeshnogo-vebinara.htm"
   class="teaser teaser--hidden"
   data-item-index="187">

    <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>
                        437                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/vystupaem-na-hr-tech-expo-exclusive.htm"
   class="teaser teaser--hidden"
   data-item-index="188">

    <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>
                        493                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-zamotivirovat-cheloveka-proyti-elektronnyy-kurs.htm"
   class="teaser teaser--hidden"
   data-item-index="189">

    <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>
                        504                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/metod-dizayn-myshleniya-reshenie-problemy-cherez-tvorchestvo.htm"
   class="teaser teaser--hidden"
   data-item-index="190">

    <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>
                        455                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/box-battle-5-novostey-i-vse-khoroshie.htm"
   class="teaser teaser--hidden"
   data-item-index="191">

    <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>
                        489                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/sekret-uspeshnykh-prezentatsiy.htm"
   class="teaser teaser--hidden"
   data-item-index="192">

    <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>
                        464                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/kak-sozdat-proekt-rukovoditelya-proekta-s-nulya.htm"
   class="teaser teaser--hidden"
   data-item-index="193">

    <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>
                        391                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/5-izmeneniy-v-kursakh-SS-odna-bolshaya-pravka.htm"
   class="teaser teaser--hidden"
   data-item-index="194">

    <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>
                        402                    </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="195">

    <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>
                        494                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/portal-finansovoy-gramotnosti-keys.htm"
   class="teaser teaser--hidden"
   data-item-index="196">

    <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>
                        547                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/dizayn-myshlenie-mainstream-ili-realnoe-reshenie.htm"
   class="teaser teaser--hidden"
   data-item-index="197">

    <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>
                        432                    </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="198">

    <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>
                        619                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/gibkie-kursy-po-gibkim-navykam.htm"
   class="teaser teaser--hidden"
   data-item-index="199">

    <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>
                        435                    </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="200">

    <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>
                        658                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/chto-takoe-box-battle.htm"
   class="teaser teaser--hidden"
   data-item-index="201">

    <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>
                        1202                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/soft-skills-meynstrim-ili-neobkhodimost.htm"
   class="teaser teaser--hidden"
   data-item-index="202">

    <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>
                        414                    </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="203">

    <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>
                        653                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/grabli-maz-ot-sinyakov.htm"
   class="teaser teaser--hidden"
   data-item-index="204">

    <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>
                        375                    </div>
                            </div>
        </div>
    </div>

</a>
                    <a href="/blog/dyshite-glubzhe-box-battle-proezzhaet-sochi.htm"
   class="teaser teaser--hidden"
   data-item-index="205">

    <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>
                        404                    </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>
                                        437                                    </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>
                                        464                                    </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/scorm-pochemu-glavnyy-standart-onlayn-obucheniya-do-sikh-por-nikto-ne-mozhet-zamenit.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/cca/j8tpsl71o1cppjbc8q0malwek0b9c3ha_2x.png 2x"
                                 src="/upload/iblock/cca/j8tpsl71o1cppjbc8q0malwek0b9c3ha.png"
                                 alt=""
                            >
                                                <a  href="/blog/scorm-pochemu-glavnyy-standart-onlayn-obucheniya-do-sikh-por-nikto-ne-mozhet-zamenit.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">09.07.2026</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">
                            Представьте, что в вашей компании до сих пор работает система, разработанная 20 лет назад. Почему такое возможно и как так получилось, разбираем в статье                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                                        212                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/nastavnik-ili-trek-adaptatsii-kak-ne-brosit-novichka-na-proizvol-sudby.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/073/xkc5o0oxjq7wk6gss6i33imkc4aimv3w_2x.png 2x"
                                 src="/upload/iblock/073/xkc5o0oxjq7wk6gss6i33imkc4aimv3w.png"
                                 alt=""
                            >
                                                <a  href="/blog/nastavnik-ili-trek-adaptatsii-kak-ne-brosit-novichka-na-proizvol-sudby.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">02.07.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">
                            Разбираемся, что реально даёт каждый подход, где каждый из них проваливается и почему лучший вариант — не «или», а «и»<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>
                                        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>
                                        383                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/tsikl-obucheniya-vzroslykh-po-kolbu.htm"
                   data-item-index="2">
                    <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>
                                        761                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/chto-takoe-mikroobuchenie-kak-korotkie-uroki-menyayut-obrazovanie.htm"
                   data-item-index="3">
                    <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>
                                        501                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/trudnosti-obucheniya-vzroslykh-kak-preodolet-problemy-i-dostich-tseley.htm"
                   data-item-index="4">
                    <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>
                                        419                                    </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="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/8d7/hbecyii0ijl00fjzdkfnswt70pwntbs2_2x.png 2x"
                                 src="/upload/iblock/8d7/hbecyii0ijl00fjzdkfnswt70pwntbs2.png"
                                 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>
                                        660                                    </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="6">
                    <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>
                                        714                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/effektivnye-metodiki-obucheniya-vzroslykh.htm"
                   data-item-index="7">
                    <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>
                                        470                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/geymifikatsiya-protsessa-obucheniya-v-shkole.htm"
                   data-item-index="8">
                    <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>
                                        398                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/obuchayushchie-sistemy-i-trenazhery-osobennosti-i-preimushchestva.htm"
                   data-item-index="9">
                    <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>
                                        762                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/otsenka-effektivnosti-onlayn-obucheniya-personala.htm"
                   data-item-index="10">
                    <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>
                                        631                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/distantsionnoe-obuchenie-personala-sistema-i-tekhnologii.htm"
                   data-item-index="11">
                    <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">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">
                            Дистанционное обучение персонала – отличная альтернатива традиционным курсам повышения квалификации сотрудников компании. Рассказываем, что собой представляет система дистанционного обучения &#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>
                                        613                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-sozdat-videourok-poshagovoe-rukovodstvo-.htm"
                   data-item-index="12">
                    <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>
                                        787                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/podborka-servisov-i-platform-dlya-sozdaniya-elektronnykh-kursov.htm"
                   data-item-index="13">
                    <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">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>
                                        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>
                                        501                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/chto-takoe-lms.htm"
                   data-item-index="14">
                    <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>
                                        652                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/sistema-elektronnogo-obucheniya-e-learning-zadachi-i-vozmozhnosti.htm"
                   data-item-index="15">
                    <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>
                                        1033                                    </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="16">
                    <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>
                                        683                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/razrabotka-elektronnogo-kursa-ot-idei-do-reliza.htm"
                   data-item-index="17">
                    <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>
                                        1509                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/distantsionnoe-obuchenie-v-kompanii.htm"
                   data-item-index="18">
                    <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>
                                        650                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-privlech-klientov-s-pomoshchyu-vebinara.htm"
                   data-item-index="19">
                    <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>
                                        454                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/zachem-nuzhno-video-v-e-learning.htm"
                   data-item-index="20">
                    <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>
                                        492                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/chelovecheskiy-obraz-v-elektronnom-kurse.htm"
                   data-item-index="21">
                    <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>
                                        568                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/sovety-dlya-hr-kak-sozdat-virusnoe-obuchenie.htm"
                   data-item-index="22">
                    <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>
                                        771                                    </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="23">
                    <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>
                                        693                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-zamotivirovat-cheloveka-proyti-elektronnyy-kurs.htm"
                   data-item-index="24">
                    <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>
                                        504                                    </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>
                                        553                                    </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>
                                        543                                    </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>
                                        579                                    </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>
                                        447                                    </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>
                                        432                                    </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>
                                        418                                    </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>
                                        452                                    </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>
                                        414                                    </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>
                                        539                                    </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>
                                        747                                    </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>
                                        708                                    </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>
                                        466                                    </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>
                                        556                                    </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>
                                        476                                    </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>
                                        426                                    </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>
                                        500                                    </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>
                                        416                                    </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>
                                        793                                    </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>
                                        505                                    </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>
                                        397                                    </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>
                                        334                                    </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>
                                        424                                    </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>
                                        476                                    </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>
                                        424                                    </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>
                                        394                                    </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>
                                        390                                    </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>
                                        426                                    </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>
                                        405                                    </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>
                                        530                                    </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>
                                        1307                                    </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>
                                        391                                    </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>
                                        402                                    </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>
                                        435                                    </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>
                                        375                                    </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/ekspert-diktor-akter-v-videokurse-komu-my-doveryaem-bolshe.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/5e3/nblwbhr6zhf3rknf9ntvnbw63c57b253_2x.png 2x"
                                 src="/upload/iblock/5e3/nblwbhr6zhf3rknf9ntvnbw63c57b253.png"
                                 alt=""
                            >
                                                <a  href="/blog/ekspert-diktor-akter-v-videokurse-komu-my-doveryaem-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">45</div>
                                                                <div class="summary__item summary__item--text-alike">04.09.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>
                                        161                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-provesti-uspeshnyy-vebinar-sovety-i-rekomendatsii.htm"
                   data-item-index="1">
                    <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>
                                        518                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-sozdat-prezentatsionnyy-rolik-o-kompanii.htm"
                   data-item-index="2">
                    <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>
                                        1294                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-napisat-stsenariy-dlya-korporativnogo-rolika-o-kompanii-poshagovaya-instruktsiya.htm"
                   data-item-index="3">
                    <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>
                                        4427                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/tipy-videokontenta-v-distantsionnom-obuchenii.htm"
                   data-item-index="4">
                    <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>
                                        409                                    </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-chem-korobka-kak-my-nastraivaem-vovlekay-pod-zadachi-klientov.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/ecc/4vrdcpe6zlx0pj3dngpm995fgw5arx16_2x.png 2x"
                                 src="/upload/iblock/ecc/4vrdcpe6zlx0pj3dngpm995fgw5arx16.png"
                                 alt=""
                            >
                                                <a  href="/blog/bolshe-chem-korobka-kak-my-nastraivaem-vovlekay-pod-zadachi-klientov.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.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>
                                        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>
                                        607                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/chek-list-pered-vnedreniem-sdo-chto-reshit-zaranee.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/d15/404be5o5jd1tq7nxcse44z95mg66njcm_2x.jpg 2x"
                                 src="/upload/iblock/d15/404be5o5jd1tq7nxcse44z95mg66njcm.jpg"
                                 alt=""
                            >
                                                <a  href="/blog/chek-list-pered-vnedreniem-sdo-chto-reshit-zaranee.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">13.08.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>
                                        255                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/preventivnyy-naym-kak-poluchit-khoroshikh-sotrudnikov-do-otkrytiya-vakansii.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/2fd/0ylp9g6jg5z0bdth77yail8debl6bw4p_2x.png 2x"
                                 src="/upload/iblock/2fd/0ylp9g6jg5z0bdth77yail8debl6bw4p.png"
                                 alt=""
                            >
                                                <a  href="/blog/preventivnyy-naym-kak-poluchit-khoroshikh-sotrudnikov-do-otkrytiya-vakansii.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">25.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>
                                        498                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/bolshe-vozmozhnostey-dlya-adminov.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/cb9/geoo9h0533a4wu8f30a92g0m5991nhw6_2x.jpg 2x"
                                 src="/upload/iblock/cb9/geoo9h0533a4wu8f30a92g0m5991nhw6.jpg"
                                 alt=""
                            >
                                                <a  href="/blog/bolshe-vozmozhnostey-dlya-adminov.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">25.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>
                                        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>
                                        425                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/bolshe-obshcheniya-v-protsesse-obucheniya.htm"
                   data-item-index="4">
                    <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>
                                        516                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/effektivnoe-obuchenie-personala-na-proizvodstve-ot-adaptatsii-do-povysheniya-kvalifikatsii.htm"
                   data-item-index="5">
                    <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>
                                        346                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/teper-sozdavat-kontent-mogut-ne-tolko-adminy.htm"
                   data-item-index="6">
                    <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>
                                        379                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kastomizatsiya-uvedomleniy-i-obnovlenie-trekov-reliz-vovlekay-26-fevralya.htm"
                   data-item-index="7">
                    <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>
                                        344                                    </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="8">
                    <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>
                                        345                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/geymifikatsiya-dostupnaya-vsem.htm"
                   data-item-index="9">
                    <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>
                                        472                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/rasshirenie-vozmozhnostey-oprosov-i-avtonaznacheniy.htm"
                   data-item-index="10">
                    <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>
                                        319                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/oprosy-i-novye-vozmozhnosti-sistemy-rekomendatsiy.htm"
                   data-item-index="11">
                    <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>
                                        317                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/vovlekayte-v-obuchenie-vneshnikh-sotrudnikov-i-klientov-vozmozhnosti-marketa.htm"
                   data-item-index="12">
                    <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>
                                        343                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/shagi-k-kommunikatsii-reliz-24-marta.htm"
                   data-item-index="13">
                    <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>
                                        292                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-rastopit-lyed-treki-adaptatsii-i-obucheniya.htm"
                   data-item-index="14">
                    <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>
                                        354                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/emotsionalnyy-novogodniy-reliz.htm"
                   data-item-index="15">
                    <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>
                                        319                                    </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="16">
                    <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>
                                        311                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/vremya-proverit-znaniya-posle-otpuskov.htm"
                   data-item-index="17">
                    <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>
                                        326                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/lyegkiy-letniy-reliz.htm"
                   data-item-index="18">
                    <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>
                                        312                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/upravlyat-obucheniem-komfortno-mayskiy-reliz-vovlekay.htm"
                   data-item-index="19">
                    <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>
                                        308                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/boxbattle-vovlekay.htm"
                   data-item-index="20">
                    <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>
                                        1101                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/globalnyy-vesenniy-reliz-vovlekay.htm"
                   data-item-index="21">
                    <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>
                                        371                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novogodniy-reliz-vovlekay-25-dekabrya.htm"
                   data-item-index="22">
                    <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>
                                        299                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/vot-eto-novosti-noyabrskiy-reliz-vovlekay.htm"
                   data-item-index="23">
                    <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>
                                        301                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/geymifikatsiya-obucheniya-okhrane-truda.htm"
                   data-item-index="24">
                    <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">36</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>
                                        521                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/osenniy-reliz-vovlekay-novye-kraski-obucheniya.htm"
                   data-item-index="25">
                    <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>
                                        374                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/volna-novinok-letniy-reliz-vovlekay.htm"
                   data-item-index="26">
                    <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>
                                        307                                    </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="27">
                    <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>
                                        292                                    </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="28">
                    <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>
                                        400                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/vovlekay-v-skolkovo-put-k-rezidentstvu.htm"
                   data-item-index="29">
                    <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>
                                        351                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/7-chudes-novogo-reliza-vovlekay.htm"
                   data-item-index="30">
                    <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>
                                        400                                    </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="31">
                    <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>
                                        426                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/boxbattle-rezident-skolkovo.htm"
                   data-item-index="32">
                    <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>
                                        438                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/boxbattle-finalist-social-tech-challenge-2022.htm"
                   data-item-index="33">
                    <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>
                                        384                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/letniy-reliz-boxbattle-napolnyaem-korobku-gotovym-kontentom.htm"
                   data-item-index="34">
                    <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>
                                        452                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/labmedia-na-vserossiyskom-pedagogicheskom-khakatone-hackeducation-2-0.htm"
                   data-item-index="35">
                    <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>
                                        444                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novyy-reliz-boxbattle-24-fevralya.htm"
                   data-item-index="36">
                    <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>
                                        421                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/privlechenie-cherez-vovlechenie-novyy-kanal-kommunikatsii.htm"
                   data-item-index="37">
                    <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>
                                        1297                                    </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="38">
                    <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>
                                        413                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-uchitsya-bez-kompyutera.htm"
                   data-item-index="39">
                    <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>
                                        464                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/6-oktyabrya-reliz-kotoryy-rasshiryaet-granitsy-boxbattle-.htm"
                   data-item-index="40">
                    <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>
                                        425                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/adaptatsiya-na-platforme-boxbattle.htm"
                   data-item-index="41">
                    <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>
                                        715                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/box-battle-na-vserossiyskom-konkurse-agronti-2021.htm"
                   data-item-index="42">
                    <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>
                                        466                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/odin-den-bez-ofisa-kak-eto.htm"
                   data-item-index="43">
                    <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>
                                        478                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/box-battle-na-forume-molodykh-sootechestvennikov-v-samare.htm"
                   data-item-index="44">
                    <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>
                                        570                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/mmff-my-deti-tvoi-rossiya-.htm"
                   data-item-index="45">
                    <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>
                                        563                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novyy-reliz-box-battle.htm"
                   data-item-index="46">
                    <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>
                                        408                                    </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="47">
                    <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>
                                        450                                    </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="48">
                    <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>
                                        504                                    </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="49">
                    <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>
                                        442                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/geymifikatsiya-obucheniya-kakie-priyemy-rabotayut-v-2021-godu.htm"
                   data-item-index="50">
                    <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>
                                        599                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/box-battle-5-novostey-i-vse-khoroshie.htm"
                   data-item-index="51">
                    <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>
                                        489                                    </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="52">
                    <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>
                                        494                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/chto-takoe-box-battle.htm"
                   data-item-index="53">
                    <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>
                                        1202                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/dyshite-glubzhe-box-battle-proezzhaet-sochi.htm"
                   data-item-index="54">
                    <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>
                                        404                                    </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/polnyy-obzor-igrovykh-mekhanik-vovlekay.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/723/kfj2huvss1iuwny5ihjadfbxo0lcwh1r_2x.jpg 2x"
                                 src="/upload/iblock/723/kfj2huvss1iuwny5ihjadfbxo0lcwh1r.jpg"
                                 alt=""
                            >
                                                <a  href="/blog/polnyy-obzor-igrovykh-mekhanik-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">39</div>
                                                                <div class="summary__item summary__item--text-alike">01.10.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>
                                        315                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/geymifikatsiya-elementy-igry-v-borbe-za-vnimanie.htm"
                   data-item-index="1">
                    <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>
                                        647                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/geymifikatsiya-v-rekrutinge-kak-igrovye-elementy-preobrazhayut-podbor-personala.htm"
                   data-item-index="2">
                    <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>
                                        743                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-geymifikatsiya-povyshaet-motivatsiyu-personala.htm"
                   data-item-index="3">
                    <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>
                                        1183                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/geymifikatsiya-perevod-biznesa-v-igrovuyu-formu.htm"
                   data-item-index="4">
                    <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>
                                        998                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/game-of-homes-igraya-v-biznes-v-bank-khoum-kredit.htm"
                   data-item-index="5">
                    <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>
                                        619                                    </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="6">
                    <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>
                                        658                                    </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/obnovlenie-vozmozhnostey-delaykurs-klyuchevye-fichi-konstruktora-vyshedshie-v-2026-godu.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c7f/fg5w7tyqp8cu5mvzuuwwn0cje4c0x0hi_2x.png 2x"
                                 src="/upload/iblock/c7f/fg5w7tyqp8cu5mvzuuwwn0cje4c0x0hi.png"
                                 alt=""
                            >
                                                <a  href="/blog/obnovlenie-vozmozhnostey-delaykurs-klyuchevye-fichi-konstruktora-vyshedshie-v-2026-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">49</div>
                                                                <div class="summary__item summary__item--text-alike">20.10.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">
                            В 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>
                                        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>
                                        84                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-nauchit-sotrudnika-rabotat-s-po-v-bezopasnoy-srede.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/f89/fyfzn0m9isw4sat4orwtiyxvl0mz0js5_2x.png 2x"
                                 src="/upload/iblock/f89/fyfzn0m9isw4sat4orwtiyxvl0mz0js5.png"
                                 alt=""
                            >
                                                <a  href="/blog/kak-nauchit-sotrudnika-rabotat-s-po-v-bezopasnoy-srede.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">18.09.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">
                            10 сентября на вебинаре «ДелайКурс: свежий релиз и практика создания тренажёра по работе в ПО» рассказали о новых возможностях конструктора                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                                        142                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/reliz-delaykurs-sentyabr-2026.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/43a/skbr3aekkl81m44bj8ha8o81qcpyw8ms_2x.png 2x"
                                 src="/upload/iblock/43a/skbr3aekkl81m44bj8ha8o81qcpyw8ms.png"
                                 alt=""
                            >
                                                <a  href="/blog/reliz-delaykurs-sentyabr-2026.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">08.09.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>
                                        176                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/reliz-delaykurs-iyul-2026.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/e93/pu21423pcpd611xhm24tj5rltmuy9roe_2x.png 2x"
                                 src="/upload/iblock/e93/pu21423pcpd611xhm24tj5rltmuy9roe.png"
                                 alt=""
                            >
                                                <a  href="/blog/reliz-delaykurs-iyul-2026.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">10.07.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>
                                        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 "
                   href="/blog/iyunskiy-reliz-delaykurs.htm"
                   data-item-index="4">
                    <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>
                                        334                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/aprelskie-relizy-delaykurs.htm"
                   data-item-index="5">
                    <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>
                                        346                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/martovskiy-reliz-delaykurs.htm"
                   data-item-index="6">
                    <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>
                                        283                                    </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>
                                        455                                    </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/moderatsiya-obucheniya-v-sdo-ne-kontrol-radi-kontrolya-a-upravlenie-effektivnostyu.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c91/odapnkileby7bn6dto8iykcxj5lfo8zi_2x.png 2x"
                                 src="/upload/iblock/c91/odapnkileby7bn6dto8iykcxj5lfo8zi.png"
                                 alt=""
                            >
                                                <a  href="/blog/moderatsiya-obucheniya-v-sdo-ne-kontrol-radi-kontrolya-a-upravlenie-effektivnostyu.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">23.10.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>
                                        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>
                                        41                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/sotrudniki-ne-khotyat-uchitsya-mozhet-delo-ne-v-motivatsii.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/c6f/ggjpuujn7onlalsn1wt4uiuohzdg8279_2x.png 2x"
                                 src="/upload/iblock/c6f/ggjpuujn7onlalsn1wt4uiuohzdg8279.png"
                                 alt=""
                            >
                                                <a  href="/blog/sotrudniki-ne-khotyat-uchitsya-mozhet-delo-ne-v-motivatsii.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">09.10.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">
                            Почему сотрудники бросают курсы или не применяют знания на практике? Разбираем, как найти настоящую причину и не тратить ресурсы на решения, которые не сработают.<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>
                                        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>
                                        68                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/baza-znaniy-v-kompanii-kak-ne-prevratit-znaniya-v-sklad-dokumentov.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/e9e/iykdytcbjzmg72rhlgenqmxxfhtatd1u_2x.png 2x"
                                 src="/upload/iblock/e9e/iykdytcbjzmg72rhlgenqmxxfhtatd1u.png"
                                 alt=""
                            >
                                                <a  href="/blog/baza-znaniy-v-kompanii-kak-ne-prevratit-znaniya-v-sklad-dokumentov.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">08.10.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>
                                        108                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/obuchenie-sotrudnikov-kak-ne-slit-byudzhet-i-poluchit-rezultat.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/ca5/exrnws8p3h7pyrxpvm0mt1ulkdc28tuo_2x.png 2x"
                                 src="/upload/iblock/ca5/exrnws8p3h7pyrxpvm0mt1ulkdc28tuo.png"
                                 alt=""
                            >
                                                <a  href="/blog/obuchenie-sotrudnikov-kak-ne-slit-byudzhet-i-poluchit-rezultat.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.09.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">
                            Хотите, чтобы онлайн‑обучение реально работало, а не просто «было»? В статье — ключевые тезисы с вебинара Валерия Леонтьева с проектом HR-Кухня: как считать ROI, избегать типичных ошибок и добиваться измеримого результата.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                                        120                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/5-problem-adaptatsii-novykh-sotrudnikov-i-kak-ikh-reshit.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/aa6/rcqvsebefgrf8cbrld30z51v6wb8tww0_2x.png 2x"
                                 src="/upload/iblock/aa6/rcqvsebefgrf8cbrld30z51v6wb8tww0.png"
                                 alt=""
                            >
                                                <a  href="/blog/5-problem-adaptatsii-novykh-sotrudnikov-i-kak-ikh-reshit.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.09.2026</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">
                            Даже идеальный на бумаге сотрудник может растеряться в первые недели. Посмотрим, где чаще всего возникают сложности.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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/personalizatsiya-obucheniya-prostye-deystviya-dlya-wow-effekta.htm"
                   data-item-index="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/2be/003aehsydrosav8has6zcoygh7vdjakj_2x.png 2x"
                                 src="/upload/iblock/2be/003aehsydrosav8has6zcoygh7vdjakj.png"
                                 alt=""
                            >
                                                <a  href="/blog/personalizatsiya-obucheniya-prostye-deystviya-dlya-wow-effekta.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">20.08.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Персонализация обучения: простые действия для WOW-эффекта</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>
                                        245                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/neudobnaya-pravda-pro-rynok-korporativnogo-obucheniya-ot-cheloveka-kotoryy-v-teme-27-let-.htm"
                   data-item-index="6">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/e35/x46ux97g2abcmbcbnd9scw1yte119l1z_2x.png 2x"
                                 src="/upload/iblock/e35/x46ux97g2abcmbcbnd9scw1yte119l1z.png"
                                 alt=""
                            >
                                                <a  href="/blog/neudobnaya-pravda-pro-rynok-korporativnogo-obucheniya-ot-cheloveka-kotoryy-v-teme-27-let-.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">23.06.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Неудобная правда про рынок корпоративного обучения — от человека, который в теме 27 лет </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>
                                        399                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/ii-dlya-metodista-zaymites-smyslami-poka-algoritmy-razbirayutsya-s-rutinoy.htm"
                   data-item-index="7">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/1ca/v7nmx2c6ynk9qgow5co178wlcfyhep0a_2x.png 2x"
                                 src="/upload/iblock/1ca/v7nmx2c6ynk9qgow5co178wlcfyhep0a.png"
                                 alt=""
                            >
                                                <a  href="/blog/ii-dlya-metodista-zaymites-smyslami-poka-algoritmy-razbirayutsya-s-rutinoy.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">18.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">
                            В создании обучения для сотрудников есть много механических действий, на которые методист может тратить время. Разберём, что в 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>
                                        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>
                                        383                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/t-shaped-i-shaped-i-dzheneralisty-kogo-biznes-tsenit-bolshe-.htm"
                   data-item-index="8">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/45b/euv8muaoxkiyggz900ynoivm6kvzxcgb_2x.png 2x"
                                 src="/upload/iblock/45b/euv8muaoxkiyggz900ynoivm6kvzxcgb.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>
                                        472                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/illyuziya-kompetentnosti-pochemu-vsye-ponyal-i-umeyu-eto-raznye-veshchi.htm"
                   data-item-index="9">
                    <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>
                                        448                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kakie-hr-zadachi-zaberyet-ai-a-kakie-ostanutsya-tolko-u-lyudey.htm"
                   data-item-index="10">
                    <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>
                                        355                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-sdelat-i-zapustit-kurs-ne-nanimaya-metodistov-i-razrabotchikov.htm"
                   data-item-index="11">
                    <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>
                                        435                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/ot-adaptatsii-do-vyrashchivaniya-zvyezd-kogda-obuchenie-stanovitsya-fundamentom.htm"
                   data-item-index="12">
                    <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>
                                        529                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/avtomatizatsiya-hr-protsessov-effektivnyy-podbor-i-adaptatsiya-personala-v-tsifrovuyu-epokhu.htm"
                   data-item-index="13">
                    <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>
                                        741                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/sozday-kulturu-obucheniya-kak-lxp-pomogaet-biznesu-rasti.htm"
                   data-item-index="14">
                    <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>
                                        544                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/chto-takoe-treki-proekta-obuchay.htm"
                   data-item-index="15">
                    <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>
                                        488                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/konferentsiya-vovlekay-kak-eto-bylo.htm"
                   data-item-index="16">
                    <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>
                                        604                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kak-sdelat-programmu-kursa-kotoryy-sotrudniki-obyazatelno-proydut.htm"
                   data-item-index="17">
                    <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>
                                        537                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/chto-takoe-pedagogicheskiy-dizayn.htm"
                   data-item-index="18">
                    <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>
                                        763                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/korporativnaya-set-kak-chast-obucheniya-sotrudnikov.htm"
                   data-item-index="19">
                    <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>
                                        367                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/korporativnoe-obuchenie-personala-chto-eto-i-kak-rabotaet.htm"
                   data-item-index="20">
                    <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>
                                        460                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/sozdanie-multimediynogo-onlayn-kursa.htm"
                   data-item-index="21">
                    <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>
                                        818                                    </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="22">
                    <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>
                                        569                                    </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-nauchit-rukovoditeley-davat-obratnuyu-svyaz-i-perenesti-navyk-v-rabotu.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/683/xj53hguiwvw1432g2zqy3xb80p22y0pv_2x.png 2x"
                                 src="/upload/iblock/683/xj53hguiwvw1432g2zqy3xb80p22y0pv.png"
                                 alt=""
                            >
                                                <a  href="/blog/kak-nauchit-rukovoditeley-davat-obratnuyu-svyaz-i-perenesti-navyk-v-rabotu.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">92</div>
                                                                <div class="summary__item summary__item--text-alike">26.10.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">
                            Что делать, если руководитель знает теорию, но теряется в разговоре? Поделились опытом и результатами совместного проекта Лабмедиа и Dailo на вебинаре                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                                        46                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/unikalnyy-kurs-kak-uvlech-sotrudnika-i-pomoch-emu-zapomnit-glavnoe.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/bcd/q9aifr5pki1rzpd8rqye1ahu5cf9f44r_2x.png 2x"
                                 src="/upload/iblock/bcd/q9aifr5pki1rzpd8rqye1ahu5cf9f44r.png"
                                 alt=""
                            >
                                                <a  href="/blog/unikalnyy-kurs-kak-uvlech-sotrudnika-i-pomoch-emu-zapomnit-glavnoe.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">92</div>
                                                                <div class="summary__item summary__item--text-alike">20.10.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">
                            На вебинаре Лабмедиа «Уникальный курс для высокой вовлечённости: мастер-класс и кейс компании Kept» разобрали, из чего складывается такой курс, а затем показали подход на реальном примере — обучении защите персональных данных.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                                        75                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-uderzhat-novichka-trek-adaptatsii-v-deystvii.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/5a6/hg3pvw8y3uxxn78pjtvt9691r3y3a54e_2x.png 2x"
                                 src="/upload/iblock/5a6/hg3pvw8y3uxxn78pjtvt9691r3y3a54e.png"
                                 alt=""
                            >
                                                <a  href="/blog/kak-uderzhat-novichka-trek-adaptatsii-v-deystvii.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">92</div>
                                                                <div class="summary__item summary__item--text-alike">14.10.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">
                            Недавно команда Лабмедиа провела вебинар, где разобрала, почему компания может потерять новичока, даже если он отлично подходит компании. Спикеры рассказали, почему одни компании пытаются всё автоматизировать, другие отдают задачи людям — в итоге работающей системы не получается, а адаптация растягивается на месяцы.<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>
                                        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>
                                        80                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kak-zastavit-informatsionnye-sistemy-rabotat-v-kolledzhe-a-ne-prosto-chislitsya-v-dokumentakh.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/811/0w0fzj6spea7z6frgkk1ipduw8ktnq9c_2x.png 2x"
                                 src="/upload/iblock/811/0w0fzj6spea7z6frgkk1ipduw8ktnq9c.png"
                                 alt=""
                            >
                                                <a  href="/blog/kak-zastavit-informatsionnye-sistemy-rabotat-v-kolledzhe-a-ne-prosto-chislitsya-v-dokumentakh.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">92</div>
                                                                <div class="summary__item summary__item--text-alike">28.09.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>
                                        135                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/marketingovye-priyemy-v-obuchenii-sotrudnikov-kak-privlech-vovlech-i-uderzhat-v-kurse.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/792/trutsd7llritih56qbrhsqypf22fys1b_2x.png 2x"
                                 src="/upload/iblock/792/trutsd7llritih56qbrhsqypf22fys1b.png"
                                 alt=""
                            >
                                                <a  href="/blog/marketingovye-priyemy-v-obuchenii-sotrudnikov-kak-privlech-vovlech-i-uderzhat-v-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">92</div>
                                                                <div class="summary__item summary__item--text-alike">10.09.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">
                            3 сентября команда Лабмедиа провела вебинар, где приёмы вовлечения в обучение оказались расписаны по маркетинговой воронке. Эксперт по развитию платформы Вовлекай и маркетолог рассказали, что общего в их работе и какие приёмы можно подсмотреть у рекламы для блага обучения.                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                                        141                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/virtualnyy-metodist-chto-uzhe-umeet-ii-v-razrabotke-elektronnykh-kursov.htm"
                   data-item-index="5">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/848/bb5v8tou3sjebc132g69m6x0mgbtlm0q_2x.png 2x"
                                 src="/upload/iblock/848/bb5v8tou3sjebc132g69m6x0mgbtlm0q.png"
                                 alt=""
                            >
                                                <a  href="/blog/virtualnyy-metodist-chto-uzhe-umeet-ii-v-razrabotke-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">92</div>
                                                                <div class="summary__item summary__item--text-alike">27.08.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>
                                        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>
                                        255                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/vebinar-delaykurs-novye-fichi-i-luchshie-praktiki-razrabotki.htm"
                   data-item-index="6">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/a24/nr8ufp6lba1lbu1exz1zckexz2ya2qq2_2x.png 2x"
                                 src="/upload/iblock/a24/nr8ufp6lba1lbu1exz1zckexz2ya2qq2.png"
                                 alt=""
                            >
                                                <a  href="/blog/vebinar-delaykurs-novye-fichi-i-luchshie-praktiki-razrabotki.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">92</div>
                                                                <div class="summary__item summary__item--text-alike">16.07.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">
                            Прошёл второй вебинар из цикла встреч с экспертами Лабмедиа, посвящённый конструктору ДелайКурс. Разобрали часть из 55 фич, которые вышли за весну 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>
                                        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>
            
            <!-- Индикатор загрузки -->
            <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/kruglyy-stol-na-it-camp-chto-obrazovatelnaya-liga-vendorov-planiruet-na-2027-god.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/b46/0fl5bw3s2imw3uaas7k3x3fn89j4nx23_2x.png 2x"
                                 src="/upload/iblock/b46/0fl5bw3s2imw3uaas7k3x3fn89j4nx23.png"
                                 alt=""
                            >
                                                <a  href="/blog/kruglyy-stol-na-it-camp-chto-obrazovatelnaya-liga-vendorov-planiruet-na-2027-god.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">03.09.2026</div>
                            </div>
                        </div>
                        <div class="teaser__heading title title--smallest ellipsis ellipsis--2-lines">
                            <div class="teaser__link">Круглый стол на IT Camp: что Образовательная лига вендоров планирует на 2027 год</div>
                        </div>
                        <div class="teaser__description ellipsis ellipsis--4-lines">
                            На круглом столе в МИСИС Образовательная лига вендоров подвела промежуточные итоги 2026 года и наметила вектор развития. Лабмедиа представила свежие инициативы — и они могут заметно изменить подход к корпоративному обучению. Хотите узнать, какие идеи прозвучали и что ждёт лигу в 2027 году?                        </div>
                        <div class="teaser__data">
                            <div class="metrics">
                                                                    <div class="metrics__item">
                                        <svg class="metrics__icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                             viewBox="0 0 14 14" fill="none">
                                            <path stroke="#0E1726" stroke-linecap="round" stroke-linejoin="round"
                                                  stroke-width="1.3"
                                                  d="M7 3.524a5.23 5.23 0 0 0-3.5-1.337c-.614 0-1.203.106-1.75.3v8.312A5.243 5.243 0 0 1 3.5 10.5 5.23 5.23 0 0 1 7 11.837m0-8.313a5.23 5.23 0 0 1 3.5-1.337c.614 0 1.203.106 1.75.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>
                                        206                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/kogda-generatsiya-kursov-stanet-realnostyu.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/b3a/09azrf3csmtfq2xj5krzvr1j1ygq1j4c_2x.png 2x"
                                 src="/upload/iblock/b3a/09azrf3csmtfq2xj5krzvr1j1ygq1j4c.png"
                                 alt=""
                            >
                                                <a  href="/blog/kogda-generatsiya-kursov-stanet-realnostyu.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">06.08.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>
                                        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 "
                   href="/blog/kak-my-gotovim-i-provodim-den-otkrytykh-dverey-v-labmedia.htm"
                   data-item-index="2">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/841/t8pte8vhm23wtc98pf1rmdmaug9jl4gd_2x.png 2x"
                                 src="/upload/iblock/841/t8pte8vhm23wtc98pf1rmdmaug9jl4gd.png"
                                 alt=""
                            >
                                                <a  href="/blog/kak-my-gotovim-i-provodim-den-otkrytykh-dverey-v-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">47</div>
                                                                <div class="summary__item summary__item--text-alike">23.07.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>
                                        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>
                                        317                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/vebinar-vovlekay-tezisy-pro-adaptatsiyu-adminku-i-novye-stsenarii-obucheniya.htm"
                   data-item-index="3">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/6d8/3m2xfom5tdvwu1w6fw7to7bntpgm09h7_2x.png 2x"
                                 src="/upload/iblock/6d8/3m2xfom5tdvwu1w6fw7to7bntpgm09h7.png"
                                 alt=""
                            >
                                                <a  href="/blog/vebinar-vovlekay-tezisy-pro-adaptatsiyu-adminku-i-novye-stsenarii-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">47</div>
                                                                <div class="summary__item summary__item--text-alike">09.07.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>
                                        321                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/labmedia-podpisala-memorandum-o-vstuplenii-v-ligu-vendorov-.htm"
                   data-item-index="4">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/17c/0o450ekj640tuxb35mnc3m72ulcxbxtf_2x.png 2x"
                                 src="/upload/iblock/17c/0o450ekj640tuxb35mnc3m72ulcxbxtf.png"
                                 alt=""
                            >
                                                <a  href="/blog/labmedia-podpisala-memorandum-o-vstuplenii-v-ligu-vendorov-.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">17.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>
                                        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>
                                        355                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/sertifikatsiya-razrabotchikov-delaykurs-skoro-start-programmy.htm"
                   data-item-index="5">
                    <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>
                                        543                                    </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="6">
                    <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>
                                        488                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/labmedia-vstupila-v-assotsiatsiyu-laboratoriy-po-razvitiyu-iskusstvennogo-intellekta-alrii.htm"
                   data-item-index="7">
                    <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>
                                        586                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/labmedia-laureat-natsionalnoy-premii-zolotoy-merkuriy.htm"
                   data-item-index="8">
                    <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>
                                        551                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/platforma-vovlekay-uspeshno-protestirovana-na-sovmestimost-s-red-os-m.htm"
                   data-item-index="9">
                    <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>
                                        383                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/delaykurs-ot-labmedia-v-reestre-rossiyskogo-po-ot-mintsifry-rf.htm"
                   data-item-index="10">
                    <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>
                                        652                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/yaroslavl-almaty-astana-yaroslavl.htm"
                   data-item-index="11">
                    <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>
                                        466                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/valeriy-leontev-i-aleksandr-ryabinin-eksperty-i-zhyuri-onlayn-smeny-predprinimateli-budushchego-.htm"
                   data-item-index="12">
                    <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>
                                        429                                    </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/oktyabrskiy-reliz-delaykurs.htm"
                   data-item-index="0">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/b21/uxr81s3xgo6hv195uxwa4tlxx36may7t_2x.png 2x"
                                 src="/upload/iblock/b21/uxr81s3xgo6hv195uxwa4tlxx36may7t.png"
                                 alt=""
                            >
                                                <a  href="/blog/oktyabrskiy-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">06.10.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>
                                        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>
                                        123                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/reliz-delaykurs-avgust-2026.htm"
                   data-item-index="1">
                    <div class="teaser__preview">
                                                    <img class="teaser__illustration"
                                 srcset="/upload/iblock/bea/yif4w6168yov0f7xtvxx9h8zw8md51b4_2x.png 2x"
                                 src="/upload/iblock/bea/yif4w6168yov0f7xtvxx9h8zw8md51b4.png"
                                 alt=""
                            >
                                                <a  href="/blog/reliz-delaykurs-avgust-2026.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">07.08.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>
                                        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 "
                   href="/blog/fevralskie-uluchsheniya-delaykurs.htm"
                   data-item-index="2">
                    <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>
                                        269                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/reliz-delaykurs-pervye-uluchsheniya-2026-goda.htm"
                   data-item-index="3">
                    <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>
                                        270                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/dekabrskie-uluchsheniya-delaykurs.htm"
                   data-item-index="4">
                    <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>
                                        329                                    </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="5">
                    <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>
                                        280                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/generalnaya-uborka-v-noyabrskom-relize.htm"
                   data-item-index="6">
                    <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>
                                        254                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/tykvennyy-reliz-delaykurs.htm"
                   data-item-index="7">
                    <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>
                                        260                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser "
                   href="/blog/reliz-delaykurs-cmi5-uluchshenie-raboty-s-izobrazheniyami-i-ispravlenie-oshibok.htm"
                   data-item-index="8">
                    <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>
                                        259                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kalendar-perevernut-sentyabrskiy-reliz-delaykurs.htm"
                   data-item-index="9">
                    <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>
                                        480                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/kryshesnosnyy-reliz-delaykurs-novye-tipy-voprosov-generatsiya-tsvetovoy-skhemy-i-drugie-fichi.htm"
                   data-item-index="10">
                    <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>
                                        509                                    </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="11">
                    <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>
                                        493                                    </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="12">
                    <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>
                                        430                                    </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="13">
                    <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>
                                        407                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/fevralskie-relizy-delaykurs.htm"
                   data-item-index="14">
                    <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>
                                        399                                    </div>
                                                            </div>
                        </div>
                    </div>
                </a>
                            <a class="teaser teaser--hidden"
                   href="/blog/novogodniy-reliz-delaykurs.htm"
                   data-item-index="15">
                    <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>
                                        392                                    </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">
				 Если вы хотите больше узнать о&nbsp;Лабмедиа или&nbsp;сомневаетесь, какой продукт или услугу выбрать, оставьте
заявку&nbsp;— и&nbsp;мы перезвоним			</div>
		</div>
		     <form name="FOOTER_FORM" action="/blog/" method="POST" enctype="multipart/form-data"><input type="hidden" name="sessid" id="sessid" value="5792bf3ed03bff47a8c0ebeb8c7be5af" /><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="/upload/files/Согласие на обработку ПДн_форма.pdf">согласие на обработку персональных данных</a> в соответствии с <a class="link" href="/privacy/">Политикой конфиденциальности</a></span>
                    <i class="choice__icon" role="presentation"></i>
                </label>
                <label class="choice choice--smaller">
                    <input class="choice__widget" type="checkbox" name="form_text_49" value="Я соглашаюсь получать от Лабмедиа рассылки с информацией, включая новости, полезные материалы, акции и актуальные предложения">
                    <span class="choice__label">Я <a class="link" href="/upload/files/Согласие на обработку ПДн в маркетинговых целях.pdf">соглашаюсь получать от Лабмедиа</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="TRACE" class="js-b24-trace" value="">
<input type="hidden" name="labmedia_js" class="js-b24-jsok" value="">
    </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="https://openday.labmedia.su/">День открытых дверей</a>

                    <a class="footer__sub-link"
               href="/docs/">Сведения об образовательной организации</a>

                    <a class="footer__sub-link"
               href="/reviews/">Отзывы</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="/vovlekay/">Вовлекай</a>

                    <a class="footer__sub-link"
               href="/delaicourse/">ДелайКурс</a>

                    <a class="footer__sub-link"
               href="/library/">Готовые курсы</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="5792bf3ed03bff47a8c0ebeb8c7be5af" /><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="/upload/files/Согласие на обработку ПДн_форма.pdf">согласие на обработку персональных данных</a> в соответствии с <a class="link" href="/privacy/">Политикой конфиденциальности</a></span>
                            <i class="choice__icon" role="presentation"></i>
                        </label>
                        <label class="choice choice--smaller">
                            <input class="choice__widget" name="form_text_54" type="checkbox" value="Я соглашаюсь получать от Лабмедиа рассылки с информацией, включая новости, полезные материалы, акции и актуальные предложения">
                            <span class="choice__label">Я <a class="link" href="/upload/files/Согласие на обработку ПДн в маркетинговых целях.pdf">соглашаюсь получать от Лабмедиа</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="TRACE" class="js-b24-trace" value="">
<input type="hidden" name="labmedia_js" class="js-b24-jsok" value="">
</form>
</div>
	<div class="window mfp-hide" id="consultation-form">
<form name="CONSULTATION" action="/blog/" method="POST" enctype="multipart/form-data"><input type="hidden" name="sessid" id="sessid_2" value="5792bf3ed03bff47a8c0ebeb8c7be5af" /><input type="hidden" name="WEB_FORM_ID" value="5" />


        <div class="request request--referrals">
            <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" type="text" placeholder="Имя*" name="form_text_23" required>
                    </div>
                </div>
                <div class="request__field">
                    <div class="input">
                        <input class="input__widget" type="tel" placeholder="Телефон*" name="form_text_24" required>
                    </div>
                </div>
                <div class="request__field">
                    <div class="input">
                        <input class="input__widget" type="email" placeholder="Email*" name="form_email_25" required>
                    </div>
                </div>
                <div class="request__field">
                    <div class="input">
                        <input class="input__widget" type="text" placeholder="Компания*" name="form_text_26" required>
                    </div>
                </div>
                <div class="request__footer">
                    <div class="request__agreement">
                        <label class="choice choice--smaller">
                            <input class="choice__widget" type="checkbox" name="form_text_27" required value="Я согласен(а) на обработку моих персональных данных в соответствии с Политикой конфиденциальности">
                            <span class="choice__label">Я даю <a class="link" href="/upload/files/Согласие на обработку ПДн_форма.pdf">согласие на обработку персональных данных</a> в соответствии с <a class="link" href="/privacy/">Политикой конфиденциальности</a></span>
                            <i class="choice__icon" role="presentation"></i>
                        </label>
                        <label class="choice choice--smaller">
                            <input class="choice__widget" name="form_text_53" type="checkbox" value="Я соглашаюсь получать от Лабмедиа рассылки с информацией, включая новости, полезные материалы, акции и актуальные предложения">
							<span class="choice__label">Я <a class="link" href="/upload/files/Согласие на обработку ПДн в маркетинговых целях.pdf">соглашаюсь получать от Лабмедиа</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>

<input type="hidden" name="TRACE" class="js-b24-trace" value="">
<input type="hidden" name="labmedia_js" class="js-b24-jsok" value="">
</form></div>


<div class="cookies-pack">
<div class="cookies-pack__in">
	<div class="cookies-pack__ico">
		<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M2.9541 3.60156C5.19626 1.15351 8.38154 0.156234 11.3975 0.605469C11.3732 1.05633 11.4405 1.50772 11.5977 1.93164C11.7637 2.37965 12.0248 2.78655 12.3633 3.12402C12.6398 3.40001 12.9631 3.62444 13.3174 3.78906C13.4064 4.52349 13.7407 5.20637 14.2656 5.72852V5.72949C14.7887 6.25321 15.4725 6.58509 16.207 6.6748C16.3703 7.02878 16.5965 7.34993 16.873 7.625V7.62598C17.211 7.96343 17.6175 8.22437 18.0654 8.39062C18.4901 8.5482 18.9426 8.61591 19.3945 8.59277C19.8231 11.4715 18.9299 14.5022 16.7109 16.7148H16.71C13.0172 20.4047 7.04191 20.4283 3.32227 16.7852L2.96973 16.4209C-0.316125 12.8462 -0.325079 7.18141 2.9541 3.60156ZM14.1846 12.4092C13.1926 12.4092 12.3848 13.2136 12.3848 14.2061C12.3848 15.1985 13.1925 16.0029 14.1846 16.0029C15.1765 16.0027 15.9834 15.1984 15.9834 14.2061C15.9833 13.2138 15.1764 12.4094 14.1846 12.4092ZM6.54785 10.3789C5.23035 10.3789 4.15723 11.448 4.15723 12.7656C4.15724 14.0858 5.22971 15.1562 6.54785 15.1562C7.86862 15.1562 8.94141 14.0863 8.94141 12.7656C8.94126 11.4478 7.86807 10.3789 6.54785 10.3789ZM11.668 6.19434C10.6852 6.19434 9.88477 6.99274 9.88477 7.97559C9.88487 8.95859 10.6852 9.75684 11.668 9.75684C12.6504 9.75669 13.4512 8.95876 13.4512 7.97559C13.4511 6.99262 12.6505 6.19448 11.668 6.19434ZM5.5 4.21289C4.66643 4.21289 3.98252 4.88741 3.98242 5.72559C3.98242 6.56383 4.66637 7.23828 5.5 7.23828C5.90117 7.2382 6.28638 7.07936 6.57031 6.7959C6.85433 6.51232 7.01367 6.12698 7.01367 5.72559C7.01363 5.32439 6.85413 4.93976 6.57031 4.65625C6.28638 4.37276 5.9012 4.21297 5.5 4.21289Z" stroke="#0E1726" />
			<circle cx="18" cy="2" r="1.5" stroke="currentColor" />
		</svg>
	</div>
	<div class="cookies-pack__text">
		<p>На этом сайте мы используем файлы cookie для правильной работы сайта и систему статистики Яндекс.Метрика. Продолжая использовать сайт, вы соглашаетесь со сбором данных в соответствии с <a href="/privacy/">Политикой защиты информации</a></p>
	</div>
	<div class="cookies-pack__buttons">
		<button class="button button--theme-success button--sm cookies-pack__btn">Понятно</button>
	</div>
</div>
</div>
<!--
-->

<script  src="/bitrix/cache/js/s1/labmedia2025/template_03bb9a165d7c4dc39672fc7878edcbc0/template_03bb9a165d7c4dc39672fc7878edcbc0_v1.js?1793346745336570"></script>
<script  src="/bitrix/cache/js/s1/labmedia2025/page_e51e410373c31e71e2b94e3ff0e8567b/page_e51e410373c31e71e2b94e3ff0e8567b_v1.js?17933468424850"></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 type="text/javascript">
var _tmr = window._tmr || (window._tmr = []);
_tmr.push({id: "3793309", type: "pageView", start: (new Date()).getTime()});
(function (d, w, id) {
  if (d.getElementById(id)) return;
  var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
  ts.src = "https://top-fwz1.mail.ru/js/code.js";
  var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
  if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
})(document, window, "tmr-code");
</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 src="/shop/assets/buy-button.js"></script>
<script>
                            document.addEventListener('shop:basket:update', function (e) {
                                var el = document.querySelector('[data-cart-count]');
                                if (!el || !e.detail || typeof e.detail.count === 'undefined') return;
                                el.textContent = e.detail.count;
                                el.classList.toggle('is-empty', !(e.detail.count > 0));
                            });
                            </script>
<script>
(function () {
    // Сбор трейса сквозной аналитики Б24 + JS-маркер живого браузера (антибот).
    // Маркер проставляется только при выполнении JS; бот прямым POST его не пришлёт.
    var jsf = document.querySelectorAll('.js-b24-jsok');
    for (var k = 0; k < jsf.length; k++) { jsf[k].value = '1'; }
    var list = document.querySelectorAll('.js-b24-trace');
    for (var i = 0; i < list.length; i++) {
        var inp = list[i];
        var form = inp.closest('form');
        if (!form || form.__b24trace) { continue; }
        form.__b24trace = true;
        (function (f, field) {
            f.addEventListener('submit', function () {
                try {
                    var g = window.b24Tracker && window.b24Tracker.guest;
                    var tr = (g && typeof g.getTrace === 'function') ? g.getTrace() : '';
                    if (tr) { field.value = tr; }
                    var js = f.querySelector('.js-b24-jsok'); if (js) { js.value = '1'; }
                } catch (e) {}
            });
        })(form, inp);
    }
})();
</script>
<script>
(function () {
    // Сбор трейса сквозной аналитики Б24 + JS-маркер живого браузера (антибот).
    // Маркер проставляется только при выполнении JS; бот прямым POST его не пришлёт.
    var jsf = document.querySelectorAll('.js-b24-jsok');
    for (var k = 0; k < jsf.length; k++) { jsf[k].value = '1'; }
    var list = document.querySelectorAll('.js-b24-trace');
    for (var i = 0; i < list.length; i++) {
        var inp = list[i];
        var form = inp.closest('form');
        if (!form || form.__b24trace) { continue; }
        form.__b24trace = true;
        (function (f, field) {
            f.addEventListener('submit', function () {
                try {
                    var g = window.b24Tracker && window.b24Tracker.guest;
                    var tr = (g && typeof g.getTrace === 'function') ? g.getTrace() : '';
                    if (tr) { field.value = tr; }
                    var js = f.querySelector('.js-b24-jsok'); if (js) { js.value = '1'; }
                } catch (e) {}
            });
        })(form, inp);
    }
})();
</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>

<script>
(function () {
    // Сбор трейса сквозной аналитики Б24 + JS-маркер живого браузера (антибот).
    // Маркер проставляется только при выполнении JS; бот прямым POST его не пришлёт.
    var jsf = document.querySelectorAll('.js-b24-jsok');
    for (var k = 0; k < jsf.length; k++) { jsf[k].value = '1'; }
    var list = document.querySelectorAll('.js-b24-trace');
    for (var i = 0; i < list.length; i++) {
        var inp = list[i];
        var form = inp.closest('form');
        if (!form || form.__b24trace) { continue; }
        form.__b24trace = true;
        (function (f, field) {
            f.addEventListener('submit', function () {
                try {
                    var g = window.b24Tracker && window.b24Tracker.guest;
                    var tr = (g && typeof g.getTrace === 'function') ? g.getTrace() : '';
                    if (tr) { field.value = tr; }
                    var js = f.querySelector('.js-b24-jsok'); if (js) { js.value = '1'; }
                } catch (e) {}
            });
        })(form, inp);
    }
})();
</script>



<script>
function getCookie(name){
let cookie={};document.cookie.split(';').forEach(function(el){
let split=el.split('=');cookie[split[0].trim()]=split[1];
});
return cookie[name];
}
function setCookie(val){
var date=new Date();date.setTime(date.getTime()+3600*24*30*1000);
document.cookie=val+';expires='+date.toGMTString()+';path=/';
}
window.addEventListener('DOMContentLoaded',function(){
var vl=document.querySelector('.cookies-pack');
const cb=vl.querySelectorAll('.cookies-pack__buttons');
for(let i=0;i<cb.length;i++)
cb[i].addEventListener('click',()=>{setCookie('cookie=1');vl.classList.remove("is-visible")});
if(!getCookie('cookie'))
vl.classList.add("is-visible");
});
</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/site_button/loader_15_5sluyx.js');
</script>
</body>
</html>