Showing source for: https://eugene-center.ru/
Duration: 0.392918s
Server: nginx/1.24.0
<!DOCTYPE html>
<html style="font-size: 16px;" lang="ru">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
@media (min-width: 1200px){.container {max-width: 1200px!important;}}
body {font-family: "Roboto", sans-serif!important}
h1.sf-title, h2.sf-title, h3.sf-title, h4.sf-title, h5.sf-title, h6.sf-title, .sf-title {font-family: "Alegreya Sans", sans-serif!important}
h1.sf-title, h2.sf-title, h3.sf-title, h4.sf-title, h5.sf-title, h6.sf-title, .sf-title {font-weight: normal!important}
.c-primary {color: #D7CCC8!important}
.c-secondary {color: #607D8B!important}
.bg-primary {background: #D7CCC8!important}
.bg-secondary {background: #607D8B!important}
.hover\:bg-primary:hover {background: #D7CCC8!important}
.hover\:bg-secondary:hover {background: #607D8B!important}
.b-primary {border-color: #D7CCC8!important}
.b-secondary {border-color: #607D8B!important}
.f-primary {fill: #D7CCC8!important}
.f-secondary {fill: #607D8B!important}
.s-primary {stroke: #D7CCC8!important}
.s-secondary {stroke: #607D8B!important}
/* border radius */
.r-default{border-radius: 0.5rem}
/* link */
a.l-primary, .l-primary a {color: #D7CCC8!important}
a.l-secondary, .l-secondary a {color: #607D8B!important}
a.l-hover-primary:hover, .l-hover-primary a:hover {color: #D7CCC8!important}
a.l-hover-secondary:hover, .l-hover-secondary a:hover {color: #607D8B!important}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #D7CCC8!important;}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #607D8B!important;}
/* button */
.btn-primary {background-color: #D7CCC8!important; border-color: #cbc0bc!important;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle {background-color: #beb3af!important; border-color: #b9aeaa!important;}
.btn-primary.disabled, .btn-primary:disabled {background-color: #f0e5e1!important; border-color: #e3d8d4!important;}
.btn-secondary {background-color: #607D8B!important; border-color: #54717f!important;}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {background-color: #476472!important; border-color: #425f6d!important;}
.btn-secondary.disabled, .btn-secondary:disabled {background-color: #7996a4!important; border-color: #6c8997!important;}
.btn-outline.btn-primary:active, .btn-outline.btn-primary.active, .btn-outline.btn-primary.focus, .btn-outline.btn-primary:focus, .show > .btn-outline.btn-primary.dropdown-toggle {background-color: #D7CCC8 !important; border-color: #D7CCC8 !important;}
.btn-outline.btn-secondary:active, .btn-outline.btn-secondary.active, .btn-outline.btn-secondary.focus, .btn-outline.btn-secondary:focus, .show > .btn-outline.btn-secondary.dropdown-toggle {background-color: #607D8B !important; border-color: #607D8B !important;}
.btn-outline.btn-primary {color: #D7CCC8!important; border-color: #D7CCC8!important; background-color: transparent!important; background-image: none!important;}
.btn-outline.btn-primary:hover, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus {background-color: #D7CCC8!important; border-color: #D7CCC8!important; color: white!important;}
.btn-outline.btn-secondary {color: #607D8B!important; border-color: #607D8B!important; background-color: transparent!important; background-image: none!important;}
.btn-outline.btn-secondary:hover, .btn-outline.btn-secondary:active, .btn-outline.btn-secondary:focus {background-color: #607D8B!important; border-color: #607D8B!important; color: white!important;}
.btn-primary.btn-flat {background: transparent!important; color: #D7CCC8!important;}
.btn-secondary.btn-flat {background: transparent!important; color: #607D8B!important;}
/* navbar */
.light.sf-left-catalog ul li a span.submenu-indicator:hover {background-color: #D7CCC8!important}
@media (min-width: 768px) {
.sf-nav section.center-section > ul > li.active > a.underline span.item-hover,
.sf-nav section.center-section > ul > li:hover > a.underline span.item-hover,
.sf-nav section.center-section > ul > li.focus > a.underline span.item-hover {
border-bottom-color: #D7CCC8!important;
}
.sf-nav section.center-section > ul > li.active > a.fill,
.sf-nav section.center-section > ul > li:hover > a.fill,
.sf-nav section.center-section > ul > li.focus > a.fill {
background: #D7CCC8!important;
}
}
@media (min-width: 768px) {
.center-section li.item-mega:hover > a > span.item-hover,
.center-section li.item-mega.hover > a > span.item-hover,
.center-section li.item-mega.focus > a > span.item-hover {
border-bottom-color: #D7CCC8!important;
}
}
/* tabs */
.sf-tabs-topline nav li.sf-tab-current {border-top-color: #D7CCC8!important;}
.sf-tabs-topline nav li.sf-tab-current a {box-shadow: inset 0 3px 0 #D7CCC8!important;}
.sf-tabs-topline nav a:hover {color: #D7CCC8!important;}
/*title*/
.sf-title-underline-center .sf-title:after,
.sf-title-underline-center.sf-title:after,
.sf-title-underline-center-double .sf-title:before,
.sf-title-underline-center-double.sf-title:before,
.sf-title-underline-center-double .sf-title:after,
.sf-title-underline-center-double.sf-title:after,
.sf-title-underline-left .sf-title:after,
.sf-title-underline-left.sf-title:after
{background: #D7CCC8!important}
.sf-nav-full-screen .sf-nav-full-screen-content .sf-nav-full-screen-lists ul li a span.submenu-indicator:hover
{background: #D7CCC8!important;}
.settings-panel .sf-tab-nav li.active {background-color: #D7CCC8;}
/* form */
.form-control:focus {box-shadow: 0 0 0 2px #D7CCC8!important;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Школа "Юджин-Центр"" />
<meta name="description" content="Школа "Юджин-Центр"" />
<link href="/bitrix/cache/css/s1/simai.framework/page_643bb4eee48ac2cdfdfe78207a31c8ca/page_643bb4eee48ac2cdfdfe78207a31c8ca_v1.css?170617706015468" type="text/css" rel="stylesheet" />
<link href="/bitrix/cache/css/s1/simai.framework/template_246ae99e0e5e1d03ce325ebe8066b56b/template_246ae99e0e5e1d03ce325ebe8066b56b_v1.css?1706177020897047" type="text/css" data-template-style="true" rel="stylesheet" />
<script type="text/javascript">if(!window.BX)window.BX={};if(!window.BX.message)window.BX.message=function(mess){if(typeof mess==='object'){for(let i in mess) {BX.message[i]=mess[i];} return true;}};</script>
<script type="text/javascript">(window.BX||top.BX).message({'JS_CORE_LOADING':'Загрузка...','JS_CORE_NO_DATA':'- Нет данных -','JS_CORE_WINDOW_CLOSE':'Закрыть','JS_CORE_WINDOW_EXPAND':'Развернуть','JS_CORE_WINDOW_NARROW':'Свернуть в окно','JS_CORE_WINDOW_SAVE':'Сохранить','JS_CORE_WINDOW_CANCEL':'Отменить','JS_CORE_WINDOW_CONTINUE':'Продолжить','JS_CORE_H':'ч','JS_CORE_M':'м','JS_CORE_S':'с','JSADM_AI_HIDE_EXTRA':'Скрыть лишние','JSADM_AI_ALL_NOTIF':'Показать все','JSADM_AUTH_REQ':'Требуется авторизация!','JS_CORE_WINDOW_AUTH':'Войти','JS_CORE_IMAGE_FULL':'Полный размер'});</script>
<script type="text/javascript" src="/bitrix/js/main/core/core.min.js?1692296131220181"></script>
<script>BX.setJSList(['/bitrix/js/main/core/core_ajax.js','/bitrix/js/main/core/core_promise.js','/bitrix/js/main/polyfill/promise/js/promise.js','/bitrix/js/main/loadext/loadext.js','/bitrix/js/main/loadext/extension.js','/bitrix/js/main/polyfill/promise/js/promise.js','/bitrix/js/main/polyfill/find/js/find.js','/bitrix/js/main/polyfill/includes/js/includes.js','/bitrix/js/main/polyfill/matches/js/matches.js','/bitrix/js/ui/polyfill/closest/js/closest.js','/bitrix/js/main/polyfill/fill/main.polyfill.fill.js','/bitrix/js/main/polyfill/find/js/find.js','/bitrix/js/main/polyfill/matches/js/matches.js','/bitrix/js/main/polyfill/core/dist/polyfill.bundle.js','/bitrix/js/main/core/core.js','/bitrix/js/main/polyfill/intersectionobserver/js/intersectionobserver.js','/bitrix/js/main/lazyload/dist/lazyload.bundle.js','/bitrix/js/main/polyfill/core/dist/polyfill.bundle.js','/bitrix/js/main/parambag/dist/parambag.bundle.js']);
</script>
<script type="text/javascript">(window.BX||top.BX).message({'LANGUAGE_ID':'ru','FORMAT_DATE':'DD.MM.YYYY','FORMAT_DATETIME':'DD.MM.YYYY HH:MI:SS','COOKIE_PREFIX':'BITRIX_SM','SERVER_TZ_OFFSET':'10800','UTF_MODE':'Y','SITE_ID':'s1','SITE_DIR':'/','USER_ID':'','SERVER_TIME':'1714831687','USER_TZ_OFFSET':'0','USER_TZ_AUTO':'Y','bitrix_sessid':'338e1d55e2abd81e3896277a80e2ad61'});</script>
<script type="text/javascript">BX.setJSList(['/bitrix/components/bitrix/map.yandex.view/templates/.default/script.js','/simai/asset/lazysizes/lazysizes-5.1.0/lazysizes.min.js','/simai/asset/lazysizes/lazysizes-5.1.0/plugins/respimg/ls.respimg.min.js','/simai/asset/lazysizes/lazysizes-5.1.0/plugins/unveilhooks/ls.unveilhooks.min.js','/simai/asset/jquery/jquery-3.3.1/jquery.min.js','/simai/asset/popper/popper-1.14.5/js/popper.min.js','/simai/asset/simai.framework/sf4.master/core/js/sf-full.min.js','/simai/asset/simai.framework/sf4.master/plugin/navigation/js/sf-nav.min.js','/simai/asset/fancybox/fancybox.master/js/jquery.fancybox.min.js','/simai/asset/swiper/swiper-4.4.2/js/swiper.min.js','/simai/asset/simai.special/js/voice.js','/bitrix/components/bitrix/search.title/script.js','/bitrix/templates/simai.framework/components/bitrix/search.title/nav.search/script.js','/bitrix/components/simai/feedback.error/templates/.default/script.js']);</script>
<script type="text/javascript">BX.setCSSList(['/bitrix/components/simai/sf.banner.main/templates/.default/style.css','/bitrix/components/simai/sf.swiper.nav/templates/sf-swiper-nav-circle-in/style.css','/bitrix/components/simai/sf.iblock.calendar/templates/.default/style.css','/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css','/bitrix/components/simai/sf.swiper.nav/templates/.default/style.css','/simai/asset/simai.framework/sf4.master/core/css/sf-full.min.css','/simai/asset/simai.framework/sf4.master/plugin/navigation/css/sf-nav.min.css','/simai/asset/simai.framework/sf4.master/plugin/md-color/css/md-color.min.css','/simai/asset/simai.bx-panel/bx-panel-1.0.0/bx-panel.css','/simai/asset/font-awesome/sf-icon-5.19/css/all.min.css','/simai/asset/fancybox/fancybox.master/css/jquery.fancybox.min.css','/simai/asset/swiper/swiper-4.4.2/css/swiper.min.css','/bitrix/components/simai/feedback.error/templates/.default/style.css','/bitrix/templates/simai.framework/template_styles.css']);</script>
<meta name="author" content="SIMAI Studio — http://simai.studio" />
<meta name="copyright" content="В© SIMAI Ltd." />
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=cyrillic,cyrillic-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:300,400,700&subset=cyrillic,cyrillic-ext" rel="stylesheet">
<script type="text/javascript">BX.message({'SF_SPECIAL__SPECIAL_WHITE':'Белая','SF_SPECIAL__SPECIAL_BLACK':'Черная','SF_SPECIAL__SPECIAL_YELLOW':'Желтая','SF_SPECIAL__SPECIAL_BLUE':'Голубая','SF_SPECIAL__SPECIAL_GREEN':'Зеленая','SF_SPECIAL__SPECIAL_KEGL':' пунктов','SF_SPECIAL__KEGL_16':'16 пунктов','SF_SPECIAL__KERNING_NORMAL':'Нормальный','SF_SPECIAL__KERNING_MIDDLE':'Средний','SF_SPECIAL__KERNING_BIG':'Большой','SF_SPECIAL__IMG_OFF':'Выключены','SF_SPECIAL__IMG_ON_BLACK':'Чёрно-белые','SF_SPECIAL__IMG_ON_COLOR':'Цветные','SF_SPECIAL__INTERVAL_1_0':'Одинарный','SF_SPECIAL__INTERVAL_1_5':'Полуторный','SF_SPECIAL__INTERVAL_2_0':'Двойной','SF_SPECIAL__FONT_DEFAULT':'Стандартный','SF_SPECIAL__FONT_SANS':'Без засечек','SF_SPECIAL__FONT_SERIF':'С засечками','SF_SPECIAL__FONT_MONO':'Моноширинной','SF_SPECIAL__SOUND_ON':'Включен','SF_SPECIAL__SOUND_OFF':'Выключен','SF_SPECIAL__BTN_SANS_ARIAL':'Шрифт Arial(без засечек)','SF_SPECIAL__BTN_SANS':'Без засечек','SF_SPECIAL__BTN_SERIF_TIMES':'Шрифт Times(c засечками)','SF_SPECIAL__BTN_SERIF':'С засечками','SF_SPECIAL__BTN_MONO_COURIER':'Шрифт Courier New','SF_SPECIAL__BTN_MONO':'Моноширинной','SF_SPECIAL__BTN_MORE':'Уменьшить шрифт','SF_SPECIAL__BTN_LESS':'Увеличить шрифт','SF_SPECIAL__BTN_NORMAL':'Нормальный','SF_SPECIAL__BTN_MIDDLE':'Средний','SF_SPECIAL__BTN_BIG':'Большой','SF_SPECIAL__INTERVAL':'Интервал','SF_SPECIAL__BTN_ONE':'Одинарный','SF_SPECIAL__BTN_HALF':'Полуторный','SF_SPECIAL__BTN_TWO':'Двойной','SF_SPECIAL__COLOR':'Цвет','SF_SPECIAL__SCHEMA':' схема','SF_SPECIAL__BTN_WHITE':'Белая схема','SF_SPECIAL__BTN_BLACK':'Черная схема','SF_SPECIAL__BTN_YELLOW':'Желтая схема','SF_SPECIAL__BTN_BLUE':'Голубая схема','SF_SPECIAL__BTN_GREEN':'Зеленая схема','SF_SPECIAL__IMG':'Изображения','SF_SPECIAL__IMG_BTN_OFF':'Выключить изображения','SF_SPECIAL__IMG_BTN_BW':'Черно-белые изображения','SF_SPECIAL__IMG_BTN_COLOR':'Цветные изображения','SF_SPECIAL__PANEL':'Панель','SF_SPECIAL__BTN_OFF':'Выключить версию для слабовидящих','SF_SPECIAL__BTN_DEFAULT':'Сбросить настройки','SF_SPECIAL__BTN_UP':'Свернуть панель','SF_SPECIAL__KERNING':'Кернинг','SF_SPECIAL__KEGL':'Размер шрифта','SF_SPECIAL__FONT':'Шрифт','SF_SPECIAL__BTN_OFF_TEXT':'Выкл','SF_SPECIAL__BTN_BW_TEXT':'Ч/Б','SF_SPECIAL__IMG_BTN_COLOR_TEXT':'Цвет'})</script>
<meta property="og:url" content="http:///index.php" />
<meta property="og:type" content="website" />
<meta property="og:title" content="НОЧУ СОШ "Юджин-Центр"" />
<meta property="og:description" content="Школа "Юджин-Центр"" />
<meta property="og:image" content="http:///ru/simai.data/image/meta/shkola.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="http:///index.php" />
<meta name="twitter:title" content="НОЧУ СОШ "Юджин-Центр"" />
<meta name="twitter:description" content="Школа "Юджин-Центр"" />
<meta name="twitter:image" content="http:///ru/simai.data/image/meta/shkola.png" />
<script type="text/javascript" src="/bitrix/cache/js/s1/simai.framework/template_2f8c6706bbf5c4d97e0d284138156200/template_2f8c6706bbf5c4d97e0d284138156200_v1.js?1706177020465760"></script>
<script type="text/javascript" src="/bitrix/cache/js/s1/simai.framework/page_cda089a69bafee7491e70540f5ec1eb7/page_cda089a69bafee7491e70540f5ec1eb7_v1.js?17061770491897"></script>
<script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "7d9547ef49088ea2e4d55bdc9f64a07f"]); _ba.push(["host", "eugene-center.ru"]); (function() {var ba = document.createElement("script"); ba.type = "text/javascript"; ba.async = true;ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ba, s);})();</script>
<title>НОЧУ СОШ "Юджин-Центр"</title>
<link rel="shortcut icon" href="/simai.data/image/favicon/favicon.ico" type="image/x-icon">
</head>
<body
class =
"
lazyload
sf-pagewrap-area-layout-narrow
sf-pagewrap-area-container-fixed
container-size-1200
roboto
theme-light
"
style =
"
background-color: transparent;
background-repeat: ;
background-position-x: ;
background-position-y: ;
background-size: ;
font-size: 16px;
background-attachment: fixed;
"
data-bg="/simai.data/image/body/ЮДЖИН-ЦЕНТР-12.png"
>
<section class="sf-service-top-area d-print-none">
</section>
<section
class =
"
sf-pagewrap-area
overflow-hidden d-flex flex-col justify-content-start "
style = "background-color: transparent"
>
<header
class =
"
header-area d-print-none
theme-light
bg-theme-0 mb-0 "
style =
"
background-color: transparent;
background-image: url(/simai.data/image/header/Лого 100 - 08.png);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom;
background-size: auto;
"
>
<div style="position:relative">
<section class="sf-grid-area ">
<div class="container-wrap bg-theme-1 bb-1 b-theme-3 lazyload sf-viewbox-wrap theme-dark" style="">
<div class="sf-viewbox lazyload" data-bg="/upload/panel-2.png" style="background-repeat: repeat; "></div>
<div class="sf-viewbox position-relative">
<div class="container ">
<div class="row ">
<div class=" col-12 ">
<div class=" ">
<style>
caption {
display: none;
}
.nav-dropdown{z-index:1;}
.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;
}
@media (max-width: 768px) {
.mobile-level{
flex-direction: column !important;
}
.item-text{
white-space: normal !important;
}
}
</style>
<style>
.sf-nav-fixedPFeY8f {background: transparent!important;}
.child-color-submenu-PFeY8f {background:white;}
@media (max-width: 768px) {
.mobile-viewPFeY8f {background: #f1f3f5!important;}
}
.nav-fixed-PFeY8f {background: rgba(255, 255, 255, 1)!important;}
.nav-fixed-PFeY8f .fixed-submenu-colorPFeY8f {background: white!important;}
</style>
<div class="navigation-container sf-nav-fixedPFeY8f no-fixed sf-nav-fixed
fixed-theme-light
vertical-submenu"
id="sf-fixed-id-PFeY8f">
<div class="container-wrap">
<div class="w-100 nav-container">
<nav data-nav id="sf-nav-PFeY8f"
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-center mobile-theme-light mobile-viewPFeY8f ">
<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-center p-0 m-0">
<li class="nav-item ">
<a class="p-2 t--1 underline item-link "
href="/life/event/">
<span class="item-text">
Календарь событий </span>
<span class="item-hover" style="display:none"></span>
</a>
</li>
<li class="nav-item ">
<a class="p-2 t--1 underline item-link "
href="/life/presentation/">
<span class="item-text">
"Юджин-Центр" рассказывает о себе </span>
<span class="item-hover" style="display:none"></span>
</a>
</li>
<li class="nav-item ">
<a class="p-2 t--1 underline item-link "
href="/about/awards/">
<span class="item-text">
Отзывы и благодарности </span>
<span class="item-hover" style="display:none"></span>
</a>
</li>
<li class="nav-item ">
<a class="p-2 t--1 underline item-link "
href="/upload/calendar2023b.pdf">
<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-PFeY8f').sfNavMulti({
searchContainer: false,
horizontalSubmenu: false,
transferHeadingItem: false,
//===================== ФИКСИРОВАННОЕ =====================//
fixedFlag: false,
//===================== ПОЛНОЭКРАННОЕ =====================//
fullScreenFlag: false,
//===================== ТРАНСФОРМ =====================//
transformFlag: true,
transformPaddingOne: 'p-2 t--1',
transformPaddingLower: ' t--1',
transformEffectHover: 'underline',
transformTheme: 'theme-light child-color-submenu-PFeY8f fixed-theme-light-submenu fixed-submenu-colorPFeY8f ',
//===================== МОБИЛЬНОЕ =====================//
mobileFlag: true,
});
});
</script>
</div>
</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/Лого 100 - 2 - 12.png" class="" style="max-height:4rem"/>
</a>
</div>
<div class=" ">
<h1 class="t-0 m-0 c-text-primary t-title l-hover-underline-none">
</h1>
</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">
119454 г. Москва, ул. Лобачевского, 72.</span> </div>
<div class=" ">
<i class="far fa-fw fa-phone mr-2 c-primary" aria-hidden="true"></i>
<span class="" style="white-space:nowrap"><a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="tel:+7 (499) 431-0903">+7 (499) 431-0903</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:[email protected]">
[email protected]</a> </div>
</div> </div>
<div class=" col-12 col-lg-3 t--1 d-flex align-items-center">
<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>
caption {
display: none;
}
.nav-dropdown{z-index:1;}
.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;
}
@media (max-width: 768px) {
.mobile-level{
flex-direction: column !important;
}
.item-text{
white-space: normal !important;
}
}
</style>
<style>
.sf-nav-fixedqi42LW {background: #fcfcf3!important;}
.child-color-submenu-qi42LW {background:#E0E0E0;}
@media (max-width: 768px) {
.mobile-viewqi42LW {background: #29B6F6!important;}
}
.full-screen-color-qi42LW {background: white!important;}
.nav-fixed-qi42LW {background: white!important;}
.nav-fixed-qi42LW .fixed-submenu-colorqi42LW {background: white!important;}
</style>
<div class="navigation-container sf-nav-fixedqi42LW no-fixed sf-nav-fixed
theme-light
fixed-theme-light
vertical-submenu"
id="sf-fixed-id-qi42LW">
<div class="container-wrap">
<div class="w-100 nav-container">
<nav data-nav id="sf-nav-qi42LW"
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-center mobile-theme-light mobile-viewqi42LW ">
<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-center p-0 m-0">
<li class="nav-item ">
<a class="p-3 t-0 blackout item-link transfer-item "
href="/about/">
<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-center
theme-light child-color-submenu-qi42LW
fixed-theme-light-submenu fixed-submenu-colorqi42LW mobile-theme-light mobile-viewqi42LW " style="z-index:100">
<div class="content-mobile-horizontal" 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="back-text">
Назад </span>
</a>
</div>
<ul class="nav-items submenu-items p-0 container w-100">
<li class="nav-item one-mobile one-link">
<a class="p-3 t--1 item-link"
href="/about/">
<span class="item-text">
О нашей школе </span>
</a>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/about/greetings/">
<span class="item-text">
Лицензии, свидетельства об аккредитации </span>
</a>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/about/employees/?property_code=page_team_view_type&property_value=list">
<span class="item-text">
Администрация, учителя </span>
</a>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link"
href="/about/faq/">
<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>
</a>
<div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
theme-light child-color-submenu-qi42LW
fixed-theme-light-submenu fixed-submenu-colorqi42LW mobile-theme-light mobile-viewqi42LW ">
<div class="content-mobile-horizontal" style="display:none">
<h3 class="mobile-header" 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="back-text">
Назад </span>
</a>
</div>
<ul class="nav-items submenu-items p-0 container w-100">
<li class="nav-item one-mobile ">
<a class="p-3 t--1 item-link"
href="/about/faq/">
<span class="item-text">
Вопрос-ответ </span>
</a>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/about/faq/ask.php">
<span class="item-text">
Задать вопрос </span>
</a>
</li>
</ul>
</div>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/about/awards/">
<span class="item-text">
Отзывы и благодарности </span>
</a>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/about/pravila-povedeniya.php">
<span class="item-text">
Правила поведения </span>
</a>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link"
href="/about/graduates/">
<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>
</a>
<div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
theme-light child-color-submenu-qi42LW
fixed-theme-light-submenu fixed-submenu-colorqi42LW mobile-theme-light mobile-viewqi42LW ">
<div class="content-mobile-horizontal" style="display:none">
<h3 class="mobile-header" 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="back-text">
Назад </span>
</a>
</div>
<ul class="nav-items submenu-items p-0 container w-100">
<li class="nav-item one-mobile ">
<a class="p-3 t--1 item-link"
href="/about/graduates/">
<span class="item-text">
Наши выпускники </span>
</a>
<li class="d-none nav-item ">
<a class="p-3 t--1 item-link" href="/about/graduates/upload/">
<span class="item-text">
Загрузить фотографии </span>
<span class="item-icon">
<i class="far fa-lock" aria-hidden="true"></i>
</span>
</a>
</li>
</ul></div></li> </ul>
</div>
</li>
<li class="nav-item ">
<a class="p-3 t-0 blackout item-link transfer-item "
href="/about/faq/">
<span class="item-text">
Полезные страницы </span>
<span class="item-hover" style="display:none"></span>
</a>
</li>
<li class="nav-item ">
<a class="p-3 t-0 blackout item-link transfer-item "
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-center
theme-light child-color-submenu-qi42LW
fixed-theme-light-submenu fixed-submenu-colorqi42LW mobile-theme-light mobile-viewqi42LW " style="z-index:100">
<div class="content-mobile-horizontal" 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="back-text">
Назад </span>
</a>
</div>
<ul class="nav-items submenu-items p-0 container w-100">
<li class="nav-item one-mobile one-link">
<a class="p-3 t--1 item-link"
href="/life/">
<span class="item-text">
Жизнь школы </span>
</a>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/life/news/">
<span class="item-text">
Новости </span>
</a>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link"
href="/life/photo/">
<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>
</a>
<div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
theme-light child-color-submenu-qi42LW
fixed-theme-light-submenu fixed-submenu-colorqi42LW mobile-theme-light mobile-viewqi42LW ">
<div class="content-mobile-horizontal" style="display:none">
<h3 class="mobile-header" 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="back-text">
Назад </span>
</a>
</div>
<ul class="nav-items submenu-items p-0 container w-100">
<li class="nav-item one-mobile ">
<a class="p-3 t--1 item-link"
href="/life/photo/">
<span class="item-text">
Фотогалерея </span>
</a>
<li class="d-none nav-item ">
<a class="p-3 t--1 item-link" href="/life/photo/upload/">
<span class="item-text">
Загрузить фотографии </span>
<span class="item-icon">
<i class="far fa-lock" aria-hidden="true"></i>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link"
href="/life/video/">
<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>
</a>
<div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
theme-light child-color-submenu-qi42LW
fixed-theme-light-submenu fixed-submenu-colorqi42LW mobile-theme-light mobile-viewqi42LW ">
<div class="content-mobile-horizontal" style="display:none">
<h3 class="mobile-header" 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="back-text">
Назад </span>
</a>
</div>
<ul class="nav-items submenu-items p-0 container w-100">
<li class="nav-item one-mobile ">
<a class="p-3 t--1 item-link"
href="/life/video/">
<span class="item-text">
Видеогалерея </span>
</a>
<li class="d-none nav-item ">
<a class="p-3 t--1 item-link" href="/life/video/upload/">
<span class="item-text">
Добавить видео </span>
<span class="item-icon">
<i class="far fa-lock" aria-hidden="true"></i>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/life/event/">
<span class="item-text">
Календарь событий </span>
</a>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/life/presentation/">
<span class="item-text">
Школа рассказывает о себе </span>
</a>
</li>
</ul>
</div>
</li>
<li class="nav-item ">
<a class="p-3 t-0 blackout item-link transfer-item "
href="/contacts/">
<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-center
theme-light child-color-submenu-qi42LW
fixed-theme-light-submenu fixed-submenu-colorqi42LW mobile-theme-light mobile-viewqi42LW " style="z-index:100">
<div class="content-mobile-horizontal" 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="back-text">
Назад </span>
</a>
</div>
<ul class="nav-items submenu-items p-0 container w-100">
<li class="nav-item one-mobile one-link">
<a class="p-3 t--1 item-link"
href="/contacts/">
<span class="item-text">
Контакты, обратная связь </span>
</a>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/contacts/">
<span class="item-text">
Контакты, обратная связь </span>
</a>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/contacts/obratnaya-svyaz.php">
<span class="item-text">
Обратная связь </span>
</a>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link"
href="/contacts/vacancy/">
<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>
</a>
<div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
theme-light child-color-submenu-qi42LW
fixed-theme-light-submenu fixed-submenu-colorqi42LW mobile-theme-light mobile-viewqi42LW ">
<div class="content-mobile-horizontal" style="display:none">
<h3 class="mobile-header" 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="back-text">
Назад </span>
</a>
</div>
<ul class="nav-items submenu-items p-0 container w-100">
<li class="nav-item one-mobile ">
<a class="p-3 t--1 item-link"
href="/contacts/vacancy/">
<span class="item-text">
Учителя, вакансии </span>
</a>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/contacts/vacancy/add/">
<span class="item-text">
Заполнить анкету </span>
</a>
</li>
</ul>
</div>
</li>
<li class="nav-item ">
<a class="p-3 t--1 item-link" href="/contacts/vacant/">
<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" 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"></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' : '/',
'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-qi42LW').sfNavMulti({
searchContainer: false,
horizontalSubmenu: false,
transferHeadingItem: true,
//===================== ФИКСИРОВАННОЕ =====================//
fixedFlag: false,
//===================== ПОЛНОЭКРАННОЕ =====================//
fullScreenFlag: false,
//===================== ТРАНСФОРМ =====================//
transformFlag: false,
//===================== МОБИЛЬНОЕ =====================//
mobileFlag: true,
});
});
</script>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</header>
<div class="h-100 flex-grow-1 d-flex flex-column ">
<section
class =
"
sf-page-area
sf-page-area-section
row
"
>
<main
class = "
sf-main-area
col-12
col-md-12
order-first order-md-2 sf-link sf-link-theme mb-0 "
>
<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=" ">
<section class="swiper-container d-none d-sm-block" id="slider-yn4Az6kZ">
<div class="swiper-wrapper" style="height: auto">
<div
id="bx_230391042_857"
class="swiper-slide sf-viewbox-wrap position-relative"
style="height: auto;"
>
<!-- image banner -->
<a href="/life/presentation/">
<img src="/upload/iblock/a67/aze4s5c0uc7z8g41s714bpn0zezz4mtq.jpg" class="img-fluid w-100">
</a>
<!-- HTML5 banner -->
</div>
<div
id="bx_230391042_1091"
class="swiper-slide sf-viewbox-wrap position-relative"
style="height: auto;"
>
<!-- image banner -->
<a href="/life/presentation/">
<img src="/upload/iblock/92a/elmgbj1uywq7e45i4gagg9cy7chler2v.jpg" class="img-fluid w-100">
</a>
<!-- HTML5 banner -->
</div>
<div
id="bx_230391042_1093"
class="swiper-slide sf-viewbox-wrap position-relative"
style="height: auto;"
>
<!-- image banner -->
<a href="/life/presentation/">
<img src="/upload/iblock/36b/3p1b5pvg57uj9444jyly3i667ofseov4.jpg" class="img-fluid w-100">
</a>
<!-- HTML5 banner -->
</div>
<div
id="bx_230391042_1092"
class="swiper-slide sf-viewbox-wrap position-relative"
style="height: auto;"
>
<!-- image banner -->
<a href="/life/presentation/">
<img src="/upload/iblock/034/1pgjbrhz76y15fopc0nvj5903fb7gtax.jpg" class="img-fluid w-100">
</a>
<!-- HTML5 banner -->
</div>
<div
id="bx_230391042_1094"
class="swiper-slide sf-viewbox-wrap position-relative"
style="height: auto;"
>
<!-- image banner -->
<a href="/life/presentation/">
<img src="/upload/iblock/4f8/hfcf6ubzlid3qb9alogjlhnstf0xa4jp.jpg" class="img-fluid w-100">
</a>
<!-- HTML5 banner -->
</div>
</div>
<!-- navigation -->
<div class="sf-swiper-button sf-swiper-button-next sf-swiper-nav-circle-in" style="display:block"></div>
<div class="sf-swiper-button sf-swiper-button-prev sf-swiper-nav-circle-in" style="display:block"></div>
<div class="sf-swiper-pagination sf-swiper-nav-circle-in" style="display:block"></div>
</section>
<script>
// animation function
function animationIn(animationId, msDelay, nameAnimation) {
animationId.css('animation-delay', msDelay/1000 + 's');
//console.log(nameAnimation);
animationId.addClass(nameAnimation + ' animated').on('animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationEnd',
function() {
$(this).removeClass(nameAnimation + ' animated');
});
}
$titleS = $(document.querySelector('.title-animation'));
$descriptionS = $(document.querySelector('.description-animation'));
$imageS = $(document.querySelector('.image-animation'));
$buttonS = $(document.querySelector('.button-animation'));
// start animation on load slider
animationIn($titleS, '250', 'zoomIn');
animationIn($descriptionS , '500', 'zoomIn');
animationIn($imageS, '750', 'zoomIn');
animationIn($buttonS, '1000', 'zoomIn');
var arTitle = [],
arDesc = [],
arImage = [],
arButton = [];
var ar = ['250', 'zoomIn'];
arTitle.push(ar);
var ar = ['500', 'zoomIn'];
arDesc.push(ar);
var ar = ['750', 'zoomIn'];
arImage.push(ar);
var ar = ['1000', 'zoomIn'];
arButton.push(ar);
var ar = ['250', 'zoomIn'];
arTitle.push(ar);
var ar = ['500', 'zoomIn'];
arDesc.push(ar);
var ar = ['1000', 'zoomIn'];
arImage.push(ar);
var ar = ['1000', 'zoomIn'];
arButton.push(ar);
var ar = ['250', 'zoomIn'];
arTitle.push(ar);
var ar = ['500', 'zoomIn'];
arDesc.push(ar);
var ar = ['750', 'fadeInUp'];
arImage.push(ar);
var ar = ['1000', 'zoomIn'];
arButton.push(ar);
var ar = ['500', 'zoomIn'];
arTitle.push(ar);
var ar = ['1000', 'zoomIn'];
arDesc.push(ar);
var ar = ['1000', 'zoomIn'];
arImage.push(ar);
var ar = ['1000', 'fadeInUp'];
arButton.push(ar);
var ar = ['250', 'zoomIn'];
arTitle.push(ar);
var ar = ['500', 'fadeInUp'];
arDesc.push(ar);
var ar = ['750', 'fadeInUp'];
arImage.push(ar);
var ar = ['1000', 'fadeInUp'];
arButton.push(ar);
$(document).ready(function (){
var Aswiper = new Swiper({
el: '#slider-yn4Az6kZ',
pagination: {
el: '.sf-swiper-pagination',
},
initialSlide: 0,
on : {
slideChangeTransitionStart : function() {
$title = $(this.slides[this.activeIndex]).find('.title-animation');
$description = $(this.slides[this.activeIndex]).find('.description-animation');
$image = $(this.slides[this.activeIndex]).find('.image-animation');
$button = $(this.slides[this.activeIndex]).find('.button-animation');
$title.css("opacity", "0");
$description.css("opacity", "0");
$image.css("opacity", "0");
$button.css("opacity", "0");
$title.css("opacity", "0");
$description.css("opacity", "0");
$image.css("opacity", "0");
$button.css("opacity", "0");
$title.css("opacity", "0");
$description.css("opacity", "0");
$image.css("opacity", "0");
$button.css("opacity", "0");
$title.css("opacity", "0");
$description.css("opacity", "0");
$image.css("opacity", "0");
$button.css("opacity", "0");
$title.css("opacity", "0");
$description.css("opacity", "0");
$image.css("opacity", "0");
$button.css("opacity", "0");
},
slideChangeTransitionEnd : function() {
$title = $(this.slides[this.activeIndex]).find('.title-animation');
$description = $(this.slides[this.activeIndex]).find('.description-animation');
$image = $(this.slides[this.activeIndex]).find('.image-animation');
$button = $(this.slides[this.activeIndex]).find('.button-animation');
if(arTitle[this.realIndex][0] != '') {
$title.css("opacity", "1");
animationIn($title, arTitle[this.realIndex][0], arTitle[this.realIndex][1]);
}
if(arDesc[this.realIndex][0] != '') {
$description.css("opacity", "1");
animationIn($description, arDesc[this.realIndex][0], arDesc[this.realIndex][1]);
}
if(arImage[this.realIndex][0] != '') {
$image.css("opacity", "1");
animationIn($image, arImage[this.realIndex][0], arImage[this.realIndex][1]);
}
if(arButton[this.realIndex][0] != '') {
$button.css("opacity", "1");
animationIn($button, arButton[this.realIndex][0], arButton[this.realIndex][1]);
}
},
},
loop: true,
navigation: {
nextEl:'.sf-swiper-button-next',
prevEl: '.sf-swiper-button-prev',
},
lazy: true,
effect: 'fade',
autoHeight: false,
autoplay: { delay:5000,} });
var flag = false,
flag2 = false;
setInterval(function() {
var element = Aswiper.slides[Aswiper.activeIndex];
var container = document.getElementById(Aswiper.el.id);
if(typeof element == "undefined"){
var dark = null;
var light = null;
}else{
var dark = element.querySelector('.theme-dark');
var light = element.querySelector('.theme-light');
}
if(dark != null) {
if(dark.classList.contains('theme-dark') && !container.classList.contains('theme-dark'))
container.classList.add('theme-dark');
else if(!dark.classList.contains('theme-dark') && container.classList.contains('theme-dark'))
container.classList.remove('theme-dark');
} else if(container.classList.contains('theme-dark')) {
container.classList.remove('theme-dark');
}
if(light != null) {
if(light.classList.contains('theme-light') && !container.classList.contains('theme-light'))
container.classList.toggle('theme-light');
else if(!light.classList.contains('theme-light') && container.classList.contains('theme-light'))
// Удаляем
container.classList.remove('theme-light');
} else if(container.classList.contains('theme-light')) {
container.classList.remove('theme-light');
}
}, 100);
});
</script> </div>
</div>
</div>
</div>
</div>
<div class="container-wrap pt-4 shadow-inner-2y lazyload sf-viewbox-wrap inherit-theme" style="">
<div class="sf-viewbox bg-theme-0 o-6"></div>
<div class="sf-viewbox position-relative">
<div class="container ">
<div class="row ">
<div class=" col-12 col-lg-5 ">
<div class="d-none d-sm-block r-default overflow-hidden mb-4 hover:shadow-3 transition"> <div class=" ">
<div class="d-flex mb-3">
<h2 class="sf-title l-inherit l-hover-underline-none sf-title-underline-left mb-3 t-2">
<a href="life/news/">
Главное
</a>
</h2>
</div>
</div>
<div class=" ">
<section class="sf-iblock-card-area lazyload sf-viewbox-wrap inherit-theme hover:shadow-4 bg-white r-default overflow-hidden transition">
<div class="sf-viewbox position-relative">
<div class="swiper-container info-swiper" id="slider-ZheVGdf">
<div class="swiper-wrapper">
<div class="swiper-slide" id="bx_4019558429_5078" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Экскурсия — Бородинское поле">
<div class="iblock-list-item position-relative align-self-stretch ">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/7dd/1000_666_2/k3crjqm5wn51gvjnb5v7ql8cmxhjb5rj.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Экскурсия — Бородинское поле </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/ekskursiya-borodinskoe-pole-2024/" style="background-color: transparent!important"
data-alt="Экскурсия — Бородинское поле" data-title="Экскурсия — Бородинское поле"
alt="Экскурсия — Бородинское поле" title="Экскурсия — Бородинское поле" aria-label="Экскурсия — Бородинское поле"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-4 h-100">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>23.04.2024</p>
<p class="t-1 mb-2 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/ekskursiya-borodinskoe-pole-2024/" hidefocus="true" >Экскурсия — Бородинское поле</a>
</p>
<div class="c-text-secondary">Сегодня наши старшие классы — 8,9 и10-й
— в восемь часов утра выехали на
экскурсию в Бородинский
военно-исторический музей-заповедник,
экскурсию с зам...</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_4019558429_5032" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Выставка «Весеннее настроение»">
<div class="iblock-list-item position-relative align-self-stretch ">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/d47/1000_666_2/6ug56en66gtuql2gb8agw86ex07f0pkb.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Выставка «Весеннее настроение» </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/vystavka-vesennee-nastroenie-2024/" style="background-color: transparent!important"
data-alt="Выставка «Весеннее настроение»" data-title="Выставка «Весеннее настроение»"
alt="Выставка «Весеннее настроение»" title="Выставка «Весеннее настроение»" aria-label="Выставка «Весеннее настроение»"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-4 h-100">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>19.04.2024</p>
<p class="t-1 mb-2 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/vystavka-vesennee-nastroenie-2024/" hidefocus="true" >Выставка «Весеннее настроение»</a>
</p>
<div class="c-text-secondary">В холле школы, в левом крыле начала
работать выставка «Весеннее
настроение». Экспонаты выставки
сделали своими руками мальчишки и
девчонки из второго ...</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_4019558429_5044" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Коломенское — музей в годы войны">
<div class="iblock-list-item position-relative align-self-stretch ">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/8b1/1000_666_2/4q6kr8hwhv0569b83adl7kugvajpfd77.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Коломенское — музей в годы войны </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/kolomenskoe-muzey-v-gody-voyny-2024/" style="background-color: transparent!important"
data-alt="Коломенское — музей в годы войны" data-title="Коломенское — музей в годы войны"
alt="Коломенское — музей в годы войны" title="Коломенское — музей в годы войны" aria-label="Коломенское — музей в годы войны"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-4 h-100">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>17.04.2024</p>
<p class="t-1 mb-2 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/kolomenskoe-muzey-v-gody-voyny-2024/" hidefocus="true" >Коломенское — музей в годы войны</a>
</p>
<div class="c-text-secondary">Сегодня мальчишки и девчонки из 1 и 4
классов побывали в музее-заповеднике
«Коломенское» — на экскурсии «Музей в
годы Великой Отечественной войны».
Ре...</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_4019558429_5009" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Весенние игры ЧТО-ГДЕ-КОГДА">
<div class="iblock-list-item position-relative align-self-stretch ">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/691/1000_666_2/iaviypi1d37y6ld1s7zcybc5yiifbkxi.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Весенние игры ЧТО-ГДЕ-КОГДА </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/vesennie-igry-chto-gde-kogda-2024/" style="background-color: transparent!important"
data-alt="Весенние игры ЧТО-ГДЕ-КОГДА" data-title="Весенние игры ЧТО-ГДЕ-КОГДА"
alt="Весенние игры ЧТО-ГДЕ-КОГДА" title="Весенние игры ЧТО-ГДЕ-КОГДА" aria-label="Весенние игры ЧТО-ГДЕ-КОГДА"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-4 h-100">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>04.04.2024</p>
<p class="t-1 mb-2 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/vesennie-igry-chto-gde-kogda-2024/" hidefocus="true" >Весенние игры ЧТО-ГДЕ-КОГДА</a>
</p>
<div class="c-text-secondary">Вчера в «Юджине» закончилась весенняя
серия игр ЧТО-ГДЕ-КОГДА, большой
чемпионат, в котором приняли участие
все классы средней и старшей школы.
Формат...</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_4019558429_4974" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Чемпионат по гандболу – весна 2024">
<div class="iblock-list-item position-relative align-self-stretch ">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/a16/1000_666_2/vcz0g4m223ilmsyo3yto000116ch2m7a.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Чемпионат по гандболу – весна 2024 </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/chempionat-po-gandbolu-vesna-2024/" style="background-color: transparent!important"
data-alt="Чемпионат по гандболу – весна 2024" data-title="Чемпионат по гандболу – весна 2024"
alt="Чемпионат по гандболу – весна 2024" title="Чемпионат по гандболу – весна 2024" aria-label="Чемпионат по гандболу – весна 2024"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-4 h-100">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>15.03.2024</p>
<p class="t-1 mb-2 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/chempionat-po-gandbolu-vesna-2024/" hidefocus="true" >Чемпионат по гандболу – весна 2024</a>
</p>
<div class="c-text-secondary">Сегодня в спортивном зале сражались
гандбольные команды и среди них —
команда 5 класса, которая впервые
вышла на «большую арену», принимала
участие в ...</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_4019558429_4951" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Праздник 23 февраля — 8 марта, старшая школа">
<div class="iblock-list-item position-relative align-self-stretch ">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/59f/1000_666_2/ewbt13bcpuhpwffkqzk1wbo0zkpir8nx.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Праздник 23 февраля — 8 марта, старшая школа </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/prazdnik-23-fevralya-8-marta-starshaya-shkola/" style="background-color: transparent!important"
data-alt="Праздник 23 февраля — 8 марта, старшая школа" data-title="Праздник 23 февраля — 8 марта, старшая школа"
alt="Праздник 23 февраля — 8 марта, старшая школа" title="Праздник 23 февраля — 8 марта, старшая школа" aria-label="Праздник 23 февраля — 8 марта, старшая школа"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-4 h-100">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>07.03.2024</p>
<p class="t-1 mb-2 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/prazdnik-23-fevralya-8-marta-starshaya-shkola/" hidefocus="true" >Праздник 23 февраля — 8 марта, старшая
школа</a>
</p>
<div class="c-text-secondary">Сегодня девочки восхищаются
мальчиками — какие они красивые,
умные, сильные, ловкие. Сегодня
мальчики восхищаются девочками —
какие они красивые, умны...</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-next sf-swiper-button sf-swiper-button-next sf-swiper-nav-circle-in" style="display:block"></div>
<div class="swiper-button-prev sf-swiper-button sf-swiper-button-prev sf-swiper-nav-circle-in" style="display:block"></div>
<div class="sf-swiper-pagination sf-swiper-nav-circle-in" style="display:block"></div>
</div>
</div>
</section>
<script>
window.addEventListener('DOMContentLoaded', function() {
let NswiperZheVGdf = new Swiper({
el: '#slider-ZheVGdf',
initialSlide: 0,
pagination: {
el: '.sf-swiper-pagination',
},
navigation: {
nextEl:'.swiper-button-next',
prevEl: '.swiper-button-prev',
},
lazy: true,
slidesPerView: 1,
spaceBetween: 30,
breakpoints: {
1200: {
slidesPerView: 1,
spaceBetween: 30
},
992: {
slidesPerView: 1,
spaceBetween: 30
},
768: {
slidesPerView: 1,
spaceBetween: 20
},
576: {
slidesPerView: 1,
spaceBetween: 10
}
},
});
});
</script>
<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 class=" col-12 col-lg-7 ">
<div class=""> <div class=" ">
<div class="d-flex mb-3">
<h2 class="sf-title l-inherit l-hover-underline-none sf-title-underline-left mb-3 t-2">
<a href="life/news/">
Новости
</a>
</h2>
<div class="d-none d-sm-block align-self-center ml-auto">
<i class="far fa-arrow-circle-right mr-2 c-primary" aria-hidden="true"></i>
<a href="life/news/" class="c-text-secondary sf-link sf-link-dotted sf-link-theme">
Все новости </a>
</div>
</div>
</div>
<div class=" ">
<section class="sf-iblock-card-area lazyload sf-viewbox-wrap inherit-theme bg-transparent">
<div class="sf-viewbox position-relative">
<div class="row">
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1989986727_5078" >
<div class="iblock-list-item-wrap " area-label="Экскурсия — Бородинское поле">
<div class="iblock-list-item position-relative mb-4">
<div class="iblock-list-item-image r-default hover:shadow-3 transition overflow-hidden">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/7dd/510_340_2/k3crjqm5wn51gvjnb5v7ql8cmxhjb5rj.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Экскурсия — Бородинское поле </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/ekskursiya-borodinskoe-pole-2024/" style="background-color: transparent!important"
data-alt="Экскурсия — Бородинское поле" data-title="Экскурсия — Бородинское поле"
alt="Экскурсия — Бородинское поле" title="Экскурсия — Бородинское поле" aria-label="Экскурсия — Бородинское поле"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
<p class="t--1 c-text-secondary mt-3 mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>23.04.2024</p>
<p class="t-0 my-2 t-title с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/ekskursiya-borodinskoe-pole-2024/" hidefocus="true" >Экскурсия — Бородинское поле</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1989986727_5032" >
<div class="iblock-list-item-wrap " area-label="Выставка «Весеннее настроение»">
<div class="iblock-list-item position-relative mb-4">
<div class="iblock-list-item-image r-default hover:shadow-3 transition overflow-hidden">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/d47/510_340_2/6ug56en66gtuql2gb8agw86ex07f0pkb.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Выставка «Весеннее настроение» </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/vystavka-vesennee-nastroenie-2024/" style="background-color: transparent!important"
data-alt="Выставка «Весеннее настроение»" data-title="Выставка «Весеннее настроение»"
alt="Выставка «Весеннее настроение»" title="Выставка «Весеннее настроение»" aria-label="Выставка «Весеннее настроение»"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
<p class="t--1 c-text-secondary mt-3 mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>19.04.2024</p>
<p class="t-0 my-2 t-title с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/vystavka-vesennee-nastroenie-2024/" hidefocus="true" >Выставка «Весеннее настроение»</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1989986727_5044" >
<div class="iblock-list-item-wrap " area-label="Коломенское — музей в годы войны">
<div class="iblock-list-item position-relative mb-4">
<div class="iblock-list-item-image r-default hover:shadow-3 transition overflow-hidden">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/8b1/510_340_2/4q6kr8hwhv0569b83adl7kugvajpfd77.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Коломенское — музей в годы войны </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/kolomenskoe-muzey-v-gody-voyny-2024/" style="background-color: transparent!important"
data-alt="Коломенское — музей в годы войны" data-title="Коломенское — музей в годы войны"
alt="Коломенское — музей в годы войны" title="Коломенское — музей в годы войны" aria-label="Коломенское — музей в годы войны"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
<p class="t--1 c-text-secondary mt-3 mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>17.04.2024</p>
<p class="t-0 my-2 t-title с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/kolomenskoe-muzey-v-gody-voyny-2024/" hidefocus="true" >Коломенское — музей в годы войны</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1989986727_5009" >
<div class="iblock-list-item-wrap " area-label="Весенние игры ЧТО-ГДЕ-КОГДА">
<div class="iblock-list-item position-relative mb-4">
<div class="iblock-list-item-image r-default hover:shadow-3 transition overflow-hidden">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/691/510_340_2/iaviypi1d37y6ld1s7zcybc5yiifbkxi.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Весенние игры ЧТО-ГДЕ-КОГДА </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/vesennie-igry-chto-gde-kogda-2024/" style="background-color: transparent!important"
data-alt="Весенние игры ЧТО-ГДЕ-КОГДА" data-title="Весенние игры ЧТО-ГДЕ-КОГДА"
alt="Весенние игры ЧТО-ГДЕ-КОГДА" title="Весенние игры ЧТО-ГДЕ-КОГДА" aria-label="Весенние игры ЧТО-ГДЕ-КОГДА"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
<p class="t--1 c-text-secondary mt-3 mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>04.04.2024</p>
<p class="t-0 my-2 t-title с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/vesennie-igry-chto-gde-kogda-2024/" hidefocus="true" >Весенние игры ЧТО-ГДЕ-КОГДА</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1989986727_4974" >
<div class="iblock-list-item-wrap " area-label="Чемпионат по гандболу – весна 2024">
<div class="iblock-list-item position-relative mb-4">
<div class="iblock-list-item-image r-default hover:shadow-3 transition overflow-hidden">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/a16/510_340_2/vcz0g4m223ilmsyo3yto000116ch2m7a.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Чемпионат по гандболу – весна 2024 </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/chempionat-po-gandbolu-vesna-2024/" style="background-color: transparent!important"
data-alt="Чемпионат по гандболу – весна 2024" data-title="Чемпионат по гандболу – весна 2024"
alt="Чемпионат по гандболу – весна 2024" title="Чемпионат по гандболу – весна 2024" aria-label="Чемпионат по гандболу – весна 2024"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
<p class="t--1 c-text-secondary mt-3 mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>15.03.2024</p>
<p class="t-0 my-2 t-title с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/chempionat-po-gandbolu-vesna-2024/" hidefocus="true" >Чемпионат по гандболу – весна 2024</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1989986727_4951" >
<div class="iblock-list-item-wrap " area-label="Праздник 23 февраля — 8 марта, старшая школа">
<div class="iblock-list-item position-relative mb-4">
<div class="iblock-list-item-image r-default hover:shadow-3 transition overflow-hidden">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/59f/510_340_2/ewbt13bcpuhpwffkqzk1wbo0zkpir8nx.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Праздник 23 февраля — 8 марта, старшая школа </div>
</div>
<a class="sf-viewbox" href="/life/news/2024/prazdnik-23-fevralya-8-marta-starshaya-shkola/" style="background-color: transparent!important"
data-alt="Праздник 23 февраля — 8 марта, старшая школа" data-title="Праздник 23 февраля — 8 марта, старшая школа"
alt="Праздник 23 февраля — 8 марта, старшая школа" title="Праздник 23 февраля — 8 марта, старшая школа" aria-label="Праздник 23 февраля — 8 марта, старшая школа"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
<p class="t--1 c-text-secondary mt-3 mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>07.03.2024</p>
<p class="t-0 my-2 t-title с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/news/2024/prazdnik-23-fevralya-8-marta-starshaya-shkola/" hidefocus="true" >Праздник 23 февраля — 8 марта, старшая
школа</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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>
</div>
<div class="container-wrap lazyload sf-viewbox-wrap inherit-theme" style="">
<div class="sf-viewbox bg-theme-0 o-6"></div>
<div class="sf-viewbox position-relative">
<div class="container ">
<div class="row ">
<div class=" col-12 col-lg-8 ">
<div class=""> <div class=" ">
<div class="d-flex mb-3">
<h2 class="sf-title l-inherit l-hover-underline-none sf-title-underline-left mb-3 t-2">
<a href="life/event/">
Наш календарь
</a>
</h2>
<div class="d-none d-sm-block align-self-center ml-auto">
<i class="far fa-arrow-circle-right mr-2 c-primary" aria-hidden="true"></i>
<a href="life/event/" class="c-text-secondary sf-link sf-link-dotted sf-link-theme">
Все события </a>
</div>
</div>
</div>
<div class=" ">
<section class="sf-iblock-card-area lazyload sf-viewbox-wrap inherit-theme bg-transparent">
<div class="sf-viewbox position-relative">
<div class="row">
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_26999089_3925" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="1 сентября — новый учебный год!">
<div class="iblock-list-item position-relative mb-4 align-self-stretch bg-white hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/74e/550_366_2/zxwg7qqvo18nsagpmppgm5j9hrbo0yz6.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
1 сентября — новый учебный год! </div>
</div>
<a class="sf-viewbox" href="/life/event/kalendar/1-sentyabrya-novyy-uchebnyy-god/" style="background-color: transparent!important"
data-alt="1 сентября — новый учебный год!" data-title="1 сентября — новый учебный год!"
alt="1 сентября — новый учебный год!" title="1 сентября — новый учебный год!" aria-label="1 сентября — новый учебный год!"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-3">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>29.08.2023</p>
<p class="t--1 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/event/kalendar/1-sentyabrya-novyy-uchebnyy-god/" hidefocus="true" >1 сентября — новый учебный год!</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_26999089_3686" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Первый педсовет 2023">
<div class="iblock-list-item position-relative mb-4 align-self-stretch bg-white hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/3b2/550_366_2/7nwi466lvafq0uaphasfkk5oayswcymc.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Первый педсовет 2023 </div>
</div>
<a class="sf-viewbox" href="/life/event/kalendar/pervyy-pedsovet-2023/" style="background-color: transparent!important"
data-alt="Первый педсовет 2023" data-title="Первый педсовет 2023"
alt="Первый педсовет 2023" title="Первый педсовет 2023" aria-label="Первый педсовет 2023"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-3">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>28.08.2023</p>
<p class="t--1 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/event/kalendar/pervyy-pedsovet-2023/" hidefocus="true" >Первый педсовет 2023</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_26999089_3238" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Последний звонок — 2023">
<div class="iblock-list-item position-relative mb-4 align-self-stretch bg-white hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/f88/550_366_2/x4zkrofxsysk3lymgawgavvst2yp815o.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Последний звонок — 2023 </div>
</div>
<a class="sf-viewbox" href="/life/event/prazdniki/posledniy-zvonok-2023/" style="background-color: transparent!important"
data-alt="Последний звонок — 2023" data-title="Последний звонок — 2023"
alt="Последний звонок — 2023" title="Последний звонок — 2023" aria-label="Последний звонок — 2023"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-3">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>21.05.2023</p>
<p class="t--1 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/event/prazdniki/posledniy-zvonok-2023/" hidefocus="true" >Последний звонок — 2023</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_26999089_3380" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Экзамены ГИА-9 и ГИА-11">
<div class="iblock-list-item position-relative mb-4 align-self-stretch bg-white hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/ff2/550_366_2/ase6yj09nnoxpoypmo14zk2yc65u4o1t.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Экзамены ГИА-9 и ГИА-11 </div>
</div>
<a class="sf-viewbox" href="/life/event/kalendar/ekzameny-gia-9-i-gia-11-2023/" style="background-color: transparent!important"
data-alt="Экзамены ГИА-9 и ГИА-11" data-title="Экзамены ГИА-9 и ГИА-11"
alt="Экзамены ГИА-9 и ГИА-11" title="Экзамены ГИА-9 и ГИА-11" aria-label="Экзамены ГИА-9 и ГИА-11"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-3">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>20.05.2023</p>
<p class="t--1 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/event/kalendar/ekzameny-gia-9-i-gia-11-2023/" hidefocus="true" >Экзамены ГИА-9 и ГИА-11</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_26999089_3236" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Пижамный день выпускников">
<div class="iblock-list-item position-relative mb-4 align-self-stretch bg-white hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/038/550_366_2/iu3wz9ujwxdfttwdua5hzmg03lxoruii.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Пижамный день выпускников </div>
</div>
<a class="sf-viewbox" href="/life/event/prazdniki/pizhamnyy-den-vypusknikov-2023/" style="background-color: transparent!important"
data-alt="Пижамный день выпускников" data-title="Пижамный день выпускников"
alt="Пижамный день выпускников" title="Пижамный день выпускников" aria-label="Пижамный день выпускников"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-3">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>20.05.2023</p>
<p class="t--1 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/event/prazdniki/pizhamnyy-den-vypusknikov-2023/" hidefocus="true" >Пижамный день выпускников</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_26999089_3237" >
<div class="iblock-list-item-wrap h-100 d-flex w-100 " area-label="Выпускной праздник — 4 класс">
<div class="iblock-list-item position-relative mb-4 align-self-stretch bg-white hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/318/550_366_2/hbqio6lbdklwl19b28xhjaeesat1l7w5.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Выпускной праздник — 4 класс </div>
</div>
<a class="sf-viewbox" href="/life/event/prazdniki/vypusknoy-prazdnik-4-klass-2023/" style="background-color: transparent!important"
data-alt="Выпускной праздник — 4 класс" data-title="Выпускной праздник — 4 класс"
alt="Выпускной праздник — 4 класс" title="Выпускной праздник — 4 класс" aria-label="Выпускной праздник — 4 класс"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text p-3">
<p class="t--1 c-text-secondary mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>15.05.2023</p>
<p class="t--1 t-copy с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/event/prazdniki/vypusknoy-prazdnik-4-klass-2023/" hidefocus="true" >Выпускной праздник — 4 класс</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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 class=" col-12 col-lg-4 ">
<div class=""> <div class=" ">
<div class="d-flex mb-3">
<h2 class="sf-title l-inherit l-hover-underline-none sf-title-underline-left mb-3 t-2">
<a href="life/event/">
Календарь
</a>
</h2>
</div>
</div>
<div class="mb-4 ">
<div id="comp_5649b3402347dff01bb7a7bf66068433">
<script type="text/javascript">
$(function(){
$(".news-calendar .events-block > a").each(function(){
var href=$(this).attr("data-href");
if(typeof href !== "undefined")
{
$(this).attr({"href":href,"onclick":""});
}
});
$(".news-calendar .events-block").on({
"mouseover": function(){
$(this).children(".NewsCalNews").css("display","block");
},
"mouseout": function(){
$(this).children(".NewsCalNews").css("display","none");
}});
});
</script>
<div class="news-calendar">
<div class="control-news-calendar bg-theme-1">
<div class="selected-month">
<select onChange="b_result()" class="form-control" name="MONTH_SELECT" id="month_sel">
<option value="/index.php?month=1&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Январь</option>
<option value="/index.php?month=2&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Февраль</option>
<option value="/index.php?month=3&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Март</option>
<option value="/index.php?month=4&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Апрель</option>
<option value="/index.php?month=5&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" selected="selected">Май</option>
<option value="/index.php?month=6&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Июнь</option>
<option value="/index.php?month=7&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Июль</option>
<option value="/index.php?month=8&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Август</option>
<option value="/index.php?month=9&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Сентябрь</option>
<option value="/index.php?month=10&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Октябрь</option>
<option value="/index.php?month=11&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Ноябрь</option>
<option value="/index.php?month=12&year=2024&bxajaxid=5649b3402347dff01bb7a7bf66068433" >Декабрь</option>
</select>
<script language="JavaScript" type="text/javascript">
<!--
function b_result()
{
var idx=document.getElementById("month_sel").selectedIndex;
BX.ajax.insertToNode(document.getElementById("month_sel").options[idx].value, 'comp_5649b3402347dff01bb7a7bf66068433', false);
}
-->
</script>
</div>
<div class="prev-year-btn">
<i class="far fa-angle-left c-inverse-100 mr-2"></i>
<a href="/index.php?month=05&year=2023" onclick="BX.ajax.insertToNode('/index.php?month=05&year=2023&bxajaxid=5649b3402347dff01bb7a7bf66068433', 'comp_5649b3402347dff01bb7a7bf66068433'); return false;" class="sf-link sf-link-theme sf-link-dashed" title="2023" >
2023 </a>
</div>
<div class="year-btn">
<b>2024</b>
</div>
<div class="next-year-btn">
</div>
</div>
<table class="table t-center mb-1">
<tr>
<th class='t-center c-text-primary'>Пн</th>
<th class='t-center c-text-primary'>Вт</th>
<th class='t-center c-text-primary'>Ср</th>
<th class='t-center c-text-primary'>Чт</th>
<th class='t-center c-text-primary'>Пт</th>
<th class='t-center c-text-primary'>Сб</th>
<th class='t-center c-text-primary'>Вс</th>
</tr>
<tr>
<td class='NewsCalOtherMonth c-text-secondary' width="14%" >
<span class="events">29</span>
</td>
<td class='NewsCalOtherMonth c-text-secondary' width="14%" >
<span class="events">30</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">01</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">02</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">03</span>
</td>
<td class='NewsCalToday c-text-primary' width="14%" >
<span class="events">04</span>
</td>
<td class='NewsCalWeekend c-text-primary' width="14%" >
<span class="events">05</span>
</td>
</tr >
<tr>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">06</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">07</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">08</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">09</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">10</span>
</td>
<td class='NewsCalWeekend c-text-primary' width="14%" >
<span class="events">11</span>
</td>
<td class='NewsCalWeekend c-text-primary' width="14%" >
<span class="events">12</span>
</td>
</tr >
<tr>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">13</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">14</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">15</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">16</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">17</span>
</td>
<td class='NewsCalWeekend c-text-primary' width="14%" >
<span class="events">18</span>
</td>
<td class='NewsCalWeekend c-text-primary' width="14%" >
<span class="events">19</span>
</td>
</tr >
<tr>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">20</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">21</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">22</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">23</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">24</span>
</td>
<td class='NewsCalWeekend c-text-primary' width="14%" >
<span class="events">25</span>
</td>
<td class='NewsCalWeekend c-text-primary' width="14%" >
<span class="events">26</span>
</td>
</tr >
<tr>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">27</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">28</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">29</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">30</span>
</td>
<td class='NewsCalDefault c-text-primary' width="14%" >
<span class="events">31</span>
</td>
<td class='NewsCalOtherMonth c-text-secondary' width="14%" >
<span class="events">01</span>
</td>
<td class='NewsCalOtherMonth c-text-secondary' width="14%" >
<span class="events">02</span>
</td>
</tr >
</table>
</div>
</div> </div>
<div class=" ">
<section class="sf-iblock-card-area lazyload sf-viewbox-wrap mb-4 hover:shadow-2 transition overflow-hidden r-default">
<div class="sf-viewbox position-relative">
<div class="swiper-container info-swiper" id="slider-ryg3szy">
<div class="swiper-wrapper">
<div class="swiper-slide" id="bx_2684316818_841" >
<div class="iblock-list-item-wrap " area-label="Знаете ли вы">
<div class="iblock-list-item position-relative ">
<div class="iblock-list-item-image ">
<div class="">
<div class="sf-viewbox-wrap hover wave-light " style="">
<img class="img-fluid lazyload "
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/upload/resize_cache/iblock/e98/600_180_2/tzapirodrvnbip3qwhhung2178gwk9hl.png"
style="max-height: 600px"
alt="Знаете ли вы" title="Знаете ли вы">
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Знаете ли вы </div>
</div>
<a class="sf-viewbox" href="" target="_blank" style="background-color: transparent!important"
data-alt="Знаете ли вы" data-title="Знаете ли вы"
alt="Знаете ли вы" title="Знаете ли вы" aria-label="Знаете ли вы"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_2684316818_806" >
<div class="iblock-list-item-wrap " area-label="Благотворительная ярмарка">
<div class="iblock-list-item position-relative ">
<div class="iblock-list-item-image ">
<div class="">
<div class="sf-viewbox-wrap hover wave-light " style="">
<img class="img-fluid lazyload "
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/upload/resize_cache/iblock/a1d/600_180_2/cpw5y60o41bclxfgpo34gqqxazdnrdv4.png"
style="max-height: 600px"
alt="Благотворительная ярмарка" title="Благотворительная ярмарка">
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Благотворительная ярмарка </div>
</div>
<a class="sf-viewbox" href="" target="_blank" style="background-color: transparent!important"
data-alt="Благотворительная ярмарка" data-title="Благотворительная ярмарка"
alt="Благотворительная ярмарка" title="Благотворительная ярмарка" aria-label="Благотворительная ярмарка"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-next sf-swiper-button sf-swiper-button-next sf-swiper-nav-circle-in" style="display:block"></div>
<div class="swiper-button-prev sf-swiper-button sf-swiper-button-prev sf-swiper-nav-circle-in" style="display:block"></div>
<div class="sf-swiper-pagination sf-swiper-nav-circle-in" style="display:block"></div>
</div>
</div>
</section>
<script>
window.addEventListener('DOMContentLoaded', function() {
let Nswiperryg3szy = new Swiper({
el: '#slider-ryg3szy',
initialSlide: 0,
pagination: {
el: '.sf-swiper-pagination',
},
navigation: {
nextEl:'.swiper-button-next',
prevEl: '.swiper-button-prev',
},
lazy: true,
slidesPerView: 1,
spaceBetween: 30,
breakpoints: {
1200: {
slidesPerView: 1,
spaceBetween: 30
},
992: {
slidesPerView: 1,
spaceBetween: 30
},
768: {
slidesPerView: 1,
spaceBetween: 20
},
576: {
slidesPerView: 1,
spaceBetween: 10
}
},
});
});
</script>
<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>
</div>
<div class="container-wrap pt-4 shadow-inner-2y lazyload sf-viewbox-wrap inherit-theme" style="">
<div class="sf-viewbox bg-theme-0 o-6"></div>
<div class="sf-viewbox position-relative">
<div class="container ">
<div class="row ">
<div class=" col-12 col-lg-4 ">
<div class=""> <div class=" ">
<div class="d-flex mb-2">
<h2 class="sf-title l-inherit l-hover-underline-none sf-title-underline-left mb-3 t-2">
<a href="/about/">
О школе
</a>
</h2>
<div class="d-none d-sm-block align-self-center ml-auto">
<i class="far fa-arrow-circle-right mr-2 c-primary" aria-hidden="true"></i>
<a href="/about/" class="c-text-secondary sf-link sf-link-dotted sf-link-theme">
Подробнее </a>
</div>
</div>
</div>
<div class="mb-4 ">
<p align="center" style="text-align: justify;">
Дорогие друзья! Мы рады приветствовать вас на сайте школы «Юджин-Центр». Наша школа основана в 1996 году, «Юджин-Центр» — одна из старейших частных школа Москвы.
</p>
<p align="center" style="text-align: justify;">
В коротком тексте сложно рассказать о нашей школе, ее истории, школьной жизни, особенностях обучения. Если совсем коротко: мы особенно гордимся стабильно высокими результатами ЕГЭ — это главный показатель качества нашей работы, который повторяется год от года и позволяет нашим выпускника поступать в лучшие ВУЗы России.
</p>
<p align="center" style="text-align: justify;">
Более подробный рассказ о школе вы найдете в разделе «<a href="/life/presentation/">Юджин-Центр рассказывает о себе</a>».
</p>
<p>
</p> </div>
</div> </div>
<div class=" col-12 col-lg-4 ">
<div class="mb-4 ">
<div class="t-center bg-theme-1 p-4 h-100 d-flex align-items-center r-default h-100">
<div class="w-100">
<a href="/about/employees/">
<img alt="Ступенькова Татьяна Дмитриевна" src="" data-src="/upload/tmp/uhz48mkzjzyecrn36ig1wfok9o2ptb9o_250_250.jpg" class="img-fluid lazyload circle">
</a>
<p class="t--1 t-bold c-text-secondary t-uppercase mt-3 mb-2">Директор школы</p>
<h3 class="t-1 mt-2 mb-3 c-text-primary l-inherit l-hover-primary l-hover-underline-none ">
<a href="/about/employees/" class="l-inherit">Ступенькова Татьяна Дмитриевна</a>
</h3>
<a href="#" class="btn btn-primary" sf-modal sf-blur sf-src = "/simai.data/modal/welcome.php">Обращение руководителя</a>
</div>
</div>
</div>
</div>
<div class=" col-12 col-lg-4 ">
<div class=""> <div class="mb-4 ">
<script type="text/javascript">
function BX_SetPlacemarks_MAP_mF8Ev4(map)
{
if(typeof window["BX_YMapAddPlacemark"] != 'function')
{
/* If component's result was cached as html,
* script.js will not been loaded next time.
* let's do it manualy.
*/
(function(d, s, id)
{
var js, bx_ym = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "/bitrix/components/bitrix/map.yandex.view/templates/.default/script.js";
bx_ym.parentNode.insertBefore(js, bx_ym);
}(document, 'script', 'bx-ya-map-js'));
var ymWaitIntervalId = setInterval( function(){
if(typeof window["BX_YMapAddPlacemark"] == 'function')
{
BX_SetPlacemarks_MAP_mF8Ev4(map);
clearInterval(ymWaitIntervalId);
}
}, 300
);
return;
}
var arObjects = {PLACEMARKS:[],POLYLINES:[]};
arObjects.PLACEMARKS[arObjects.PLACEMARKS.length] = BX_YMapAddPlacemark(map, {'LON':'37.491143','LAT':'55.674098','TEXT':'119454 г. Москва, ул. Лобачевского, 72.'});
}
</script>
<div class="bx-yandex-view-layout">
<div class="bx-yandex-view-map">
<script>
var script = document.createElement('script');
script.src = 'https://enterprise.api-maps.yandex.ru/2.0/?load=package.full&mode=release&lang=ru-RU&wizard=bitrix&apikey=0c3242d6-a8d9-45b5-819a-6746b4563054';
(document.head || document.documentElement).appendChild(script);
script.onload = function () {
this.parentNode.removeChild(script);
};
</script>
<script type="text/javascript">
if (!window.GLOBAL_arMapObjects)
window.GLOBAL_arMapObjects = {};
function init_MAP_mF8Ev4()
{
if (!window.ymaps)
return;
var node = BX("BX_YMAP_MAP_mF8Ev4");
node.innerHTML = '';
var map = window.GLOBAL_arMapObjects['MAP_mF8Ev4'] = new ymaps.Map(node, {
center: [55.674098, 37.491143],
zoom: 17,
type: 'yandex#map'
});
if (map.behaviors.isEnabled("scrollZoom"))
map.behaviors.disable("scrollZoom");
map.behaviors.enable("dblClickZoom");
map.behaviors.enable("drag");
if (map.behaviors.isEnabled("rightMouseButtonMagnifier"))
map.behaviors.disable("rightMouseButtonMagnifier");
map.controls.add('zoomControl');
map.controls.add('smallZoomControl');
if (window.BX_SetPlacemarks_MAP_mF8Ev4)
{
window.BX_SetPlacemarks_MAP_mF8Ev4(map);
}
}
(function bx_ymaps_waiter(){
if(typeof ymaps !== 'undefined')
ymaps.ready(init_MAP_mF8Ev4);
else
setTimeout(bx_ymaps_waiter, 100);
})();
/* if map inits in hidden block (display:none)
* after the block showed
* for properly showing map this function must be called
*/
function BXMapYandexAfterShow(mapId)
{
if(window.GLOBAL_arMapObjects[mapId] !== undefined)
window.GLOBAL_arMapObjects[mapId].container.fitToViewport();
}
</script>
<div id="BX_YMAP_MAP_mF8Ev4" class="bx-yandex-map" style="height: 330px; width: 100%;max-width: 100%;">загрузка карты...</div> </div>
</div>
</div>
<div class=" ">
<ul class="fa-ul mb-0" style="flex-direction: column" itemscope="" itemtype="http://schema.org/Organization">
<li>
<i class="fa-li fa-map-marker far mr-2 c-primary" aria-hidden="true"></i>
<span class="c-text-primary" itemprop="address">119454 г. Москва, ул. Лобачевского, 72.</span>
</li>
<li>
<i class="fa-li fa-phone far mr-2 c-primary" aria-hidden="true"></i>
<span class="">
<a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="tel:+7 (499) 431-0903">
<span itemprop="telephone">
+7 (499) 431-0903 </span>
</a>
</span>
<span class="c-text-primary" itemprop="telephone">+7 (499) 431-0903</span>
</li>
<li>
<i class="fa-li fa-envelope far mr-2 c-primary" aria-hidden="true"></i>
<a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="mailto:[email protected]" >
<span itemprop="email">
[email protected] </span>
</a>
</li>
</ul>
</div>
</div> </div>
</div>
</div>
</div>
</div>
<div class="container-wrap lazyload sf-viewbox-wrap inherit-theme" style="">
<div class="sf-viewbox bg-theme-0 o-6"></div>
<div class="sf-viewbox position-relative">
<div class="container ">
<div class="row ">
<div class=" col-12 col-lg-7 ">
<div class=""> <div class=" ">
<div class="d-flex mb-3">
<h2 class="sf-title l-inherit l-hover-underline-none sf-title-underline-left mb-3 t-2">
<a href="life/photo/">
Фотографии
</a>
</h2>
<div class="d-none d-sm-block align-self-center ml-auto">
<i class="far fa-arrow-circle-right mr-2 c-primary" aria-hidden="true"></i>
<a href="life/photo/" class="c-text-secondary sf-link sf-link-dotted sf-link-theme">
Фотогалерея </a>
</div>
</div>
</div>
<div class=" ">
<section class="sf-icon-card-area lazyload sf-viewbox-wrap mb-4 r-default hover:shadow-2 transition overflow-hidden">
<div class="sf-viewbox position-relative">
<div class="swiper-container main-news-swiper theme-dark" id="slider-Qbsrrtbi">
<div class="swiper-wrapper">
<div class="swiper-slide" id="bx_3908590596_3421" style="background: transparent url('') repeat;">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="aspect-ratio-content sf-viewbox-wrap hover transition">
<div class="sf-viewbox bg-cover " style="background-image: url('/upload/resize_cache/iblock/7f3/1000_666_2/nf1l9322zb976ducqk0bbdy761oy6l97.jpg');"></div>
<div class="sf-viewbox bg-gblack-0-50"></div>
<div class="sf-viewbox d-flex flex-column justify-content-end">
<div class="news-list-item-text t-center mb-4 pb-3 theme-dark bg-transparent">
<a class="t-3 l-inherit" href="/life/photo/novyy-god-mladshaya-shkola-2022/">Новый год, младшая школа</a>
</div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/7f3/nf1l9322zb976ducqk0bbdy761oy6l97.jpg"
class="sf-viewbox"
></a>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_3908590596_3420" style="background: transparent url('') repeat;">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="aspect-ratio-content sf-viewbox-wrap hover transition">
<div class="sf-viewbox bg-cover " style="background-image: url('/upload/resize_cache/iblock/fa2/1000_666_2/6je59katedpiyi38vfvna3rjrwrf1ayp.jpg');"></div>
<div class="sf-viewbox bg-gblack-0-50"></div>
<div class="sf-viewbox d-flex flex-column justify-content-end">
<div class="news-list-item-text t-center mb-4 pb-3 theme-dark bg-transparent">
<a class="t-3 l-inherit" href="/life/photo/novyy-god-mladshaya-shkola-2022/">Новый год, младшая школа</a>
</div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/fa2/6je59katedpiyi38vfvna3rjrwrf1ayp.jpg"
class="sf-viewbox"
></a>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_3908590596_3419" style="background: transparent url('') repeat;">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="aspect-ratio-content sf-viewbox-wrap hover transition">
<div class="sf-viewbox bg-cover " style="background-image: url('/upload/resize_cache/iblock/068/1000_666_2/sstddtmh4wjvr2puqnxns76opc0dxw6k.jpg');"></div>
<div class="sf-viewbox bg-gblack-0-50"></div>
<div class="sf-viewbox d-flex flex-column justify-content-end">
<div class="news-list-item-text t-center mb-4 pb-3 theme-dark bg-transparent">
<a class="t-3 l-inherit" href="/life/photo/novyy-god-mladshaya-shkola-2022/">Новый год, младшая школа</a>
</div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/068/sstddtmh4wjvr2puqnxns76opc0dxw6k.jpg"
class="sf-viewbox"
></a>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_3908590596_3418" style="background: transparent url('') repeat;">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="aspect-ratio-content sf-viewbox-wrap hover transition">
<div class="sf-viewbox bg-cover " style="background-image: url('/upload/resize_cache/iblock/90a/1000_666_2/7l3u4wwapi5zw1wce13i73iv8c7ng7g4.jpg');"></div>
<div class="sf-viewbox bg-gblack-0-50"></div>
<div class="sf-viewbox d-flex flex-column justify-content-end">
<div class="news-list-item-text t-center mb-4 pb-3 theme-dark bg-transparent">
<a class="t-3 l-inherit" href="/life/photo/novyy-god-mladshaya-shkola-2022/">Новый год, младшая школа</a>
</div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/90a/7l3u4wwapi5zw1wce13i73iv8c7ng7g4.jpg"
class="sf-viewbox"
></a>
</div>
</div>
</div>
</div>
<div class="swiper-button-next sf-swiper-button sf-swiper-button-next sf-swiper-nav-circle-in" style="display:block"></div>
<div class="swiper-button-prev sf-swiper-button sf-swiper-button-prev sf-swiper-nav-circle-in" style="display:block"></div>
<div class="sf-swiper-pagination sf-swiper-nav-circle-in" style="display:block"></div>
</div>
</div>
</section>
<script>
window.addEventListener('DOMContentLoaded', function() {
let Nswiper = new Swiper({
el: '#slider-Qbsrrtbi',
initialSlide: 0,
pagination: {
el: '.sf-swiper-pagination',
},
navigation: {
nextEl:'.swiper-button-next',
prevEl: '.swiper-button-prev',
},
lazy: true,
});
});
</script>
</div>
</div> </div>
<div class=" col-12 col-lg-5 ">
<div class=" ">
<section class="sf-iblock-card-area lazyload sf-viewbox-wrap mb-4 t-center">
<div class="sf-viewbox position-relative">
<div class="row">
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_4113" >
<div class="iblock-list-item-wrap " area-label="_DSC0079.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/682/350_233_2/yl60ql1eg7my6fi4anoqurxv78r2epwk.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
_DSC0079.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/682/yl60ql1eg7my6fi4anoqurxv78r2epwk.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="_DSC0079.jpg" data-title="_DSC0079.jpg"
alt="_DSC0079.jpg" title="_DSC0079.jpg"
aria-label="_DSC0079.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_2404" >
<div class="iblock-list-item-wrap " area-label="_DSC0191.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/060/350_233_2/y0q7yz119km4fm5iz22hi9glygmdg8kg.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
_DSC0191.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/060/y0q7yz119km4fm5iz22hi9glygmdg8kg.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="_DSC0191.jpg" data-title="_DSC0191.jpg"
alt="_DSC0191.jpg" title="_DSC0191.jpg"
aria-label="_DSC0191.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_3049" >
<div class="iblock-list-item-wrap " area-label="_DSC0134.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/eb4/350_233_2/g4096co60749rkj33hn1d1i1ywlugv9f.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
_DSC0134.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/eb4/g4096co60749rkj33hn1d1i1ywlugv9f.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="_DSC0134.jpg" data-title="_DSC0134.jpg"
alt="_DSC0134.jpg" title="_DSC0134.jpg"
aria-label="_DSC0134.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_3770" >
<div class="iblock-list-item-wrap " area-label="_DSC0054.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/6a9/350_233_2/nq5vk18d5v66ifd889sqg88u640e77zn.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
_DSC0054.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/6a9/nq5vk18d5v66ifd889sqg88u640e77zn.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="_DSC0054.jpg" data-title="_DSC0054.jpg"
alt="_DSC0054.jpg" title="_DSC0054.jpg"
aria-label="_DSC0054.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_2375" >
<div class="iblock-list-item-wrap " area-label="28.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/e91/350_233_2/t9p32xfhud2hrn3ikrsdmhwqhqdl7r6z.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
28.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/e91/t9p32xfhud2hrn3ikrsdmhwqhqdl7r6z.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="28.jpg" data-title="28.jpg"
alt="28.jpg" title="28.jpg"
aria-label="28.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_4185" >
<div class="iblock-list-item-wrap " area-label="07.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/399/350_233_2/7vquoviovns1gll10431cm5um9gpmzto.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
07.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/399/7vquoviovns1gll10431cm5um9gpmzto.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="07.jpg" data-title="07.jpg"
alt="07.jpg" title="07.jpg"
aria-label="07.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_1552" >
<div class="iblock-list-item-wrap " area-label="_DSC0141.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/7b8/350_233_2/ruu76plrcwv7ge98eci6uvrefsedhhwv.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
_DSC0141.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/7b8/ruu76plrcwv7ge98eci6uvrefsedhhwv.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="_DSC0141.jpg" data-title="_DSC0141.jpg"
alt="_DSC0141.jpg" title="_DSC0141.jpg"
aria-label="_DSC0141.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_4045" >
<div class="iblock-list-item-wrap " area-label="_DSC0154.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/26d/350_233_2/pkvqoop9e5ptldxbxuy3z5r54m13qwzz.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
_DSC0154.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/26d/pkvqoop9e5ptldxbxuy3z5r54m13qwzz.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="_DSC0154.jpg" data-title="_DSC0154.jpg"
alt="_DSC0154.jpg" title="_DSC0154.jpg"
aria-label="_DSC0154.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_3072" >
<div class="iblock-list-item-wrap " area-label="_DSC0168.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/2da/350_233_2/yf40831zdv68ymunq42f7zp16ze5nibv.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
_DSC0168.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/2da/yf40831zdv68ymunq42f7zp16ze5nibv.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="_DSC0168.jpg" data-title="_DSC0168.jpg"
alt="_DSC0168.jpg" title="_DSC0168.jpg"
aria-label="_DSC0168.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_4182" >
<div class="iblock-list-item-wrap " area-label="03.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/62a/350_233_2/g8g4ls8wod0a9sp4i93o0q6q82epiq92.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
03.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/62a/g8g4ls8wod0a9sp4i93o0q6q82epiq92.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="03.jpg" data-title="03.jpg"
alt="03.jpg" title="03.jpg"
aria-label="03.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_2124" >
<div class="iblock-list-item-wrap " area-label="_DSC0044.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/c83/350_233_2/81c93f26c3malo3ot4okahoix2ho1vt8.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
_DSC0044.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/c83/81c93f26c3malo3ot4okahoix2ho1vt8.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="_DSC0044.jpg" data-title="_DSC0044.jpg"
alt="_DSC0044.jpg" title="_DSC0044.jpg"
aria-label="_DSC0044.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_5056" >
<div class="iblock-list-item-wrap " area-label="21.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/014/350_233_2/lfsfwp6jxp32gyddjockfkpbv114i542.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
21.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/014/lfsfwp6jxp32gyddjockfkpbv114i542.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="21.jpg" data-title="21.jpg"
alt="21.jpg" title="21.jpg"
aria-label="21.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_3118" >
<div class="iblock-list-item-wrap " area-label="_DSC0003.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/0f0/350_233_2/ye12phlm7cigbj0p0vprr2fwavqjme3d.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
_DSC0003.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/0f0/ye12phlm7cigbj0p0vprr2fwavqjme3d.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="_DSC0003.jpg" data-title="_DSC0003.jpg"
alt="_DSC0003.jpg" title="_DSC0003.jpg"
aria-label="_DSC0003.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_5022" >
<div class="iblock-list-item-wrap " area-label="_DSC0014.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/89f/350_233_2/187rhk9suyymcgg5dv7x92wiqqppq66w.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
_DSC0014.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/89f/187rhk9suyymcgg5dv7x92wiqqppq66w.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="_DSC0014.jpg" data-title="_DSC0014.jpg"
alt="_DSC0014.jpg" title="_DSC0014.jpg"
aria-label="_DSC0014.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
<div class=" d-block col-6 d-sm-block col-sm-6 d-md-block col-md-6 d-lg-block col-lg-4 d-xl-block col-xl-4" id="bx_1911623102_1394" >
<div class="iblock-list-item-wrap " area-label="46.jpg">
<div class="iblock-list-item position-relative mb-3 align-self-stretch bg-theme-0 hover:shadow-3 transition w-100 r-default overflow-hidden">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content " style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/1d1/350_233_2/9dskhvouzg492fxk9ysvrbqbtnuhpzel.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
46.jpg </div>
</div>
<a
data-fancybox="photo"
data-caption=""
href="/upload/iblock/1d1/9dskhvouzg492fxk9ysvrbqbtnuhpzel.jpg"
class="sf-viewbox"
style="background-color: transparent!important"
data-alt="46.jpg" data-title="46.jpg"
alt="46.jpg" title="46.jpg"
aria-label="46.jpg"
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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>
<div class="container-wrap pt-4 shadow-inner-2y lazyload sf-viewbox-wrap inherit-theme" style="">
<div class="sf-viewbox bg-theme-0 o-6"></div>
<div class="sf-viewbox position-relative">
<div class="container ">
<div class="row ">
<div class=" col-12 col-lg-7 ">
<div class=""> <div class=" ">
<div class="d-flex mb-3">
<h2 class="sf-title l-inherit l-hover-underline-none sf-title-underline-left sf-title-underline-left mb-3 t-2">
<a href="life/video/">
Видео
</a>
</h2>
<div class="d-none d-sm-block align-self-center ml-auto">
<i class="far fa-arrow-circle-right mr-2 c-primary" aria-hidden="true"></i>
<a href="life/video/" class="c-text-secondary sf-link sf-link-dotted sf-link-theme">
Видеогалерея </a>
</div>
</div>
</div>
<div class=" ">
<section class="sf-icon-card-area lazyload sf-viewbox-wrap mb-4 r-default hover:shadow-2 transition overflow-hidden">
<div class="sf-viewbox position-relative">
<div class="swiper-container main-news-swiper theme-dark bg-transparent" id="slider-4Aaa98f4">
<div class="swiper-wrapper">
<div class="swiper-slide" id="bx_116800808_5010" style="background: transparent url('') repeat;">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="aspect-ratio-content sf-viewbox-wrap hover transition">
<div class="sf-viewbox swiper-lazy bg-cover " data-background="/upload/resize_cache/iblock/287/1000_666_2/fr6ctgbp7d3mguv767qeuly1demnvp7z.jpg">
<div class="swiper-lazy-preloader sf-swiper-nav-circle-in">
<div class="sf-progress">
<div class="sf-progress-animation"></div>
</div>
</div>
</div>
<div class="sf-viewbox bg-gblack-0-50"></div>
<div class="sf-viewbox d-flex flex-column justify-content-end">
<div class="news-list-item-text t-center c-white mb-4 p-3">
<p class="t--1 c-text-secondary m-0"><i class=""></i>19 апреля 2024, Пятница 12:04</p>
<h3 class="t-3 t-title с-text-primary l-inherit l-hover-underline-none transition my-2">
<a href="/life/video/poznavatelnye-uroki/" hidefocus="true">Выставка "Весенние настроение"</a>
</h3>
<a class="t--3 t-bold t-uppercase bg-white l-primary py-1 px-2" href="/life/video/poznavatelnye-uroki/">Проекты наших детей</a>
</div>
</div>
<a
data-fancybox
title="Выставка "Весенние настроение""
href="https://www.youtube.com/embed/youtu.be/Kk8LE9WY54Q"
class="sf-viewbox"
></a>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_116800808_4855" style="background: transparent url('') repeat;">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="aspect-ratio-content sf-viewbox-wrap hover transition">
<div class="sf-viewbox swiper-lazy bg-cover " data-background="/upload/resize_cache/iblock/9f2/1000_666_2/2tiaogt9kwnlarhvbikve2s9eol29itx.jpg">
<div class="swiper-lazy-preloader sf-swiper-nav-circle-in">
<div class="sf-progress">
<div class="sf-progress-animation"></div>
</div>
</div>
</div>
<div class="sf-viewbox bg-gblack-0-50"></div>
<div class="sf-viewbox d-flex flex-column justify-content-end">
<div class="news-list-item-text t-center c-white mb-4 p-3">
<p class="t--1 c-text-secondary m-0"><i class=""></i>12 февраля 2024, Понедельник 01:02</p>
<h3 class="t-3 t-title с-text-primary l-inherit l-hover-underline-none transition my-2">
<a href="/life/video/zhizn-shkoly/" hidefocus="true">Выставка «Путешествие во времени»</a>
</h3>
<a class="t--3 t-bold t-uppercase bg-white l-primary py-1 px-2" href="/life/video/zhizn-shkoly/">Школьная жизнь</a>
</div>
</div>
<a
data-fancybox
title="Выставка «Путешествие во времени»"
href="https://www.youtube.com/embed/youtu.be/MxsRbrcbV5Y"
class="sf-viewbox"
></a>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_116800808_4346" style="background: transparent url('') repeat;">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="aspect-ratio-content sf-viewbox-wrap hover transition">
<div class="sf-viewbox swiper-lazy bg-cover " data-background="/upload/iblock/6be/hieto66dr2hbxuq7n7mh14zn6er3vde5.jpg">
<div class="swiper-lazy-preloader sf-swiper-nav-circle-in">
<div class="sf-progress">
<div class="sf-progress-animation"></div>
</div>
</div>
</div>
<div class="sf-viewbox bg-gblack-0-50"></div>
<div class="sf-viewbox d-flex flex-column justify-content-end">
<div class="news-list-item-text t-center c-white mb-4 p-3">
<p class="t--1 c-text-secondary m-0"><i class=""></i>16 октября 2023, Понедельник 12:10</p>
<h3 class="t-3 t-title с-text-primary l-inherit l-hover-underline-none transition my-2">
<a href="/life/video/uspekhi-nashikh-detey/" hidefocus="true">Павел Минтюков — дебют в НХЛ</a>
</h3>
<a class="t--3 t-bold t-uppercase bg-white l-primary py-1 px-2" href="/life/video/uspekhi-nashikh-detey/">Успехи наших детей</a>
</div>
</div>
<a
data-fancybox
title="Павел Минтюков — дебют в НХЛ"
href="https://www.youtube.com/embed/_RXvo26oIks"
class="sf-viewbox"
></a>
</div>
</div>
</div>
<div class="swiper-slide" id="bx_116800808_785" style="background: transparent url('') repeat;">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="aspect-ratio-content sf-viewbox-wrap hover transition">
<div class="sf-viewbox swiper-lazy bg-cover " data-background="/upload/resize_cache/iblock/ec3/1000_666_2/hmvg7eqqbi0ea62fzzqk7ne9ay8frxbm.jpg">
<div class="swiper-lazy-preloader sf-swiper-nav-circle-in">
<div class="sf-progress">
<div class="sf-progress-animation"></div>
</div>
</div>
</div>
<div class="sf-viewbox bg-gblack-0-50"></div>
<div class="sf-viewbox d-flex flex-column justify-content-end">
<div class="news-list-item-text t-center c-white mb-4 p-3">
<p class="t--1 c-text-secondary m-0"><i class=""></i>27 декабря 2021, Понедельник 12:12</p>
<h3 class="t-3 t-title с-text-primary l-inherit l-hover-underline-none transition my-2">
<a href="/life/video/zhizn-shkoly/" hidefocus="true">Новогодний праздник, старшая школа</a>
</h3>
<a class="t--3 t-bold t-uppercase bg-white l-primary py-1 px-2" href="/life/video/zhizn-shkoly/">Школьная жизнь</a>
</div>
</div>
<a class="sf-viewbox"
data-fancybox
title="Новогодний праздник, старшая школа"
data-type="ajax"
data-src="/simai.data/modal/video.viewer.php?file=877"
href="javascript:;"></a>
</div>
</div>
</div>
</div>
<div class="swiper-button-next sf-swiper-button sf-swiper-button-next sf-swiper-nav-circle-in" style="display:block"></div>
<div class="swiper-button-prev sf-swiper-button sf-swiper-button-prev sf-swiper-nav-circle-in" style="display:block"></div>
<div class="sf-swiper-pagination sf-swiper-nav-circle-in" style="display:block"></div>
</div>
</div>
</section>
<script>
window.addEventListener('DOMContentLoaded', function() {
let Nswiper = new Swiper({
el: '#slider-4Aaa98f4',
initialSlide: 0,
pagination: {
el: '.sf-swiper-pagination',
},
navigation: {
nextEl:'.swiper-button-next',
prevEl: '.swiper-button-prev',
},
lazy: true,
});
});
</script>
</div>
</div> </div>
<div class=" col-12 col-lg-5 ">
<div class="pt-4 bg-theme-0 ">
<section class="sf-iblock-card-area lazyload sf-viewbox-wrap theme-light bg-transparent">
<div class="sf-viewbox position-relative">
<div class="row">
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-6 d-xl-block col-xl-6" id="bx_2521374905_5010" >
<div class="iblock-list-item-wrap " area-label="Выставка "Весенние настроение"">
<div class="iblock-list-item position-relative mb-4">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content r-default hover:shadow-2 transition overflow-hidden" style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/287/600_400_2/fr6ctgbp7d3mguv767qeuly1demnvp7z.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Выставка "Весенние настроение" </div>
</div>
<a
data-fancybox
class="sf-viewbox"
title="Видеогалерея"
href="https://www.youtube.com/embed/https://youtu.be/Kk8LE9WY54Q?autoplay=1"
class="sf-viewbox"
data-alt="Выставка "Весенние настроение"" data-title="Выставка "Весенние настроение"" aria-label="Выставка "Весенние настроение""
data-caption=""
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
<p class="t--1 c-text-secondary mt-3 mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>19.04.2024</p>
<p class="t-0 my-2 t-title с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/video/poznavatelnye-uroki/" hidefocus="true" >Выставка "Весенние настроение"</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-6 d-xl-block col-xl-6" id="bx_2521374905_4855" >
<div class="iblock-list-item-wrap " area-label="Выставка «Путешествие во времени»">
<div class="iblock-list-item position-relative mb-4">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content r-default hover:shadow-2 transition overflow-hidden" style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/9f2/600_400_2/2tiaogt9kwnlarhvbikve2s9eol29itx.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Выставка «Путешествие во времени» </div>
</div>
<a
data-fancybox
class="sf-viewbox"
title="Видеогалерея"
href="https://www.youtube.com/embed/https://youtu.be/MxsRbrcbV5Y?autoplay=1"
class="sf-viewbox"
data-alt="Выставка «Путешествие во времени»" data-title="Выставка «Путешествие во времени»" aria-label="Выставка «Путешествие во времени»"
data-caption=""
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
<p class="t--1 c-text-secondary mt-3 mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>12.02.2024</p>
<p class="t-0 my-2 t-title с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/video/zhizn-shkoly/" hidefocus="true" >Выставка «Путешествие во времени»</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-6 d-xl-block col-xl-6" id="bx_2521374905_4346" >
<div class="iblock-list-item-wrap " area-label="Павел Минтюков — дебют в НХЛ">
<div class="iblock-list-item position-relative mb-4">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content r-default hover:shadow-2 transition overflow-hidden" style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/6be/600_400_2/hieto66dr2hbxuq7n7mh14zn6er3vde5.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Павел Минтюков — дебют в НХЛ </div>
</div>
<a
data-fancybox
class="sf-viewbox"
title="Видеогалерея"
href="https://www.youtube.com/embed/https://www.youtube.com/watch?v=_RXvo26oIks?autoplay=1"
class="sf-viewbox"
data-alt="Павел Минтюков — дебют в НХЛ" data-title="Павел Минтюков — дебют в НХЛ" aria-label="Павел Минтюков — дебют в НХЛ"
data-caption=""
></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
<p class="t--1 c-text-secondary mt-3 mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>16.10.2023</p>
<p class="t-0 my-2 t-title с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/video/uspekhi-nashikh-detey/" hidefocus="true" >Павел Минтюков — дебют в НХЛ</a>
</p>
</div>
</div>
</div>
</div>
<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-6 d-lg-block col-lg-6 d-xl-block col-xl-6" id="bx_2521374905_785" >
<div class="iblock-list-item-wrap " area-label="Новогодний праздник, старшая школа">
<div class="iblock-list-item position-relative mb-4">
<div class="iblock-list-item-image ">
<div class="aspect-ratio aspect-ratio-3x2">
<div class="sf-viewbox-wrap hover wave-light aspect-ratio-content r-default hover:shadow-2 transition overflow-hidden" style="">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-cover " data-bg="/upload/resize_cache/iblock/ec3/600_400_2/hmvg7eqqbi0ea62fzzqk7ne9ay8frxbm.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Новогодний праздник, старшая школа </div>
</div>
<a class="sf-viewbox"
data-fancybox
title="Видеогалерея"
data-type="ajax"
data-src="/simai.data/modal/video.viewer.php?file=877"
href="javascript:;"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
<p class="t--1 c-text-secondary mt-3 mb-2"><i class="far fa-calendar-alt mr-2 c-primary"></i>27.12.2021</p>
<p class="t-0 my-2 t-title с-text-primary l-inherit l-hover-primary l-hover-underline-none transition">
<a href="/life/video/zhizn-shkoly/" hidefocus="true" >Новогодний праздник, старшая школа</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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>
</section>
</div>
</main>
</section>
</div>
<footer
class = "
sf-footer-area d-print-none
theme-dark
mt-auto "
style = "
background-color: #606060;
background-repeat: ;
background-position-x: ;
background-position-y: ;
background-size: ;
"
>
<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=" ">
<section class="sf-iblock-card-area lazyload sf-viewbox-wrap ">
<div class="sf-viewbox position-relative">
<div class="row">
<div class=" d-none d-sm-none d-md-none d-lg-block col-lg-12 d-xl-block col-xl-12" id="bx_3779989551_839" >
<div class="iblock-list-item-wrap " area-label="Демо баннер 1920x80">
<div class="iblock-list-item position-relative ">
<div class="iblock-list-item-image ">
<div class="">
<div class="sf-viewbox-wrap hover wave-light " style="height: 10px">
<div class="sf-viewbox" style="background: transparent url('') repeat;"></div>
<div class="sf-viewbox lazyload bg-contain hover-shine " data-bg="/upload/iblock/68a/68a30fd4782fd8f62ee22302993587f7.jpg" style="background-position: center center"></div>
<div class="sf-viewbox sf-special-hidden">
<div class="align-middle t-center p-3">
Демо баннер 1920x80 </div>
</div>
<a class="sf-viewbox" href="https://marina-01.tmweb.ru/" target="_blank" style="background-color: transparent!important"
data-alt="Демо баннер 1920x80" data-title="Демо баннер 1920x80"
alt="Демо баннер 1920x80" title="Демо баннер 1920x80" aria-label="Демо баннер 1920x80"></a>
</div>
</div>
</div>
<div class="iblock-list-item-text ">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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 " style="">
<div class="container ">
<div class="row py-4 b-theme-2 bb-1">
<div class=" col-12 col-lg-4 mb-3 mb-md-0">
<div class=""> <div class=" ">
<h3 class="t-0 t-uppercase t-bold mt-0 mb-3">
Контакты</h3 class=""> </div>
<div class=" ">
<i class="far fa-fw fa-map-marker-alt mr-2 c-icon-active" aria-hidden="true"></i>
<span class="c-text-primary">
119454 г. Москва, ул. Лобачевского, 72.</span> </div>
<div class="t--1 ">
<i class="far fa-fw fa-phone mr-2 c-icon-active" aria-hidden="true"></i>
<span class="" style="white-space:nowrap"><a class="c-text-primary sf-link sf-link-theme sf-link-dashed white-space-no-wrap" href="tel:+7 (499) 431-0903">+7 (499) 431-0903</a></span>
</div>
<div class="mb-3 t--1 ">
<i class="far fa-fw fa-envelope mr-2 c-icon-active" aria-hidden="true"></i>
<a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="mailto:[email protected]">
[email protected]</a> </div>
</div> </div>
<div class=" col-12 col-lg-5 mb-3 mb-md-0">
<div class=""> <div class=" ">
<h3 class="t-0 t-uppercase t-bold mt-0 mb-3">
Меню</h3 class=""> </div>
<div class="l-inherit ml-4 ">
<ul class="fa-ul row">
<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/about/">О нашей школе</a></li>
<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="http://eugene-center.mskobr.ru/">Официальный сайт</a></li>
<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/life/">Жизнь школы</a></li>
<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/contacts/">Контакты, обратная связь, вакансии</a></li>
</ul>
</div>
</div> </div>
<div class=" col-12 col-lg-3 mb-3 mb-md-0">
<div class=""> <div class=" ">
<h3 class="t-0 t-uppercase t-bold mt-0 mb-3">
НАШЛИ ОШИБКУ</h3 class=""> </div>
<div class=" ">
<!-- MODAL WINDOW -->
<div class="modal-window-home" id="modal-window-home-id" params="close" onload="text">
<form method="POST" name="helpForm">
<!-- CONTENT MODAL -->
<div class="content-modal-window">
<!-- HEADER -->
<div class="header-modal-window">
<span class="header-modal-window-text">На сайте обнаружена ошибка</span>
<div class="close-icon-button-block over-mask">
<div class='over-mask but-close-over-mask' params="close" onclick="closeModalWindow()"></div>
<svg width="18" height="18" viewBox="0 0 512 512">
<line x1="5" y1="5" x2="510" y2="510" stroke="#000000" stroke-width="20"/>
<line x1="5" y1="510" x2="510" y2="5" stroke="#000000" stroke-width="20"/>
</svg>
</div>
</div>
<!-- CONTENT BLOCK -->
<div class="content-modal-window-message-submit">
<p>Текст с ошибкой</p>
<div id="mess" class="text-error"></div>
<div id='elem-form'></div>
</div>
<!-- FOOTER -->
<div class="footer-modal-window">
<input type="submit" value="Отправить" id='send'
class="but-sm but-sm-submit btn-button-modal-window m-20">
</div>
</div>
</form>
</div>
<script>
$(".modal-window-home").click(function(){
closeModalWindow();
}).children().click(function(e) {
e.stopPropagation();
});
</script><p>Нашли ошибку? Сообщите нам!<br>Выделите и нажмите Ctr+Enter</p> </div>
</div> </div>
</div>
</div>
</div>
<div class="container-wrap " style="">
<div class="container ">
<div class="row py-3">
<div class=" col-12 d-block col-sm-12 d-sm-block col-md-12 d-md-block col-lg-6 d-lg-block col-xl-6 d-xl-block ">
<div class=" ">
© ЮДЖИН-ЦЕНТР </div>
</div>
<div class=" d-none d-sm-none d-md-none col-lg-6 d-lg-block col-xl-6 d-xl-block ">
<div class="t-left t-lg-right l-inherit l-hover-underline-none l-hover-primary ">
<i class="far fa-fw fa-phone mr-2 c-text-secondary" aria-hidden="true"></i>
<span class="" style="white-space:nowrap"><a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="tel:+7 (499) 431-0903">+7 (499) 431-0903</a></span>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</footer>
</section>
<aside class="swiper-area swipebar-area-left d-print-none">
</aside>
<aside class="swiper-area swipebar-area-right d-print-none">
</aside>
<div class="sf-service-bottom-area d-print-none">
<a
class="sf-up p-3 d-flex align-items-center justify-content-center ar-4 ab-5 btn-secondary btn-outline btn-rounded shadow-1 hover:shadow-4 hover:up-4 transition"
data-animation="easeInOutQuart"
data-speed="2000"
data-offset="500">
<i class="far c-white fa-chevron-up"></i>
</a>
<button class="stopSpeak" style="display: none;">
<i class="fas fa-pause"></i>
</button>
</div>
</body>
</html>