Top.Mail.Ru
Профориентационная встреча со студентами колледжа культуры и искусств <div style="position:relative"> <section class="sf-grid-area "> <div class="container-wrap " style=""> <div class=""> <div class="row "> <div class=" col-12 "> <div class=" "> <script> $("[data-fancybox]").fancybox({ afterLoad : function(instance, slide) { slide.$slide.find('img').attr("alt", slide.opts.$orig.data('alt')); slide.$slide.find('img').attr("title", slide.opts.$orig.data('title')); } }); </script> </div> </div> </div> </div> </div> <div class="container-wrap bg-theme-1 bb-1 b-theme-3 " style=""> <div class="container "> <div class="row d-flex -align-items-center"> <div class=" col-12 col-lg-10 "> <div class=" "> <style> .nav-dropdown { z-index:10; } .overflow-hidden { overflow: hidden!important; } .text-t-u { text-transform: uppercase; } .sf-left-catalog > ul > li > .catalog-submenu > .submenu a span.submenu-indicator{ height: 1.5rem; width: 1.5rem; top: 7px; } .sf-nav-fixed .container-wrap .nav-container .sf-nav section.right-section .nav-search form .inner-search { z-index: 99; } .sf-left-catalog ul li a{ z-index: 10 !important; } .sf-left-catalog ul li div.catalog-submenu ul.submenu li a, .sf-left-catalog ul li a{ color: inherit; } @media only screen and (min-width: 770px) { .sf-nav section.center-section > ul > li:focus-within > .nav-submenu {display: flex !important;} .sf-nav section.center-section>ul>li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li:focus-within>ul.transform-submenu { display: flex !important; } .sf-nav section.center-section>ul>li>ul.transform-submenu li:focus-within>.nav-submenu {display: flex !important;} .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu {display: flex !important;} .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.87); border-color: rgba(255, 255, 255, 0.12); } .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.87); border-color: rgba(255, 255, 255, 0.12); } .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within { background-color: rgba(255, 255, 255, 0.05); color: white; border-color: rgba(0, 0, 0, 0.12); } .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-dark ul.submenu-items li.nav-item:focus-within{ background-color: rgba(255, 255, 255, 0.05); color: white; border-color: rgba(0, 0, 0, 0.12); } /* для табов стили */ .sf-nav section.center-section>ul>li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li:focus-within>ul.transform-submenu{display: flex !important;} .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu{display: flex !important;} .sf-nav section.center-section>ul>li>ul.transform-submenu li:focus-within>.nav-submenu {display: flex !important;} .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.87); border-color: rgba(255, 255, 255, 0.12); } .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.87); border-color: rgba(255, 255, 255, 0.12); } .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within { background-color: rgba(255, 255, 255, 0.05); color: white; border-color: rgba(0, 0, 0, 0.12); } .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-dark ul.submenu-items li.nav-item:focus-within { background-color: rgba(255, 255, 255, 0.05); color: white; border-color: rgba(0, 0, 0, 0.12); } .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.87); border-color: rgba(255, 255, 255, 0.12); } } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed .sf-pagewrap-area .submenu-items.container { width: 100%; } @media (max-width: 768px) { .mobile-level{ flex-direction: column !important; } .item-text{ white-space: normal !important; } } /* captions for fixed menu */ .fixed-theme-dark.nav-fixed a.item-link{ background-color: transparent; color: white !important; } .fixed-theme-light.nav-fixed a.item-link{ background-color: transparent; } /* icons - fixed, non-fixed - colors */ .theme-light .c-icon-active, .fixed-theme-light.nav-fixed .c-icon-active{ color: rgba(27,31,44,.54) !important; } .theme-dark .c-icon-active, .fixed-theme-dark.nav-fixed .c-icon-active{ color: white !important; } </style> <style> .sf-nav-fixedbbfb463872 {background: transparent!important;} .child-color-submenu-bbfb463872 {background:white;} @media (max-width: 768px) { .mobile-viewbbfb463872 {background: #f1f3f5!important;} } .nav-fixed-bbfb463872 {background: rgba(255, 255, 255, 1)!important;} .nav-fixed-bbfb463872 .fixed-submenu-colorbbfb463872 {background: white!important;} </style> <div class="navigation-container sf-nav-fixedbbfb463872 no-fixed sf-nav-fixed fixed-theme-light vertical-submenu" id="sf-fixed-id-bbfb463872"> <div class="container-wrap"> <div class="w-100 nav-container"> <nav data-nav id="sf-nav-bbfb463872" class="sf-nav w-100 m-0 p-0 d-flex align-items-streach justify-content-between flex-row flex-wrap"> <section class="left-section d-flex align-items-streach justify-content-between flex-row flex-wrap"> <!--<a class="nav-logo" href="/"> <img src="image/list.jpg" class="hidden-md-down d-inline mr-2 w-75"> </a>--> </section> <section style="justify-content:flex-start!important;" class="center-section align-items-streach mobile-level sf-scroll overflow-hidden justify-content-start mobile-theme-light mobile-viewbbfb463872 "> <button class="mobile-close sf-close" style="display:none"></button> <h3 class="mobile-header m-0" style="display: none"> Меню </h3> <ul class="nav-items d-inline-flex align-items-streach justify-content-start p-0 m-0"> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 allotment item-link " href="/sveden/" > <span class="item-text"> Сведения об образовательной организации </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-bbfb463872 fixed-theme-light-submenu fixed-submenu-colorbbfb463872 mobile-theme-light mobile-viewbbfb463872 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Сведения об образовательной организации </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-2 t--1 item-link" href="/sveden/" > <span class="item-text"> Сведения об образовательной организации </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/common/" > <span class="item-text"> Основные сведения </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/struct/" > <span class="item-text"> Структура и органы управления образовательной организацией </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/document/" > <span class="item-text"> Документы </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/education/" > <span class="item-text"> Образование </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/eduStandarts/" > <span class="item-text"> Образовательные стандарты и требования </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/managers/" > <span class="item-text"> Руководство </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/employees/" > <span class="item-text"> Педагогический состав </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/objects/" > <span class="item-text"> Материально-техническое обеспечение и оснащенность образовательного процесса. Доступная среда. </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/grants/" > <span class="item-text"> Стипендии и меры поддержки обучающихся </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/paid_edu/" > <span class="item-text"> Платные образовательные услуги </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/budget/" > <span class="item-text"> Финансово-хозяйственная деятельность </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/vacant/" > <span class="item-text"> Вакантные места для приема (перевода) обучающихся </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/inter/" > <span class="item-text"> Международное сотрудничество </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/sveden/catering/" > <span class="item-text"> Организация питания в образовательной организации </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 allotment item-link " href="/natsionalnyy-proekt-nauka-i-universitety/" > <span class="item-text"> Национальный проект «Наука и университеты» </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-bbfb463872 fixed-theme-light-submenu fixed-submenu-colorbbfb463872 mobile-theme-light mobile-viewbbfb463872 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Национальный проект «Наука и университеты» </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-2 t--1 item-link" href="/natsionalnyy-proekt-nauka-i-universitety/" > <span class="item-text"> Национальный проект «Наука и университеты» </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/natsionalnyy-proekt-nauka-i-universitety/razvitie-chelovecheskogo-kapitala-v-interesakh-regionov-otrasley-i-sektora-issledovaniy-i-razrabotok.php" > <span class="item-text"> Развитие человеческого капитала в интересах регионов, отраслей и сектора исследований и разработок (КАДРЫ) </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/natsionalnyy-proekt-nauka-i-universitety/razvitie-masshtabnykh-nauchnykh-i-nauchno-tekhnologicheskikh-proektov-po-prioritetnym-issledovatelsk.php" > <span class="item-text"> Развитие масштабных научных и научно-технологических проектов по приоритетным исследовательским направлениям </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/natsionalnyy-proekt-nauka-i-universitety/razvitie-integratsionnykh-protsessov-v-sfere-nauki-vysshego-obrazovaniya-i-industrii.php" > <span class="item-text"> Развитие интеграционных процессов в сфере науки, высшего образования и индустрии </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/natsionalnyy-proekt-nauka-i-universitety/razvitie-infrastruktury-dlya-nauchnykh-issledovaniy-i-podgotovki-kadrov.php" > <span class="item-text"> Развитие инфраструктуры для научных исследований и подготовки кадров </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 allotment item-link " href="/forms/" > <span class="item-text"> Обращения </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-bbfb463872 fixed-theme-light-submenu fixed-submenu-colorbbfb463872 mobile-theme-light mobile-viewbbfb463872 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Обращения </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-2 t--1 item-link" href="/forms/" > <span class="item-text"> Обращения </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/forms/index.php" > <span class="item-text"> Формы обращений </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/forms/meet/" > <span class="item-text"> Личный приём </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/forms/reception/" > <span class="item-text"> Электронные обращения </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/forms/message/" > <span class="item-text"> Письменное обращение </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/forms/order/" > <span class="item-text"> Порядок обжалования </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 allotment item-link " href="/anti-corruption/" > <span class="item-text"> Противодействие коррупции </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-bbfb463872 fixed-theme-light-submenu fixed-submenu-colorbbfb463872 mobile-theme-light mobile-viewbbfb463872 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Противодействие коррупции </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-2 t--1 item-link" href="/anti-corruption/" > <span class="item-text"> Противодействие коррупции </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/anti-corruption/normativnye-pravovye-i-inye-akty-v-sfere-protivodeystviya-korruptsii/" > <span class="item-text"> Нормативные правовые и иные акты в сфере противодействия коррупции </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/anti-corruption/antikorruptsionnaya-ekspertiza/" > <span class="item-text"> Антикоррупционная экспертиза </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/anti-corruption/metodicheskie-materialy/" > <span class="item-text"> Методические материалы </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/anti-corruption/formy-dokumentov-svyazannye-s-protivodeystviem-korruptsii-dlya-zapolneniya/" > <span class="item-text"> Формы документов, связанные с противодействием коррупции, для заполнения </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/anti-corruption/svedeniya-o-dokhodakh-raskhodakh-ob-imushchestve-i-obyazatelstvakh-imushchestvennogo-kharaktera/" > <span class="item-text"> Сведения о доходах, расходах,об имуществе и обязательствах имущественного характера </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/anti-corruption/komissiya-po-soblyudeniyu-trebovaniy-k-sluzhebnomu-povedeniyu-i-uregulirovaniyu-konflikta-interesov/" > <span class="item-text"> Комиссия по соблюдению требований к служебному поведению и урегулированию конфликта интересов </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/anti-corruption/obratnaya-svyaz-dlya-soobshcheniy-o-faktakh-korruptsii/" > <span class="item-text"> Обратная связь для сообщений о фактах коррупции </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 allotment item-link " href="/informatsionnaya-bezopasnost.php" > <span class="item-text"> Информационная безопасность </span> <span class="item-hover" style="display:none"></span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 allotment item-link " href="/security/" > <span class="item-text"> Комплексная безопасность </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-bbfb463872 fixed-theme-light-submenu fixed-submenu-colorbbfb463872 mobile-theme-light mobile-viewbbfb463872 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Комплексная безопасность </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-2 t--1 item-link" href="/security/" > <span class="item-text"> Комплексная безопасность </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/security/" > <span class="item-text"> Комплексная безопасность </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/security/safety/" > <span class="item-text"> Охрана труда </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/security/personal-data/" > <span class="item-text"> Работа с персональными данными </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/security/antiterrorist/" > <span class="item-text"> Антитеррористическая защищенность </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/security/pozharnaya-bezopasnost/" > <span class="item-text"> Пожарная безопасность </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 item-link" href="/security/antimonopolnyy-kompleks.php" > <span class="item-text"> Антимонопольный комплаенс </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-2 t--1 allotment item-link " href="/noko/" > <span class="item-text"> НОКО. Независимая оценка качества образования </span> <span class="item-hover" style="display:none"></span> </a> </li> </ul> </section> <section class="right-section d-inline-flex align-items-streach justify-content-end flex-row flex-wrap"> <button class="btn-mobile b-0 p-2 t--1"> <i class="far fa-bars fa-lg" aria-hidden="true"></i> </button> </section> </nav> </div> </div> </div> <script> window.addEventListener("DOMContentLoaded", function() { $('#sf-nav-bbfb463872').sfNavMulti({ searchContainer: false, horizontalSubmenu: false, transferHeadingItem: false, //===================== ФИКСИРОВАННОЕ =====================// fixedFlag: false, //===================== ПОЛНОЭКРАННОЕ =====================// fullScreenFlag: false, //===================== ТРАНСФОРМ =====================// transformFlag: true, transformPaddingOne: 'p-2 t--1', transformPaddingLower: ' t--1', transformEffectHover: 'allotment', transformTheme: 'theme-light child-color-submenu-bbfb463872 fixed-theme-light-submenu fixed-submenu-colorbbfb463872 ', //===================== МОБИЛЬНОЕ =====================// mobileFlag: true, }); }); </script> </div> </div> <div class=" col-12 col-lg-2 d-flex justify-content-end align-items-center"> <div class="t--1 "> <style> /* widget make height: 100%, cancel this */ html { height: auto !important; } /* google panel change body style, so cancel this */ body { top: 0 !important; position: static !important; } /* hide google panel */ .skiptranslate { display: none !important; } /* remove link highlight */ .goog-text-highlight { background-color: inherit; box-shadow: none; box-sizing: inherit; } .language__img:hover, .language__img_active { opacity: 1; } .sf-translate { position: relative; display: flex; flex-direction: column; box-sizing: border-box; outline: none; } .sf-translate select.sf-form-control { display: none; } .sf-translate select.sf-form-control:disabled ~ .select-items { display: none !important; } .sf-translate select.sf-form-control-sm + .select-items div { padding: 0.65625rem 2.49375rem 0.65625rem 0.875rem; } .sf-translate select.sf-form-control-lg + .select-items div { padding: 0.9375rem 3.5625rem 0.9375rem 1.25rem; } .sf-translate label { cursor: pointer; margin: 0; padding: 0.5rem 2.5rem 0.5rem 1rem; box-sizing: border-box; outline: none; } .theme-dark .sf-translate label:after { border-bottom: 1px solid #fff; border-left: 1px solid #fff; } .theme-light .theme-dark .sf-translate label:after { border-bottom: 1px solid #fff; border-left: 1px solid #fff; } .theme-light .sf-translate label:after { border-bottom: 1px solid rgba(21,25,30,.87); border-left: 1px solid rgba(21,25,30,.87); } .theme-dark .theme-light .sf-translate label:after { border-bottom: 1px solid rgba(21,25,30,.87); border-left: 1px solid rgba(21,25,30,.87); } .sf-translate label:after { content: ""; position: absolute; top: calc(50% - 0.35rem); right: 1rem; width: 0.5rem; height: 0.5rem; border: none; border-bottom: 1px solid rgba(21,25,30,.87); border-left: 1px solid rgba(21,25,30,.87); transform: rotate(-45deg); font-size: 0.85rem; box-sizing: border-box; outline: none; transition: transform 0.25s; } .sf-translate label:hover {background-color: rgba(0,0,0,0.05);} .theme-dark .sf-translate label:hover { background-color: rgba(255,255,255,.12); } .theme-light .theme-dark .sf-translate label:hover { background-color: rgba(255,255,255,.12); } .theme-light .sf-translate label:hover { background-color: rgba(0,0,0,.05); } .theme-dark .theme-light .sf-translate label:hover { background-color: rgba(0,0,0,.05); } .theme-dark .sf-translate .select-items div { background-color: #212529; } .theme-dark .sf-translate .select-items div:hover { background-color: #333; } .theme-light .theme-dark .sf-translate .select-items div { background-color: #212529; } .theme-light .theme-dark .sf-translate .select-items div:hover { background-color: #333; } .theme-light .sf-translate .select-items div { background-color: #fff; } .theme-dark .theme-light .sf-translate .select-items div { background-color: #fff; } .sf-translate label.active { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .sf-translate label.active:after { transform: rotate(135deg); top: calc(100% - 1.2rem); } .sf-translate .select-items { position: absolute; top: 100%; left: 0; z-index: 300; border: none; box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 6px 18px 0 rgba(0,0,0,.12); box-sizing: border-box; outline: none; } .sf-translate .select-items.inactive { display: none; } .sf-translate .select-items div { padding: 0.5rem 2.85rem 0.5rem 1rem; cursor: pointer; background-color: white; color: inherit; top: 100%; font-size: 0.85rem; box-sizing: border-box; outline: none; } .sf-translate .select-items div:hover { background-color: #eee; } .sf-translate .select-items div.same-as-selected { background-color: #eee; } @keyframes blink { /** * At the start of the animation the dot * has an opacity of .2 */ 0% { opacity: .2; } /** * At 20% the dot is fully visible and * then fades out slowly */ 20% { opacity: 1; } /** * Until it reaches an opacity of .2 and * the animation can start again */ 100% { opacity: .2; } } .saving span { /** * Use the blink animation, which is defined above */ animation-name: blink; /** * The animation should take 1.4 seconds */ animation-duration: 1.4s; /** * It will repeat itself forever */ animation-iteration-count: infinite; /** * This makes sure that the starting style (opacity: .2) * of the animation is applied before the animation starts. * Otherwise we would see a short flash or would have * to set the default styling of the dots to the same * as the animation. Same applies for the ending styles. */ animation-fill-mode: both; } .saving span:nth-child(2) { /** * Starts the animation of the third dot * with a delay of .2s, otherwise all dots * would animate at the same time */ animation-delay: .2s; } .saving span:nth-child(3) { /** * Starts the animation of the third dot * with a delay of .4s, otherwise all dots * would animate at the same time */ animation-delay: .4s; } /** * Remove default styles for select */ .sf-translate.sf-form-select label { background-color: transparent; border: none; color: inherit; font-size: inherit; } .sf-translate.sf-form-select .select-items div:hover { color: inherit; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script src="//translate.google.com/translate_a/element.js?cb=TranslateInit"></script> <div class="sf-translate language notranslate sf-form-select"> <label for="sf-translate__list" class="selected-lang"> <!-- loader animation --> <div class="saving"><span>.</span><span>.</span><span>.</span></div> </label> <select class="goog-te-combo sf-form-control sf-form-control-sm " id="sf-translate__list" aria-label="Язык виджета Google Переводчика"> <option value="ru">Russian</option> <option value="en">English</option> <option value="ar">Arabic</option> <option value="zh-CN">Chinese (Simplified)</option> <option value="zh-TW">Chinese (Traditional)</option> <option value="fr">French</option> <option value="de">German</option> <option value="it">Italian</option> <option value="ja">Japanese</option> <option value="kk">Kazakh</option> <option value="pt">Portuguese</option> <option value="es">Spanish</option> <option value="tr">Turkish</option> </select> <div class="select-items inactive"> <div data-google-lang="ru">Russian</div> <div data-google-lang="en">English</div> <div data-google-lang="ar">Arabic</div> <div data-google-lang="zh-CN">Chinese (Simplified)</div> <div data-google-lang="zh-TW">Chinese (Traditional)</div> <div data-google-lang="fr">French</div> <div data-google-lang="de">German</div> <div data-google-lang="it">Italian</div> <div data-google-lang="ja">Japanese</div> <div data-google-lang="kk">Kazakh</div> <div data-google-lang="pt">Portuguese</div> <div data-google-lang="es">Spanish</div> <div data-google-lang="tr">Turkish</div> </div> </div> <script type="text/javascript"> var SITE_ID = '/'; </script> </div> </div> </div> </div> </div> <div class="container-wrap py-4 " style=""> <div class="container "> <div class="row "> <div class=" col-12 col-lg-5 mb-3 mb-lg-0"> <div class="d-flex align-items-center "> <div class="mr-3 safari-logo-width "> <a href="/"> <img src="/simai.data/image/logo/logo.png" class="" style="max-height:4rem" alt="Арктический государственный институт культуры и искусств" title="Арктический государственный институт культуры и искусств"/> </a> </div> <div class=" "> <a href="/" class="l-inherit l-underline-none m-0 c-text-primary t-title l-hover-underline-none sf-title"> <span class="t-0 t-sm-1 t-md-2 "> Арктический государственный институт культуры и искусств </span> </a> </div> </div> </div> <div class=" col-12 col-lg-4 t--1 d-flex align-items-center mb-3 mb-lg-0 "> <div class=""> <div class=" "> <i class="far fa-fw fa-map-marker-alt mr-2 c-primary" aria-hidden="true"></i> <span class="c-text-primary"> 677000, Республика Саха (Якутия), г. Якутск, ул. Орджоникидзе, д. 4</span> </div> <div class=" "> <i class="far fa-fw fa-phone mr-2 c-primary" aria-hidden="true"></i> <span> <a class="c-text-primary sf-link sf-link-theme sf-link-dashed" style="white-space:nowrap" href="tel:+7(411)234-4460">+7(411)234-4460</a> </span> </div> <div class=" "> <i class="far fa-fw fa-envelope mr-2 c-primary " aria-hidden="true"></i> <a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="mailto:agiki@mail.ru"> agiki@mail.ru</a> </div> </div> </div> <div class=" col-12 col-lg-3 t--1 d-flex align-items-center justify-content-xl-end"> <div class=""> <div class=" "> <i class="far fa-fw fa-eye mr-2 c-primary" aria-hidden="true"></i> <a href="#" itemprop="copy" sf-special class="c-text-primary sf-link sf-link-theme sf-link-dashed"> Версия для слабовидящих</a> </div> <div class=" "> <ul class="t-list pl-0 m-0"> <li class="d-inline-block"> <i class="far fa-fw fa-sign-in mr-2 c-primary" aria-hidden="true"></i> <a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="/auth/"> Войти </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="container-wrap " style=""> <div class=""> <div class="row "> <div class=" col-12 "> <div class=" "> <style> .nav-dropdown { z-index:10; } .overflow-hidden { overflow: hidden!important; } .text-t-u { text-transform: uppercase; } .sf-left-catalog > ul > li > .catalog-submenu > .submenu a span.submenu-indicator{ height: 1.5rem; width: 1.5rem; top: 7px; } .sf-nav-fixed .container-wrap .nav-container .sf-nav section.right-section .nav-search form .inner-search { z-index: 99; } .sf-left-catalog ul li a{ z-index: 10 !important; } .sf-left-catalog ul li div.catalog-submenu ul.submenu li a, .sf-left-catalog ul li a{ color: inherit; } @media only screen and (min-width: 770px) { .sf-nav section.center-section > ul > li:focus-within > .nav-submenu {display: flex !important;} .sf-nav section.center-section>ul>li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li:focus-within>ul.transform-submenu { display: flex !important; } .sf-nav section.center-section>ul>li>ul.transform-submenu li:focus-within>.nav-submenu {display: flex !important;} .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu {display: flex !important;} .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.87); border-color: rgba(255, 255, 255, 0.12); } .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.87); border-color: rgba(255, 255, 255, 0.12); } .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within { background-color: rgba(255, 255, 255, 0.05); color: white; border-color: rgba(0, 0, 0, 0.12); } .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-dark ul.submenu-items li.nav-item:focus-within{ background-color: rgba(255, 255, 255, 0.05); color: white; border-color: rgba(0, 0, 0, 0.12); } /* для табов стили */ .sf-nav section.center-section>ul>li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li:focus-within>ul.transform-submenu{display: flex !important;} .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu{display: flex !important;} .sf-nav section.center-section>ul>li>ul.transform-submenu li:focus-within>.nav-submenu {display: flex !important;} .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.87); border-color: rgba(255, 255, 255, 0.12); } .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.87); border-color: rgba(255, 255, 255, 0.12); } .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within { background-color: rgba(255, 255, 255, 0.05); color: white; border-color: rgba(0, 0, 0, 0.12); } .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-dark ul.submenu-items li.nav-item:focus-within { background-color: rgba(255, 255, 255, 0.05); color: white; border-color: rgba(0, 0, 0, 0.12); } .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.87); border-color: rgba(255, 255, 255, 0.12); } } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed .sf-pagewrap-area .submenu-items.container { width: 100%; } @media (max-width: 768px) { .mobile-level{ flex-direction: column !important; } .item-text{ white-space: normal !important; } } /* captions for fixed menu */ .fixed-theme-dark.nav-fixed a.item-link{ background-color: transparent; color: white !important; } .fixed-theme-light.nav-fixed a.item-link{ background-color: transparent; } /* icons - fixed, non-fixed - colors */ .theme-light .c-icon-active, .fixed-theme-light.nav-fixed .c-icon-active{ color: rgba(27,31,44,.54) !important; } .theme-dark .c-icon-active, .fixed-theme-dark.nav-fixed .c-icon-active{ color: white !important; } </style> <style> .sf-nav-fixed37c0031a91 {background: #ffffff69!important;} .child-color-submenu-37c0031a91 {background:#f8f9fa;} @media (max-width: 768px) { .mobile-view37c0031a91 {background: #2C3944!important;} } .full-screen-color-37c0031a91 {background: white!important;} .nav-fixed-37c0031a91 {background: white!important;} .nav-fixed-37c0031a91 .fixed-submenu-color37c0031a91 {background: white!important;} </style> <div class="navigation-container sf-nav-fixed37c0031a91 no-fixed sf-nav-fixed theme-light fixed-theme-light horizontal-submenu" id="sf-fixed-id-37c0031a91"> <div class="container-wrap"> <div class="container nav-container"> <nav data-nav id="sf-nav-37c0031a91" class="sf-nav w-100 m-0 p-0 d-flex align-items-streach justify-content-between flex-row flex-wrap"> <section class="left-section d-flex align-items-streach justify-content-between flex-row flex-wrap"> <button class="btn-full-screen b-0 p-3 t-0 "> <i class="far fa-ellipsis-v fa-lg" aria-hidden="true"></i> </button> <!--<a class="nav-logo" href="/"> <img src="image/list.jpg" class="hidden-md-down d-inline mr-2 w-75"> </a>--> </section> <section style="justify-content:flex-start!important;" class="center-section align-items-streach mobile-level sf-scroll overflow-hidden justify-content-start mobile-theme-dark mobile-view37c0031a91 "> <button class="mobile-close sf-close" style="display:none"></button> <h3 class="mobile-header m-0" style="display: none"> Меню </h3> <ul class="nav-items d-inline-flex align-items-streach justify-content-start p-0 m-0"> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 blackout item-link " href="/life/" > <span class="item-text"> Об институте </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-37c0031a91 fixed-theme-light-submenu fixed-submenu-color37c0031a91 mobile-theme-dark mobile-view37c0031a91 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Об институте </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-3 t-0 item-link" href="/life/" > <span class="item-text"> Об институте </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/sveden/common/" > <span class="item-text"> Сведения об образовательной организации </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/sveden/document/" > <span class="item-text"> Документы </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/contacts/contacts_req/" > <span class="item-text"> Контакты и банковские реквизиты </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/life/history/" > <span class="item-text"> История </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/life/institut-segodnya.php" > <span class="item-text"> Институт сегодня </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/life/simvol-i-missiya-instituta.php" > <span class="item-text"> Символ и миссия </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/sveden/employees/" > <span class="item-text"> Руководство. Педагогический состав </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/uchenyy-sovet" > <span class="item-text"> Ученый совет </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/life/vybory-rektora.php" > <span class="item-text"> Выборы ректора - 2023 </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/biblioteka" > <span class="item-text"> Библиотека </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/cdpo/index.php" > <span class="item-text"> Дополнительное образование </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/life/muzey-muzykalnykh-instrumentov-narodov-severnoy-azii-kollektsiya-yuriya-sheykina.php" > <span class="item-text"> Музей музыкальных инструментов </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/distantsionnoe-obrazovanie/" > <span class="item-text"> АГИКИ в условиях распространения коронавируса </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/life/dobro-tsentr-agiki/dobro.php" > <span class="item-text"> ДОБРО.ЦЕНТР.АГИКИ </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/razdel-prioritet-2030/" > <span class="item-text"> Приоритет 2030 </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 blackout item-link " href="/abitur/" > <span class="item-text"> Абитуриентам </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-37c0031a91 fixed-theme-light-submenu fixed-submenu-color37c0031a91 mobile-theme-dark mobile-view37c0031a91 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Абитуриентам </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-3 t-0 item-link" href="/abitur/" > <span class="item-text"> Абитуриентам </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur" > <span class="item-text"> Абитуриенту </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="https://abiturient.agiki.ru/" > <span class="item-text"> Сайт приемной комиссии АГИКИ </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/normativnye-dokumenty" > <span class="item-text"> Нормативные документы </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/informaciya-dlya-postupayushih" > <span class="item-text"> Информация для поступающих </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/kolichestvo-mest-po-razlichnym-usloviyam-priema" > <span class="item-text"> Количество мест </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/tselevoy-priem.php" > <span class="item-text"> Целевой прием </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/raspisanie-vstupitelnyh-ispytanij" > <span class="item-text"> Расписание вступительных испытаний </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/programmy-vstupitelnyh-ispytanij" > <span class="item-text"> Программы вступительных испытаний </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/informaciya-o-hode-priema" > <span class="item-text"> Информация о ходе приема </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/zachislenie" > <span class="item-text"> Зачисление </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="https://disk.yandex.com/d/DcW9ighSx01nNQ" > <span class="item-text"> Презентационные материалы </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/bachelor" > <span class="item-text"> Бакалавриат </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/special/" > <span class="item-text"> Специалитет </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/magistr/" > <span class="item-text"> Магистратура </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/aspirant" > <span class="item-text"> Аспирантура </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/abitur/accompaniment-ino-students/index.php" > <span class="item-text"> Сопровождение иностранных студентов </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 blackout item-link " href="/students/" > <span class="item-text"> Студентам </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-37c0031a91 fixed-theme-light-submenu fixed-submenu-color37c0031a91 mobile-theme-dark mobile-view37c0031a91 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Студентам </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-3 t-0 item-link" href="/students/" > <span class="item-text"> Студентам </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/students/studencheskij-vestnik-agiki" > <span class="item-text"> Студенческий вестник АГИКИ </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/students/vospitatelnaya-rabota" > <span class="item-text"> Молодежная политика </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/sveden/grants" > <span class="item-text"> Информация о стипендиях, общежитии и трудоустройстве выпускников </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/students/organy-studencheskogo-samoupravleniya" > <span class="item-text"> Органы студенческого самоуправления </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/students/obyazannosti-studentov" > <span class="item-text"> Обязанности студентов </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/students/studentu-na-zametku" > <span class="item-text"> Студенту на заметку! </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/students/eticheskij-kodeks-studentov" > <span class="item-text"> Этический кодекс студентов </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/students/rabotodateli-priglashayut" > <span class="item-text"> Развитие карьеры </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/students/raspisanie" > <span class="item-text"> Расписание </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/nauka/studencheskoe-nauchnoe-obshchestvo.php" > <span class="item-text"> Студенческое научное общество </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/news/stud-science-community/" > <span class="item-text"> Новости СНО </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/students/studencheskiy-biznes.php" > <span class="item-text"> Студенческий бизнес </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/students/psikhologicheskaya-podderzhka/index.php" > <span class="item-text"> Психологическая поддержка </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="https://iotagiki.ukit.me/" > <span class="item-text"> Индивидуальная образовательная траектория </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 blackout item-link " href="/aspirantura/" > <span class="item-text"> Аспирантура </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-37c0031a91 fixed-theme-light-submenu fixed-submenu-color37c0031a91 mobile-theme-dark mobile-view37c0031a91 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Аспирантура </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-3 t-0 item-link" href="/aspirantura/" > <span class="item-text"> Аспирантура </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/aspirantura/" > <span class="item-text"> Отдел аспирантуры </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/aspirantura/normativnye-dokumenty-asp" > <span class="item-text"> Нормативные документы </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/aspirantura/informaciya-dlya-postupayushih-asp" > <span class="item-text"> Информация для поступающих </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/aspirantura/kolichestvo-mest-asp" > <span class="item-text"> Количество мест </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/aspirantura/raspisanie-vstupitelnyh-ispytanij-asp" > <span class="item-text"> Расписание вступительных испытаний </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/aspirantura/programmy-vstupitelnyh-ispytanij-asp" > <span class="item-text"> Программы вступительных испытаний </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/aspirantura/informaciya-o-hode-priema-asp" > <span class="item-text"> Информация о ходе приема </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/aspirantura/zachislenie-asp" > <span class="item-text"> Зачисление </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 blackout item-link " href="/kafedry/" > <span class="item-text"> Кафедры </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-37c0031a91 fixed-theme-light-submenu fixed-submenu-color37c0031a91 mobile-theme-dark mobile-view37c0031a91 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Кафедры </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-3 t-0 item-link" href="/kafedry/" > <span class="item-text"> Кафедры </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/kafedry/kafedra-nhk/" > <span class="item-text"> Кафедра народной художественной культуры </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/kafedry/kafedra-iskusstvovedeniya/" > <span class="item-text"> Кафедра искусствоведения </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/kafedry/kafedra-vokalnogo-iskusstva/" > <span class="item-text"> Кафедра музыкального искусства </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/kafedry/kafedra-akterskogo-iskusstva-i-rezhissury/" > <span class="item-text"> Кафедра театрального искусства </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/kafedry/kafedra-socialnokulturnoj-deyatelnosti/" > <span class="item-text"> Кафедра культурологии и социально- культурной деятельности </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/kafedry/kafedra-zhivopisi/" > <span class="item-text"> Кафедра живописи и графики </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/kafedry/kafedra-bibliotechnoinformacionnoj-deyatelnosti/" > <span class="item-text"> Кафедра библиотечно-информационной деятельности и гуманитарных дисциплин </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/kafedry/kafedra-dizajna/" > <span class="item-text"> Кафедра дизайна и декоративно-прикладного искусства народов Арктики </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/kafedry/kafedra-informatiki/" > <span class="item-text"> Кафедра информатики </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 blackout item-link " href="/nauka/" > <span class="item-text"> Наука </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-37c0031a91 fixed-theme-light-submenu fixed-submenu-color37c0031a91 mobile-theme-dark mobile-view37c0031a91 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Наука </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-3 t-0 item-link" href="/nauka/" > <span class="item-text"> Наука </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/nauka/index.php" > <span class="item-text"> Научная деятельность </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/nauka/dokumenty.php" > <span class="item-text"> Документы </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/nauka/publikatsii.php" > <span class="item-text"> Публикации </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/nauka/konferentsii.php" > <span class="item-text"> Конференции </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/aspirantura/" > <span class="item-text"> Аспирантура </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/nauka/studencheskoe-nauchnoe-obshchestvo.php" > <span class="item-text"> Студенческое научное общество </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/news/stud-science-community/" > <span class="item-text"> Новости студенческого научного общества </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/nauka/nauchno-issledovatelskaya-rabota-studentov.php" > <span class="item-text"> Научно-исследовательская работа студентов </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/nauka/vestnik-agiki.php" > <span class="item-text"> Вестник АГИКИ </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/nauka/kultura-i-iskusstvo-arktiki.php" > <span class="item-text"> Культура и искусство Арктики </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/nauka/patenty-agiki.php" > <span class="item-text"> Патенты АГИКИ </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 blackout item-link " href="/tvorchestvo/" > <span class="item-text"> Творчество </span> <span class='item-icon submenu-indicator nav-next-level '> <i class="far fa-angle-down " aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-37c0031a91 fixed-theme-light-submenu fixed-submenu-color37c0031a91 mobile-theme-dark mobile-view37c0031a91 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Творчество </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile one-link"> <a class=" p-3 t-0 item-link" href="/tvorchestvo/" > <span class="item-text"> Творчество </span> </a> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/tvorchestvo/index.php" > <span class="item-text"> Студенческий фольклорный коллектив «Долун» </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/tvorchestvo/studencheskiy-narodnyy-ansambl-tantsa-aar-aartyk-svetlyy-put.php" > <span class="item-text"> Ансамбль «Аар-Аартык» </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/tvorchestvo/orkestr-narodnykh-instrumentov.php" > <span class="item-text"> Оркестр народных инструментов </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/tvorchestvo/the-band-of-the-russian-traditional-musical-instrument.php" > <span class="item-text"> The band of the Russian traditional musical instrument </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/tvorchestvo/opernaya-studiya.php" > <span class="item-text"> Оперная студия </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/events/filarmoniya-agiki/" > <span class="item-text"> Филармония АГИКИ </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/presentation/#dflip-df_3189/1/" > <span class="item-text"> Юбилейный дайджест "Аар-Артык" </span> </a> </li> </ul> </div> </li> <li tabindex="-1" class="nav-item active"> <a class="bg-active-menu-37c0031a91 p-3 t-0 blackout item-link " href="/press-center/" > <span class="item-text"> Пресс-центр </span> <span class='item-icon submenu-indicator nav-next-level submenu-indicator-minus'> <i class="far fa-angle-down c-active-menu-text-37c0031a91" aria-hidden="true"></i> </span> <span class="item-hover" style="display:none"></span> </a> <!-- --> <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center theme-light child-color-submenu-37c0031a91 fixed-theme-light-submenu fixed-submenu-color37c0031a91 mobile-theme-dark mobile-view37c0031a91 " style="z-index:100"> <div class="content-mobile-horizontal w-100" style="display:none"> <h3 class="mobile-header m-0" style="display:none"> Пресс-центр </h3> <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#"> <span class="back-icon mr-2"> <i class="far fa-arrow-left"></i> </span> <span class="item-text"> Назад </span> </a> </div> <ul class="nav-items submenu-items p-0 container w-100"> <li tabindex="-1" class="nav-item one-mobile active one-link"> <a class="bg-active-menu-37c0031a91 p-3 t-0 item-link" href="/press-center/" > <span class="item-text"> Пресс-центр </span> </a> <li tabindex="-1" class="nav-item active"> <a class="bg-active-menu-37c0031a91 p-3 t-0 item-link" href="/press-center/news/" > <span class="item-text"> Новости </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/news-ins.php" > <span class="item-text"> Новости института </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/news/prioritet-2030/" > <span class="item-text"> Приоритет-2030 </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/events/" > <span class="item-text"> Мероприятия </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/photo/" > <span class="item-text"> Фотогалерея </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/video/" > <span class="item-text"> Видеогалерея </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/presentation/" > <span class="item-text"> Презентации </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/brend-agiki.php" > <span class="item-text"> Бренд АГИКИ </span> </a> </li> <li tabindex="-1" class="nav-item "> <a class=" p-3 t-0 item-link" href="/press-center/news/stud-science-community/" > <span class="item-text"> Студенческое научное общество </span> </a> </li> </ul> </div> </li> </ul> </section> <section class="right-section d-inline-flex align-items-streach justify-content-end flex-row flex-wrap"> <button class="btn-mobile b-0 p-3 t-0 "> <i class="far fa-bars fa-lg" aria-hidden="true"></i> </button> <style> .nav-live-search { top: 100%!important; left: 0!important; } .title-search-selected { background-color: rgba(0,0,0,0.12); } </style> <div class="nav-search"> <form action="/search/index.php" class="search-form w-100 h-100 align-items-center justify-content-between m-0 mb-0" style="display: none;"> <div id="title-search" class="inner-search d-block w-100 h-100"> <div class="d-flex align-items-center justify-content-center h-100 w-100"> <input id="title-search-input" aria-label="Поиск" class="input-search d-block p-2 m-0" style="width:inherit" type="" name="q" placeholder="Поиск" autocomplete="off"/> </div> <button class="sf-close t-1 sf-close-center" aria-label="Закрыть строку поиска"></button> </div> </form> <div class="btn-search b-0 p-3 t-0 "> <i class="far fa-search fa-lg" aria-hidden="true"></i> </div> </div> <script> BX.ready(function(){ new JCTitleSearch({ 'AJAX_PAGE' : '/press-center/news/novosti-instituta/proforientatsionnaya-vstrecha-so-studentami-kolledzha-kultury-i-iskusstv/?SECTION_CODE=novosti-instituta&ELEMENT_CODE=proforientatsionnaya-vstrecha-so-studentami-kolledzha-kultury-i-iskusstv', 'CONTAINER_ID': 'title-search', 'INPUT_ID': 'title-search-input', 'MIN_QUERY_LEN': 2 }); }); </script> </section> </nav> </div> </div> </div> <script> window.addEventListener("DOMContentLoaded", function() { $('#sf-nav-37c0031a91').sfNavMulti({ searchContainer: true, horizontalSubmenu: true, transferHeadingItem: false, //===================== ФИКСИРОВАННОЕ =====================// fixedFlag: true, fixedId: "#sf-fixed-id-37c0031a91", fixedClass: 'nav-fixed-37c0031a91 nav-fixed', //===================== ПОЛНОЭКРАННОЕ =====================// fullScreenFlag: true, fullScreenTheme: 'theme-light full-screen-color-37c0031a91', //===================== ТРАНСФОРМ =====================// transformFlag: true, transformPaddingOne: 'p-3 t-0 ', transformPaddingLower: ' t-0', transformEffectHover: 'blackout', transformTheme: 'theme-light child-color-submenu-37c0031a91 fixed-theme-light-submenu fixed-submenu-color37c0031a91 ', //===================== МОБИЛЬНОЕ =====================// mobileFlag: true, }); }); </script> </div> </div> </div> </div> </div> <div class="container-wrap l-inherit l-underline-none shadow-2 " style=""> <div class="container "> <div class="row "> <div class=" col-12 col-lg-8 py-3 align-self-center"> <div class=" "> <ol class="t-list m-0 p-0" itemscope itemtype="http://schema.org/BreadcrumbList"><li class="float-left"><a href="/"><i class="fa fa-home fa-fw"></i></a><li class="float-left" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><i class="far fa-angle-right mx-2" aria-hidden="true"></i> <a href="/press-center/" title="Пресс-центр" itemprop="item"><span itemprop="name">Пресс-центр</span></a><meta itemprop="position" content="0" /></li><li class="float-left" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><i class="far fa-angle-right mx-2" aria-hidden="true"></i> <a href="/press-center/news/" title="Новости" itemprop="item"><span itemprop="name">Новости</span></a><meta itemprop="position" content="1" /></li><li class="float-left" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><i class="far fa-angle-right mx-2" aria-hidden="true"></i> <a href="/press-center/news/" title="Новости" itemprop="item"><span itemprop="name">Новости</span></a><meta itemprop="position" content="2" /></li><li class="float-left" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><i class="far fa-angle-right mx-2" aria-hidden="true"></i> <a href="/press-center/news/novosti-instituta/" title="Новости института" itemprop="item"><span itemprop="name">Новости института</span></a><meta itemprop="position" content="3" /></li><li class="float-left active" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><i class="far fa-angle-right mx-2" aria-hidden="true"></i> Профориентационная встреча со студентами колледжа культуры и искусств</li></ol>

Профориентационная встреча со студентами колледжа культуры и искусств

vd1bgmshfj04sil4z2j57soxax19i91c.jpeg
15 марта 2023 Просмотров: 922

14 марта студенты кафедры Народной художественной культуры АГИКИ под руководством доцента кафедры Ольги Ковровой в целях профориентации встретились со студентами колледжа культуры и искусств им. А.Д. Макаровой.

Студенты АГИКИ рассказали о перспективах выбранной профессии, насыщенной студенческой жизни, также обсудили реализацию будущих совместных проектов.