{"id":86,"date":"2026-10-05T16:52:14","date_gmt":"2026-10-05T13:52:14","guid":{"rendered":"https:\/\/myschoolweb.ru\/?page_id=86"},"modified":"2026-10-05T16:54:25","modified_gmt":"2026-10-05T13:54:25","slug":"shelekhov-main","status":"publish","type":"page","link":"https:\/\/myschoolweb.ru\/?page_id=86","title":{"rendered":"Shelekhov main"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <!-- \u041c\u0430\u0441\u0448\u0442\u0430\u0431 61% \u0434\u043b\u044f \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043e\u0432 -->\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=0.61, minimum-scale=0.5, maximum-scale=2.0\">\n    <title>\u041c\u043e\u044f \u0448\u043a\u043e\u043b\u0430 | \u0428\u043a\u043e\u043b\u0430 \u21162 \u0433. \u0428\u0435\u043b\u0435\u0445\u043e\u0432<\/title>\n    <style>\n        \/* \u0421\u043a\u0440\u044b\u0442\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0442\u0435\u043c\u044b WordPress *\/\n        header.wp-block-template-part,\n        footer.wp-block-template-part,\n        .site-header,\n        .site-footer,\n        .wp-site-blocks > header,\n        .wp-site-blocks > footer,\n        .entry-title,\n        h1.wp-block-post-title {\n            display: none !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            background-color: #f8fafc;\n            color: #0f172a;\n            overflow-x: hidden;\n            width: 100%;\n        }\n\n        \/* \u0413\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043d\u044b\u0439 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0444\u043e\u043d *\/\n        .page-bg {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, #eff6ff 0%, #fdf2f8 35%, #f5f3ff 70%, #ecfeff 100%);\n            background-size: 400% 400%;\n            animation: bgAnim 16s ease infinite;\n            z-index: -1;\n        }\n\n        @keyframes bgAnim {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n\n        \/* \u0412\u0435\u0440\u0445\u043d\u044f\u044f \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0430\u044f \u0448\u0430\u043f\u043a\u0430 \u0441\u043e \u0441\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u0438\u0435\u043c *\/\n        .header-wrapper {\n            position: sticky;\n            top: 12px;\n            z-index: 1000;\n            padding: 0 14px;\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        header.custom-header {\n            width: 100%;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid rgba(226, 232, 240, 0.9);\n            border-radius: 26px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            padding: 10px 18px;\n        }\n\n        .header-content {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .brand-logo {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-weight: 800;\n            font-size: 1.15rem;\n            color: #0f172a;\n            text-decoration: none;\n        }\n\n        .brand-icon {\n            width: 42px;\n            height: 42px;\n            border-radius: 16px;\n            background: linear-gradient(135deg, #3b82f6, #6366f1);\n            color: #ffffff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.3rem;\n            box-shadow: 0 6px 16px rgba(59, 130, 246, 0.35);\n        }\n\n        .brand-text {\n            line-height: 1.25;\n        }\n\n        .nav-links {\n            display: flex;\n            gap: 18px;\n            align-items: center;\n        }\n\n        .nav-links a {\n            text-decoration: none;\n            color: #475569;\n            font-weight: 700;\n            font-size: 0.95rem;\n            transition: color 0.2s;\n        }\n\n        .nav-links a:hover {\n            color: #2563eb;\n        }\n\n        \/* \u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u0431\u0430\u043d\u043d\u0435\u0440 *\/\n        .hero {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 30px 16px 20px 16px;\n            text-align: center;\n        }\n\n        .hero-badge {\n            display: inline-block;\n            background: #ffffff;\n            border: 1px solid #e2e8f0;\n            padding: 6px 16px;\n            border-radius: 99px;\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: #2563eb;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n            margin-bottom: 16px;\n        }\n\n        .hero h1 {\n            font-size: clamp(2.8rem, 10vw, 4.8rem);\n            font-weight: 900;\n            letter-spacing: -0.04em;\n            line-height: 1.1;\n            margin-bottom: 12px;\n            background: linear-gradient(135deg, #1e293b 0%, #2563eb 50%, #ec4899 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .hero p {\n            font-size: 1.1rem;\n            color: #475569;\n            width: 100%;\n            max-width: 900px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        \/* \u041e\u0431\u0449\u0438\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0441\u043e \u0441\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u044b\u043c\u0438 \u0433\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438 *\/\n        .main-container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px 14px 60px 14px;\n        }\n\n        \/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0441\u043e \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u0430\u043c\u0438 *\/\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 16px;\n            margin-bottom: 24px;\n            width: 100%;\n        }\n\n        .stat-card {\n            background: rgba(255, 255, 255, 0.95);\n            border: 1px solid #ffffff;\n            border-radius: 26px;\n            padding: 26px 16px;\n            text-align: center;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n            position: relative;\n        }\n\n        .stat-card::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 15%;\n            right: 15%;\n            height: 4px;\n            border-radius: 0 0 10px 10px;\n            background: linear-gradient(90deg, #2563eb, #ec4899);\n        }\n\n        .stat-num {\n            font-size: 3.6rem;\n            font-weight: 900;\n            color: #2563eb;\n            line-height: 1;\n            margin-bottom: 6px;\n        }\n\n        .stat-title {\n            font-size: 1.15rem;\n            font-weight: 800;\n            color: #0f172a;\n        }\n\n        .stat-sub {\n            font-size: 0.85rem;\n            color: #64748b;\n            margin-top: 4px;\n        }\n\n        \/* \u0421\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u0435\u043a\u0446\u0438\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a *\/\n        .history-card {\n            width: 100%;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(16px);\n            border: 1px solid #ffffff;\n            border-radius: 28px;\n            padding: 34px 22px;\n            margin-bottom: 24px;\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);\n        }\n\n        .history-row {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }\n\n        @media (min-width: 900px) {\n            .history-row {\n                grid-template-columns: 1.1fr 0.9fr;\n                align-items: center;\n                gap: 36px;\n            }\n            .history-row.reverse {\n                grid-template-columns: 0.9fr 1.1fr;\n            }\n        }\n\n        .history-tag {\n            color: #ec4899;\n            font-weight: 800;\n            text-transform: uppercase;\n            font-size: 0.85rem;\n            letter-spacing: 1px;\n            display: inline-block;\n            margin-bottom: 4px;\n        }\n\n        .history-text h2 {\n            font-size: clamp(2rem, 6vw, 2.5rem);\n            font-weight: 900;\n            margin: 4px 0 14px 0;\n            line-height: 1.2;\n            color: #0f172a;\n        }\n\n        .history-text p {\n            color: #475569;\n            line-height: 1.65;\n            margin-bottom: 14px;\n            font-size: 1.05rem;\n        }\n\n        .school-photo-box {\n            position: relative;\n            border-radius: 22px;\n            overflow: hidden;\n            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);\n            background: #e2e8f0;\n            min-height: 220px;\n            max-height: 360px;\n            width: 100%;\n        }\n\n        .school-photo-box img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        \/* \u0413\u0430\u043b\u0435\u0440\u0435\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 *\/\n        .historical-gallery {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 14px;\n            margin-top: 20px;\n            width: 100%;\n        }\n\n        .gallery-item {\n            border-radius: 22px;\n            overflow: hidden;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\n            background: #ffffff;\n            border: 1px solid #e2e8f0;\n        }\n\n        .gallery-item img {\n            width: 100%;\n            height: 200px;\n            object-fit: cover;\n            display: block;\n            border-bottom: 1px solid #e2e8f0;\n            filter: sepia(15%) contrast(105%);\n        }\n\n        .gallery-item p {\n            padding: 12px;\n            text-align: center;\n            font-size: 0.95rem;\n            font-weight: 800;\n            color: #0f172a;\n            margin: 0;\n            background: #f8fafc;\n        }\n\n        \/* \u0410\u0443\u0434\u0438\u043e\u043f\u043b\u0435\u0435\u0440 *\/\n        .audio-wrapper {\n            background: #f1f5f9;\n            border: 1px solid #e2e8f0;\n            border-radius: 22px;\n            padding: 16px;\n            margin: 18px 0 14px 0;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            width: 100%;\n        }\n\n        .audio-wrapper span {\n            font-size: 0.9rem;\n            font-weight: 800;\n            color: #2563eb;\n            text-transform: uppercase;\n        }\n\n        audio {\n            width: 100%;\n            outline: none;\n            border-radius: 99px;\n        }\n\n        .btn-history-modal {\n            width: 100%;\n            background: #2563eb;\n            color: #ffffff;\n            border: none;\n            padding: 16px 20px;\n            border-radius: 99px;\n            font-weight: 800;\n            font-size: 1rem;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            box-shadow: 0 8px 22px rgba(37, 99, 235, 0.35);\n            transition: all 0.2s;\n        }\n\n        .btn-history-modal:active {\n            transform: scale(0.98);\n        }\n\n        \/* \u0421\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u044b\u0435 \u043f\u043b\u0430\u0448\u043a\u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432 *\/\n        .contacts-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 14px;\n            margin-top: 20px;\n            width: 100%;\n        }\n\n        .contact-item {\n            background: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 22px;\n            padding: 20px 18px;\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n            text-align: left;\n            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);\n        }\n\n        .contact-icon {\n            font-size: 1.8rem;\n            margin-bottom: 4px;\n        }\n\n        .contact-title {\n            font-size: 0.85rem;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            color: #64748b;\n        }\n\n        .contact-value {\n            font-size: 1.05rem;\n            font-weight: 700;\n            color: #0f172a;\n            line-height: 1.4;\n            word-break: break-word;\n        }\n\n        .contact-value a {\n            color: #2563eb;\n            text-decoration: none;\n        }\n\n        .contact-value a:hover {\n            text-decoration: underline;\n        }\n\n        \/* \u041f\u043e\u0434\u0432\u0430\u043b *\/\n        footer.custom-footer {\n            width: 100%;\n            background: #0f172a;\n            color: #ffffff;\n            border-radius: 28px;\n            padding: 35px 18px;\n            text-align: center;\n            box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);\n            margin-top: 10px;\n        }\n\n        footer.custom-footer h2 {\n            font-size: 1.9rem;\n            font-weight: 900;\n            margin-bottom: 8px;\n        }\n\n        footer.custom-footer p {\n            color: #94a3b8;\n            font-size: 1rem;\n            margin: 0 auto 20px auto;\n        }\n\n        .tg-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            background: #0284c7;\n            color: #ffffff;\n            text-decoration: none;\n            padding: 14px 28px;\n            border-radius: 99px;\n            font-size: 1rem;\n            font-weight: 700;\n            width: 100%;\n            max-width: 360px;\n            box-shadow: 0 8px 24px rgba(2, 132, 199, 0.35);\n        }\n\n        .copyright {\n            margin-top: 26px;\n            font-size: 0.8rem;\n            color: #64748b;\n            line-height: 1.5;\n        }\n\n        \/* \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e *\/\n        .modal-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(15, 23, 42, 0.75);\n            backdrop-filter: blur(8px);\n            display: none;\n            align-items: center;\n            justify-content: center;\n            z-index: 99999;\n            padding: 14px;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .modal-overlay.active {\n            display: flex;\n            opacity: 1;\n        }\n\n        .modal-card {\n            background: #ffffff;\n            width: 100%;\n            max-width: 650px;\n            border-radius: 28px;\n            padding: 28px 18px;\n            position: relative;\n            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);\n            max-height: 88vh;\n            overflow-y: auto;\n        }\n\n        .modal-close-btn {\n            position: absolute;\n            top: 14px;\n            right: 14px;\n            background: #f1f5f9;\n            border: none;\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            font-size: 16px;\n            color: #64748b;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .modal-card h2 {\n            font-size: 1.6rem;\n            font-weight: 900;\n            margin-bottom: 12px;\n            color: #0f172a;\n            padding-right: 36px;\n        }\n\n        .modal-card h3 {\n            font-size: 1.25rem;\n            font-weight: 800;\n            margin: 20px 0 8px 0;\n            color: #0f172a;\n        }\n\n        .modal-card p {\n            color: #475569;\n            line-height: 1.65;\n            margin-bottom: 12px;\n            font-size: 1rem;\n        }\n\n        .sponsor-img {\n            width: 100%;\n            height: 200px;\n            object-fit: cover;\n            border-radius: 20px;\n            margin: 10px 0 14px 0;\n            display: block;\n        }\n\n        \/* \u041f\u0440\u0430\u0432\u0438\u043b\u0430 \u0441\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u0438\u0439 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\u0445 *\/\n        @media (max-width: 768px) {\n            .nav-links {\n                display: none;\n            }\n            .main-container {\n                padding: 0 10px 40px 10px;\n            }\n            .stat-card {\n                border-radius: 24px;\n                padding: 20px 14px;\n            }\n            .history-card {\n                border-radius: 28px;\n                padding: 24px 16px;\n                margin-bottom: 18px;\n            }\n            .contacts-grid {\n                grid-template-columns: 1fr;\n            }\n            .contact-item {\n                border-radius: 20px;\n            }\n            footer.custom-footer {\n                border-radius: 28px;\n                padding: 30px 16px;\n            }\n        }\n    <\/style>\n\n\n\n    <div class=\"page-bg\"><\/div>\n\n    <div class=\"header-wrapper\">\n        <header class=\"custom-header\">\n            <div class=\"header-content\">\n                <a href=\"#\" class=\"brand-logo\">\n                    <div class=\"brand-icon\">\ud83c\udf93<\/div>\n                    <div class=\"brand-text\">\n                        <div>\u0428\u043a\u043e\u043b\u0430 \u21162 \u2022<\/div>\n                        <div>\u0428\u0435\u043b\u0435\u0445\u043e\u0432<\/div>\n                    <\/div>\n                <\/a>\n                <nav class=\"nav-links\">\n                    <a href=\"#stats\">\u0412 \u0446\u0438\u0444\u0440\u0430\u0445<\/a>\n                    <a href=\"#history\">\u0418\u0441\u0442\u043e\u0440\u0438\u044f<\/a>\n                    <a href=\"#old-city\">\u0424\u043e\u0442\u043e<\/a>\n                    <a href=\"#contacts\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\n                <\/nav>\n            <\/div>\n        <\/header>\n    <\/div>\n\n    <section class=\"hero\">\n        <div class=\"hero-badge\">\u2728 \u041d\u0435\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b myschoolweb.ru<\/div>\n        <h1>\u041c\u043e\u044f \u0448\u043a\u043e\u043b\u0430<\/h1>\n        <p>\n            \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e-\u043d\u0435\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b \u0428\u043a\u043e\u043b\u044b \u21162 \u0433. \u0428\u0435\u043b\u0435\u0445\u043e\u0432: \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0443\u0440\u043e\u043a\u043e\u0432, \u0443\u0447\u0435\u0431\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b, \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u0433\u043e\u0440\u043e\u0434\u0430 \u043c\u0435\u0442\u0430\u043b\u043b\u0443\u0440\u0433\u043e\u0432 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0448\u043a\u043e\u043b\u044b.\n        <\/p>\n    <\/section>\n\n    <main class=\"main-container\">\n\n        <section id=\"stats\" class=\"stats-grid\">\n            <div class=\"stat-card\">\n                <div class=\"stat-num\" data-target=\"64\">0<\/div>\n                <div class=\"stat-title\">\u041f\u0435\u0434\u0430\u0433\u043e\u0433\u0430<\/div>\n                <div class=\"stat-sub\">\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a\u043e\u0432<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-num\" data-target=\"45\">0<\/div>\n                <div class=\"stat-title\">\u041a\u043b\u0430\u0441\u0441\u043e\u0432<\/div>\n                <div class=\"stat-sub\">\u0421 1 \u043f\u043e 11 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u0438<\/div>\n            <\/div>\n            <div class=\"stat-card\">\n                <div class=\"stat-num\" data-target=\"1250\">0<\/div>\n                <div class=\"stat-title\">\u0423\u0447\u0435\u043d\u0438\u043a\u043e\u0432<\/div>\n                <div class=\"stat-sub\">\u0411\u043e\u043b\u044c\u0448\u0430\u044f \u0448\u043a\u043e\u043b\u044c\u043d\u0430\u044f \u0441\u0435\u043c\u044c\u044f<\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"history\" class=\"history-card\">\n            <div class=\"history-row\">\n                <div class=\"history-text\">\n                    <span class=\"history-tag\">\u0428\u0435\u043b\u0435\u0445\u043e\u0432<\/span>\n                    <h2>\u0413\u043e\u0440\u043e\u0434 \u043c\u0435\u0442\u0430\u043b\u043b\u0443\u0440\u0433\u043e\u0432<\/h2>\n                    <p>\n                        \u0428\u0435\u043b\u0435\u0445\u043e\u0432 \u2014 \u043c\u043e\u043b\u043e\u0434\u043e\u0439 \u0438 \u044d\u043d\u0435\u0440\u0433\u0438\u0447\u043d\u044b\u0439 \u0433\u043e\u0440\u043e\u0434 \u0432 \u0418\u0440\u043a\u0443\u0442\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438, \u043d\u0430\u0437\u0432\u0430\u043d\u043d\u044b\u0439 \u0432 \u0447\u0435\u0441\u0442\u044c \u0437\u043d\u0430\u043c\u0435\u043d\u0438\u0442\u043e\u0433\u043e \u043c\u043e\u0440\u0435\u043f\u043b\u0430\u0432\u0430\u0442\u0435\u043b\u044f \u0413\u0440\u0438\u0433\u043e\u0440\u0438\u044f \u0428\u0435\u043b\u0438\u0445\u043e\u0432\u0430. \u0415\u0433\u043e \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u043d\u0435\u0440\u0430\u0437\u0440\u044b\u0432\u043d\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u0430 \u0441\u043e \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u043e\u043c \u0418\u0440\u043a\u0443\u0442\u0441\u043a\u043e\u0433\u043e \u0430\u043b\u044e\u043c\u0438\u043d\u0438\u0435\u0432\u043e\u0433\u043e \u0437\u0430\u0432\u043e\u0434\u0430 (\u0418\u0440\u043a\u0410\u0417, \u043d\u044b\u043d\u0435 \u0420\u0423\u0421\u0410\u041b).\n                    <\/p>\n                    <p>\n                        \u0418\u043c\u0435\u043d\u043d\u043e \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u0438 \u0438 \u043c\u0435\u0442\u0430\u043b\u043b\u0443\u0440\u0433\u0438 \u0437\u0430\u043b\u043e\u0436\u0438\u043b\u0438 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u0438, \u043d\u043e \u0438 \u0434\u043b\u044f \u0441\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u0438\u0431\u0438\u0440\u0441\u043a\u043e\u0433\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f. \u041d\u0430\u0448 \u0433\u043e\u0440\u043e\u0434 \u0440\u043e\u0441, \u0430 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043d\u0438\u043c \u0440\u043e\u0441\u043b\u0438 \u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0432 \u043d\u043e\u0432\u044b\u0445 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0448\u043a\u043e\u043b\u0430\u0445 \u0434\u043b\u044f \u0434\u0435\u0442\u0435\u0439 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043e\u0432.\n                    <\/p>\n                <\/div>\n                <div class=\"school-photo-box\">\n                    <img decoding=\"async\" src=\"https:\/\/krasrab.ru\/media\/7\/7\/1\/0\/5\/material_20464\/original_photo-thumb_650.jpg\" alt=\"\u0417\u0430\u0432\u043e\u0434 \u0420\u0423\u0421\u0410\u041b \u0428\u0435\u043b\u0435\u0445\u043e\u0432\">\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"old-city\" class=\"history-card\">\n            <div style=\"text-align: center; margin-bottom: 16px;\">\n                <span class=\"history-tag\">\u0424\u043e\u0442\u043e\u0445\u0440\u043e\u043d\u0438\u043a\u0430<\/span>\n                <h2 style=\"font-size: clamp(1.8rem, 5.5vw, 2.3rem); font-weight: 900; color: #0f172a; margin-top: 4px;\">\u0421\u0442\u0430\u0440\u044b\u0439 \u0428\u0435\u043b\u0435\u0445\u043e\u0432<\/h2>\n                <p style=\"color: #475569; font-size: 1rem;\">\u041a\u0430\u043a \u0441\u0442\u0440\u043e\u0438\u043b\u0441\u044f \u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u043b\u0441\u044f \u043d\u0430\u0448 \u0440\u043e\u0434\u043d\u043e\u0439 \u0433\u043e\u0440\u043e\u0434<\/p>\n            <\/div>\n            \n            <div class=\"historical-gallery\">\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"https:\/\/pastvu.com\/_p\/a\/3\/l\/6\/3l66ijacx6kfak4u0s.jpg\" alt=\"\u0414\u043e\u043c \u0431\u044b\u0442\u0430\">\n                    <p>\u0414\u043e\u043c \u0431\u044b\u0442\u0430<\/p>\n                <\/div>\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"https:\/\/shel-vestnik.ru\/wp-content\/uploads\/2022\/02\/ulicza-mira-1-scaled.jpg\" alt=\"6 \u043a\u0432\u0430\u0440\u0442\u0430\u043b \u0443\u043b. \u041c\u0438\u0440\u0430 \u0434\u043e\u043c 30\">\n                    <p>6 \u043a\u0432\u0430\u0440\u0442\u0430\u043b, \u0443\u043b. \u041c\u0438\u0440\u0430, 30<\/p>\n                <\/div>\n                <div class=\"gallery-item\">\n                    <img decoding=\"async\" src=\"https:\/\/pastvu.com\/_p\/a\/1\/w\/5\/1w5rk76hq2te73kj0c.jpg\" alt=\"\u041a\u043e\u043b\u044c\u0446\u043e\">\n                    <p>\u041a\u043e\u043b\u044c\u0446\u043e<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"history-card\">\n            <div class=\"history-row reverse\">\n                <div class=\"school-photo-box\">\n                    <img decoding=\"async\" src=\"https:\/\/shelsosh2.gosuslugi.ru\/netcat_files\/23\/239\/shkola_2.jpg\" alt=\"\u0428\u043a\u043e\u043b\u0430 \u21162 \u0428\u0435\u043b\u0435\u0445\u043e\u0432\">\n                <\/div>\n                <div class=\"history-text\">\n                    <span class=\"history-tag\">\u041d\u0430\u0441\u043b\u0435\u0434\u0438\u0435 \u0438 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0438<\/span>\n                    <h2>\u0420\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u0428\u043a\u043e\u043b\u044b \u21162<\/h2>\n                    <p>\n                        \u041d\u0430\u0448\u0430 \u0448\u043a\u043e\u043b\u0430 \u043e\u0442\u043a\u0440\u044b\u043b\u0430 \u0441\u0432\u043e\u0438 \u0434\u0432\u0435\u0440\u0438 31 \u0430\u0432\u0433\u0443\u0441\u0442\u0430 1987 \u0433\u043e\u0434\u0430. \u0421\u043e\u0432\u0441\u0435\u043c \u0441\u043a\u043e\u0440\u043e \u0448\u043a\u043e\u043b\u0430 \u043e\u0442\u043c\u0435\u0442\u0438\u0442 \u0441\u0432\u043e\u0439 \u0433\u0440\u0430\u043d\u0434\u0438\u043e\u0437\u043d\u044b\u0439 <strong>50-\u043b\u0435\u0442\u043d\u0438\u0439 \u044e\u0431\u0438\u043b\u0435\u0439<\/strong>! \u0417\u0430 \u044d\u0442\u0438 \u043f\u043e\u043b\u0432\u0435\u043a\u0430 \u0437\u0434\u0435\u0441\u044c \u0441\u043c\u0435\u043d\u0438\u043b\u0438\u0441\u044c \u043f\u043e\u043a\u043e\u043b\u0435\u043d\u0438\u044f \u0443\u0447\u0435\u043d\u0438\u043a\u043e\u0432 \u0438 \u0443\u0447\u0438\u0442\u0435\u043b\u0435\u0439.\n                    <\/p>\n                    <p>\n                        \u041c\u044b \u0433\u043e\u0440\u0434\u0438\u043c\u0441\u044f \u0442\u0435\u043c, \u0447\u0442\u043e \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0438, \u0437\u0430\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c\u0438. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044d\u0442\u043e \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0441 \u0441\u0438\u043b\u044c\u043d\u043e\u0439 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u043e\u0439 \u043f\u043e \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043d\u0430\u0443\u043a\u0430\u043c, \u0431\u0438\u043e\u043b\u043e\u0433\u0438\u0438 \u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0438\u043d\u0430\u043c.\n                    <\/p>\n\n                    <div class=\"audio-wrapper\">\n                        <span>\ud83c\udf99\ufe0f \u041f\u0440\u043e\u0441\u043b\u0443\u0448\u0430\u0442\u044c \u0438\u0441\u0442\u043e\u0440\u0438\u044e \u0448\u043a\u043e\u043b\u044b<\/span>\n                        <audio controls=\"\" preload=\"metadata\">\n                            <source src=\"https:\/\/myschoolweb.ru\/wp-content\/uploads\/2026\/09\/audio.mp3\" type=\"audio\/mpeg\">\n                            \u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0430\u0443\u0434\u0438\u043e.\n                        <\/audio>\n                    <\/div>\n\n                    <button class=\"btn-history-modal\" onclick=\"openModal()\">\n                        <span>\u0427\u0438\u0442\u0430\u0442\u044c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043f\u0440\u043e \u0448\u043a\u043e\u043b\u0443 \u0438 \u0420\u0423\u0421\u0410\u041b<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u0420\u0430\u0437\u0434\u0435\u043b \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0448\u043a\u043e\u043b\u044b -->\n        <section id=\"contacts\" class=\"history-card\">\n            <div style=\"text-align: center; margin-bottom: 16px;\">\n                <span class=\"history-tag\">\u0421\u0432\u044f\u0437\u044c \u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/span>\n                <h2 style=\"font-size: clamp(1.8rem, 5.5vw, 2.3rem); font-weight: 900; color: #0f172a; margin-top: 4px;\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0448\u043a\u043e\u043b\u044b<\/h2>\n                <p style=\"color: #475569; font-size: 1rem;\">\u041c\u0411\u041e\u0423 \u00ab\u0421\u0440\u0435\u0434\u043d\u044f\u044f \u043e\u0431\u0449\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0448\u043a\u043e\u043b\u0430 \u2116 2\u00bb \u0433. \u0428\u0435\u043b\u0435\u0445\u043e\u0432<\/p>\n            <\/div>\n\n            <div class=\"contacts-grid\">\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\ud83d\udccd<\/div>\n                    <div class=\"contact-title\">\u0410\u0434\u0440\u0435\u0441<\/div>\n                    <div class=\"contact-value\">\u0418\u0440\u043a\u0443\u0442\u0441\u043a\u0430\u044f \u043e\u0431\u043b\u0430\u0441\u0442\u044c, \u0433. \u0428\u0435\u043b\u0435\u0445\u043e\u0432, 4-\u0439 \u043c\u0438\u043a\u0440\u043e\u0440\u0430\u0439\u043e\u043d, \u0434. 44<\/div>\n                <\/div>\n\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\ud83d\udcde<\/div>\n                    <div class=\"contact-title\">\u041f\u0440\u0438\u0451\u043c\u043d\u0430\u044f \/ \u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/div>\n                    <div class=\"contact-value\"><a href=\"tel:+73955042255\">+7 (39550) 4-22-55<\/a><\/div>\n                <\/div>\n\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\u2709\ufe0f<\/div>\n                    <div class=\"contact-title\">\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430<\/div>\n                    <div class=\"contact-value\"><a href=\"mailto:shelsosh2@mail.ru\">shelsosh2@mail.ru<\/a><\/div>\n                <\/div>\n\n                <div class=\"contact-item\">\n                    <div class=\"contact-icon\">\ud83d\udd52<\/div>\n                    <div class=\"contact-title\">\u0420\u0435\u0436\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u044b<\/div>\n                    <div class=\"contact-value\">\u041f\u043d \u2014 \u0421\u0431: 08:00 \u2013 19:00<br>\u0412\u0441: \u0412\u044b\u0445\u043e\u0434\u043d\u043e\u0439<\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <footer class=\"custom-footer\">\n            <h2>\u041e\u0441\u0442\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u0441\u0432\u044f\u0437\u0438<\/h2>\n            <p>\u0428\u043a\u043e\u043b\u0430 \u21162 \u0433\u043e\u0440\u043e\u0434\u0430 \u0428\u0435\u043b\u0435\u0445\u043e\u0432. \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e-\u043d\u0435\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b myschoolweb.ru<\/p>\n            <a href=\"https:\/\/t.me\/\" target=\"_blank\" class=\"tg-btn\">\n                <span>\ud83d\udcac \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c Telegram-\u0431\u043e\u0442\u0430<\/span>\n            <\/a>\n            <div class=\"copyright\">\n                \u00a9 2026 myschoolweb.ru \u2022 \u0428\u043a\u043e\u043b\u0430 \u21162 \u0433. \u0428\u0435\u043b\u0435\u0445\u043e\u0432.<br>\u0421\u0434\u0435\u043b\u0430\u043d\u043e \u0441 \u043b\u044e\u0431\u043e\u0432\u044c\u044e \u043a \u0440\u043e\u0434\u043d\u043e\u043c\u0443 \u0433\u043e\u0440\u043e\u0434\u0443 \u0438 \u0448\u043a\u043e\u043b\u0435.\n            <\/div>\n        <\/footer>\n\n    <\/main>\n\n    <div id=\"historyModal\" class=\"modal-overlay\">\n        <div class=\"modal-card\">\n            <button class=\"modal-close-btn\" onclick=\"closeModal()\">\u2715<\/button>\n            <h2>\u041f\u043e\u043b\u043d\u0430\u044f \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u0428\u043a\u043e\u043b\u044b \u21162 \u0433. \u0428\u0435\u043b\u0435\u0445\u043e\u0432<\/h2>\n            <p><strong>\u0414\u0430\u0442\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u044f: 31 \u0430\u0432\u0433\u0443\u0441\u0442\u0430 1987 \u0433\u043e\u0434\u0430.<\/strong><\/p>\n            <p>\n                \u0428\u043a\u043e\u043b\u0430 \u21162 \u0433\u043e\u0440\u043e\u0434\u0430 \u0428\u0435\u043b\u0435\u0445\u043e\u0432 \u2014 \u044d\u0442\u043e \u0440\u043e\u0434\u043d\u043e\u0435 \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0443\u0447\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043e\u0442\u043a\u0440\u044b\u043b\u043e \u0441\u0432\u043e\u0438 \u0434\u0432\u0435\u0440\u0438 \u0432 \u043a\u043e\u043d\u0446\u0435 \u043b\u0435\u0442\u0430 1987 \u0433\u043e\u0434\u0430. \u0428\u043a\u043e\u043b\u0430 \u0431\u044b\u043b\u0430 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0434\u0435\u0442\u0435\u0439 \u0431\u044b\u0441\u0442\u0440\u043e\u0440\u0430\u0441\u0442\u0443\u0449\u0435\u0433\u043e \u0433\u043e\u0440\u043e\u0434\u0430 \u043c\u0435\u0442\u0430\u043b\u043b\u0443\u0440\u0433\u043e\u0432.\n            <\/p>\n            <p>\n                \u0421\u043e\u0432\u0441\u0435\u043c \u0441\u043a\u043e\u0440\u043e \u0448\u043a\u043e\u043b\u0430 \u043e\u0442\u043c\u0435\u0442\u0438\u0442 \u0441\u0432\u043e\u0439 \u0433\u0440\u0430\u043d\u0434\u0438\u043e\u0437\u043d\u044b\u0439 <strong>50-\u043b\u0435\u0442\u043d\u0438\u0439 \u044e\u0431\u0438\u043b\u0435\u0439<\/strong>! \u0417\u0430 \u044d\u0442\u0438 \u043f\u043e\u043b\u0432\u0435\u043a\u0430 \u043c\u044b \u043f\u0440\u043e\u0448\u043b\u0438 \u043f\u0443\u0442\u044c \u043e\u0442 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u043e\u0432 \u0441 \u043c\u0435\u043b\u043e\u0432\u044b\u043c\u0438 \u0434\u043e\u0441\u043a\u0430\u043c\u0438 \u0434\u043e \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0441 \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u043c\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f\u043c\u0438, \u0441\u0430\u0439\u0442\u043e\u043c myschoolweb.ru \u0438 Telegram-\u0431\u043e\u0442\u0430\u043c\u0438.\n            <\/p>\n\n            <h3>\u0421\u043f\u043e\u043d\u0441\u043e\u0440 \u0438 \u043f\u0430\u0440\u0442\u043d\u0435\u0440 \u0448\u043a\u043e\u043b\u044b \u2014 \u0417\u0430\u0432\u043e\u0434 \u0420\u0423\u0421\u0410\u041b<\/h3>\n            <img decoding=\"async\" src=\"https:\/\/krasrab.ru\/media\/7\/7\/1\/0\/5\/material_20464\/original_photo-thumb_650.jpg\" alt=\"\u0417\u0430\u0432\u043e\u0434 \u0420\u0423\u0421\u0410\u041b\" class=\"sponsor-img\">\n            <p>\n                \u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043d\u0430\u0448\u0435\u0439 \u0448\u043a\u043e\u043b\u044b \u043d\u0435\u0440\u0430\u0437\u0440\u044b\u0432\u043d\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u044b\u043c \u0433\u0438\u0433\u0430\u043d\u0442\u043e\u043c \u0433\u043e\u0440\u043e\u0434\u0430 \u2014 <strong>\u0437\u0430\u0432\u043e\u0434\u043e\u043c \u0420\u0423\u0421\u0410\u041b (\u0418\u0440\u043a\u0410\u0417)<\/strong>. \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u0433\u043b\u0430\u0432\u043d\u044b\u043c \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u043c \u0438 \u0441\u043f\u043e\u043d\u0441\u043e\u0440\u043e\u043c \u0448\u043a\u043e\u043b\u044b, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044f \u043f\u0440\u043e\u0444\u043e\u0440\u0438\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u043c\u043e\u043b\u043e\u0434\u0451\u0436\u0438, \u043e\u0441\u043d\u0430\u0449\u0435\u043d\u0438\u0435 \u0443\u0447\u0435\u0431\u043d\u044b\u0445 \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u0439 \u0434\u043b\u044f \u0431\u0443\u0434\u0443\u0449\u0438\u0445 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043e\u0432 \u0438 \u043c\u0435\u0442\u0430\u043b\u043b\u0443\u0440\u0433\u043e\u0432.\n            <\/p>\n            <p>\n                \u041c\u043d\u043e\u0433\u0438\u0435 \u0432\u044b\u043f\u0443\u0441\u043a\u043d\u0438\u043a\u0438 \u043d\u0430\u0448\u0435\u0439 \u0448\u043a\u043e\u043b\u044b \u043e\u0441\u0442\u0430\u044e\u0442\u0441\u044f \u0432 \u0440\u043e\u0434\u043d\u043e\u043c \u0428\u0435\u043b\u0435\u0445\u043e\u0432\u0435, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0442\u044c \u0434\u0435\u043b\u043e \u043e\u0442\u0446\u043e\u0432 \u0438 \u0434\u0435\u0434\u043e\u0432. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0441 \u0420\u0423\u0421\u0410\u041b\u043e\u043c \u0448\u043a\u043e\u043b\u044c\u043d\u0438\u043a\u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043e\u043b\u0438\u043c\u043f\u0438\u0430\u0434\u0430\u043c, \u044d\u043a\u0441\u043a\u0443\u0440\u0441\u0438\u044f\u043c \u043d\u0430 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c, \u0447\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u043c \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u043e \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u0435!\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const counters = document.querySelectorAll('.stat-num');\n            const observer = new IntersectionObserver((entries, obs) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        const counter = entry.target;\n                        const target = +counter.getAttribute('data-target');\n                        let count = 0;\n                        const step = target \/ 40;\n\n                        const timer = setInterval(() => {\n                            count += step;\n                            if (count >= target) {\n                                counter.innerText = target;\n                                clearInterval(timer);\n                            } else {\n                                counter.innerText = Math.ceil(count);\n                            }\n                        }, 25);\n\n                        obs.unobserve(counter);\n                    }\n                });\n            }, { threshold: 0.3 });\n\n            counters.forEach(c => observer.observe(c));\n        });\n\n        const modal = document.getElementById('historyModal');\n\n        function openModal() {\n            modal.classList.add('active');\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeModal() {\n            modal.classList.remove('active');\n            const audios = document.querySelectorAll('audio');\n            audios.forEach(audio => audio.pause());\n            document.body.style.overflow = '';\n        }\n\n        modal.addEventListener('click', function (e) {\n            if (e.target === modal) {\n                closeModal();\n            }\n        });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u041c\u043e\u044f \u0448\u043a\u043e\u043b\u0430 | \u0428\u043a\u043e\u043b\u0430 \u21162 \u0433. \u0428\u0435\u043b\u0435\u0445\u043e\u0432 \ud83c\udf93 \u0428\u043a\u043e\u043b\u0430 \u21162 \u2022 \u0428\u0435\u043b\u0435\u0445\u043e\u0432 \u0412 \u0446\u0438\u0444\u0440\u0430\u0445 \u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0424\u043e\u0442\u043e \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u2728 \u041d\u0435\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b myschoolweb.ru \u041c\u043e\u044f \u0448\u043a\u043e\u043b\u0430 \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e-\u043d\u0435\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b \u0428\u043a\u043e\u043b\u044b \u21162 \u0433. \u0428\u0435\u043b\u0435\u0445\u043e\u0432: \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0443\u0440\u043e\u043a\u043e\u0432, \u0443\u0447\u0435\u0431\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b, \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u0433\u043e\u0440\u043e\u0434\u0430 \u043c\u0435\u0442\u0430\u043b\u043b\u0443\u0440\u0433\u043e\u0432 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0448\u043a\u043e\u043b\u044b. 0 \u041f\u0435\u0434\u0430\u0433\u043e\u0433\u0430 \u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a\u043e\u0432 0 \u041a\u043b\u0430\u0441\u0441\u043e\u0432 \u0421 1 \u043f\u043e 11 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u0438 0 \u0423\u0447\u0435\u043d\u0438\u043a\u043e\u0432 \u0411\u043e\u043b\u044c\u0448\u0430\u044f \u0448\u043a\u043e\u043b\u044c\u043d\u0430\u044f \u0441\u0435\u043c\u044c\u044f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/myschoolweb.ru\/index.php?rest_route=\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myschoolweb.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myschoolweb.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myschoolweb.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myschoolweb.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=86"}],"version-history":[{"count":2,"href":"https:\/\/myschoolweb.ru\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/myschoolweb.ru\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/myschoolweb.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}