Программа — Университет Есенова
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--navy: #0b2a5b; --blue: #0b3d91; --accent: #00aaff; --gold: #f59e0b;
--light: #f0f5fb; --border: #dde6f0; --text: #1a2a3a; --muted: #64748b; --white: #ffffff;
}
body { font-family: 'Noto Sans', sans-serif; color: var(--text); background: #fff; overflow-x: hidden; }
/* ── HERO ── */
#yu-prog .hero { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding: 40px 48px; align-items: center; max-width: 1280px; margin: 0 auto; }
.slider-wrap { position: relative; border-radius: 16px; overflow: hidden; aspect-ratio: 16/10; background: var(--navy); }
.slider-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity .5s; }
.slider-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: rgba(255,255,255,.85); border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px; color: var(--navy); z-index: 2; }
.slider-btn.prev { left: 14px; } .slider-btn.next { right: 14px; }
.slider-dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; }
.slider-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.5); cursor: pointer; border: none; transition: .2s; }
.slider-dot.active { background: #fff; transform: scale(1.25); }
.video-wrap { border-radius: 16px; overflow: hidden; aspect-ratio: 16/10; box-shadow: 0 8px 32px rgba(11,42,91,.12); }
.video-wrap iframe { width: 100%; height: 100%; display: block; border: 0; }
/* ── TABS ── */
.prog-tabs { position: sticky; top: 0; z-index: 90; background: #fff; border-bottom: 2px solid var(--border); padding: 0 48px; }
.prog-tabs-inner { max-width: 1280px; margin: 0 auto; display: flex; overflow-x: auto; scrollbar-width: none; }
.prog-tabs-inner::-webkit-scrollbar { display: none; }
.ptab { display: flex; align-items: center; gap: 8px; padding: 16px 20px; font-size: 13px; font-weight: 500; color: var(--muted); cursor: pointer; white-space: nowrap; border-bottom: 3px solid transparent; margin-bottom: -2px; background: none; border-top: none; border-left: none; border-right: none; transition: .2s; font-family: inherit; }
.ptab:hover { color: var(--blue); }
.ptab.active { color: var(--blue); border-bottom-color: var(--blue); font-weight: 600; }
/* ── INFO BANNER ── */
.info-banner { background: linear-gradient(110deg, var(--navy) 0%, var(--blue) 100%); padding: 40px 48px; }
.info-banner-inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.info-note { font-size: 12px; color: rgba(255,255,255,.55); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 4px; }
.info-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px 28px; margin-top: 18px; }
.info-label { font-size: 10px; font-weight: 500; color: rgba(255,255,255,.5); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 4px; }
.info-value { font-size: 14px; font-weight: 700; color: #fff; line-height: 1.25; }
.info-apply { display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; }
.btn-apply { background: #fff; color: var(--blue); font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; padding: 13px 28px; border-radius: 8px; border: none; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; transition: opacity .2s; font-family: inherit; }
.btn-apply:hover { opacity: .88; }
.btn-outline-white { background: transparent; color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 12px 28px; border-radius: 8px; border: 2px solid rgba(255,255,255,.4); cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-family: inherit; }
.btn-outline-white:hover { border-color: #fff; }
/* ── SECTIONS ── */
#yu-prog .section { display: none; padding: 64px 48px; max-width: 1280px; margin: 0 auto; animation: fadeIn .35s ease; }
#yu-prog .section.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px) } to { opacity: 1; transform: translateY(0) } }
.sec-title { font-size: clamp(18px, 3vw, 28px); font-weight: 800; color: var(--navy); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 8px; }
.sec-line { width: 48px; height: 3px; background: var(--blue); border-radius: 2px; margin-bottom: 32px; }
.sub-title { font-size: 16px; font-weight: 800; color: var(--navy); text-transform: uppercase; letter-spacing: .5px; margin: 48px 0 8px; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.two-col img { width: 100%; display: block; border-radius: 16px; }
.body-text { font-size: 15px; color: #555; line-height: 1.85; font-weight: 300; }
.body-text p { margin-bottom: 16px; }
/* ── WHY / ADV / QUOTES ── */
.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 24px; }
.why-card { background: var(--light); border: 1px solid var(--border); border-radius: 12px; padding: 18px 20px; display: flex; gap: 12px; align-items: flex-start; }
.why-icon { font-size: 20px; flex-shrink: 0; }
.why-text { font-size: 14px; font-weight: 500; color: var(--navy); line-height: 1.55; }
.adv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 24px; }
.adv-card { background: linear-gradient(135deg, var(--navy), var(--blue)); border-radius: 14px; padding: 28px 22px; }
.adv-num { font-size: 36px; font-weight: 800; color: rgba(255,255,255,.12); line-height: 1; margin-bottom: 8px; }
.adv-title { font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 8px; text-transform: uppercase; letter-spacing: .5px; }
.adv-desc { font-size: 13px; color: rgba(255,255,255,.7); line-height: 1.65; }
.quotes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 24px; }
.quote-card { background: var(--light); border-left: 4px solid var(--blue); border-radius: 0 12px 12px 0; padding: 22px 26px; }
.quote-text { font-size: 15px; color: var(--navy); line-height: 1.75; font-style: italic; margin-bottom: 10px; }
.quote-author { font-size: 12px; font-weight: 700; color: var(--blue); text-transform: uppercase; letter-spacing: 1px; }
/* ── OPEN DAY ── */
.openday-banner { background: var(--navy); border-radius: 16px; overflow: hidden; display: flex; flex-wrap: wrap; margin-top: 48px; }
.openday-left { flex: 1; min-width: 280px; padding: 44px 48px; }
.openday-tag { display: inline-block; background: var(--accent); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; padding: 5px 14px; border-radius: 99px; margin-bottom: 18px; }
.openday-title { font-size: clamp(18px, 3vw, 26px); font-weight: 800; color: #fff; line-height: 1.2; margin-bottom: 14px; }
.openday-desc { font-size: 14px; color: rgba(255,255,255,.7); line-height: 1.75; margin-bottom: 24px; }
.openday-right { flex: 1; min-width: 280px; min-height: 280px; overflow: hidden; }
.openday-right img { width: 100%; height: 100%; object-fit: cover; min-height: 280px; }
/* ── CURRICULUM ── */
.course-tabs { display: flex; border-bottom: 2px solid var(--border); margin-bottom: 36px; overflow-x: auto; scrollbar-width: none; }
.course-tabs::-webkit-scrollbar { display: none; }
.ctab { padding: 13px 26px; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -2px; background: none; border-top: none; border-left: none; border-right: none; white-space: nowrap; transition: .2s; font-family: inherit; }
.ctab.active { color: var(--blue); border-bottom-color: var(--gold); }
.course-panel { display: none; } .course-panel.active { display: block; }
.course-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.subject-list { display: flex; flex-direction: column; }
.subject-item { border-bottom: 1px solid var(--border); } .subject-item:last-child { border-bottom: none; }
.subject-btn { width: 100%; display: flex; align-items: flex-start; gap: 14px; padding: 15px 0; background: none; border: none; cursor: pointer; text-align: left; font-family: inherit; }
.subject-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--blue); flex-shrink: 0; margin-top: 5px; }
.subject-name { font-size: 14px; font-weight: 600; color: var(--navy); margin-bottom: 3px; }
.subject-desc { font-size: 12px; color: var(--muted); line-height: 1.5; }
.course-img { border-radius: 16px; overflow: hidden; position: sticky; top: 160px; }
.course-img img { width: 100%; display: block; border-radius: 16px; }
/* ── CAREER ── */
.career-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; }
.career-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 20px 18px; }
.career-icon { font-size: 26px; margin-bottom: 8px; }
.career-title { font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.career-desc { font-size: 13px; color: var(--muted); line-height: 1.6; }
.employers-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 18px; }
.employer-tag { background: var(--light); border: 1px solid var(--border); border-radius: 8px; padding: 14px; font-size: 13px; font-weight: 600; color: var(--navy); text-align: center; }
/* ── FIELDWORK ── */
.fieldwork-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 24px; }
.fw-list { display: flex; flex-direction: column; gap: 12px; }
.fw-item { display: flex; gap: 12px; align-items: flex-start; background: var(--light); border-radius: 10px; padding: 14px 16px; }
.fw-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--blue); flex-shrink: 0; margin-top: 4px; }
.fw-text { font-size: 14px; color: var(--navy); font-weight: 500; line-height: 1.5; }
.fw-stats { background: linear-gradient(110deg, var(--navy), var(--blue)); border-radius: 14px; padding: 32px 36px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: center; margin-top: 32px; }
.fw-stat-num { font-size: 32px; font-weight: 800; color: #fff; line-height: 1; }
.fw-stat-label { font-size: 11px; color: rgba(255,255,255,.6); margin-top: 4px; text-transform: uppercase; letter-spacing: 1px; }
/* ── ADMISSION ── */
.req-dark { background: #1a2a3a; border-radius: 16px; padding: 44px; color: #fff; margin-bottom: 28px; }
.req-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; }
.req-label { font-size: 11px; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; }
.req-title { font-size: 19px; font-weight: 800; color: #fff; margin-bottom: 12px; }
.req-text { font-size: 14px; color: rgba(255,255,255,.7); line-height: 1.8; }
.req-divider { height: 1px; background: rgba(255,255,255,.1); margin: 18px 0; }
.req-item { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 11px; font-size: 14px; color: rgba(255,255,255,.8); line-height: 1.6; }
.req-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); flex-shrink: 0; margin-top: 6px; }
.subj-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 20px; }
.subj-box { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 20px; }
.subj-box-title { font-size: 11px; font-weight: 700; color: var(--blue); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--border); }
.subj-item { display: flex; gap: 9px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--border); font-size: 14px; color: var(--navy); font-weight: 500; }
.subj-item:last-child { border-bottom: none; }
.subj-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); flex-shrink: 0; }
.stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 24px; }
.stat-card { background: var(--light); border: 1px solid var(--border); border-radius: 12px; padding: 22px; text-align: center; }
.stat-num { font-size: 30px; font-weight: 800; color: var(--blue); line-height: 1; margin-bottom: 6px; }
.stat-label { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
/* ── APPLY ── */
.apply-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.apply-box { background: var(--light); border: 1px solid var(--border); border-radius: 14px; padding: 30px; margin-bottom: 20px; }
.apply-box-label { font-size: 11px; font-weight: 700; color: var(--blue); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px; }
.apply-box-title { font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 10px; }
.apply-box-desc { font-size: 14px; color: var(--muted); line-height: 1.7; margin-bottom: 18px; }
.btn-blue { display: inline-flex; align-items: center; gap: 8px; background: var(--blue); color: #fff; font-size: 13px; font-weight: 500; text-transform: uppercase; padding: 12px 22px; border-radius: 8px; text-decoration: none; border: none; cursor: pointer; font-family: inherit; }
.btn-blue:hover { opacity: .88; }
.deadline-box { background: #fff; border: 1px solid var(--border); border-left: 3px solid var(--gold); border-radius: 0 10px 10px 0; padding: 16px 18px; }
.dl-label { font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 4px; }
.dl-val { font-size: 14px; font-weight: 700; color: var(--navy); line-height: 1.5; }
#yu-prog .accordion { display: flex; flex-direction: column; }
.acc-item { border-bottom: 1px solid var(--border); } .acc-item:first-child { border-top: 1px solid var(--border); }
.acc-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 17px 0; background: none; border: none; cursor: pointer; text-align: left; font-family: inherit; }
.acc-btn-text { font-size: 13px; font-weight: 600; color: var(--navy); text-transform: uppercase; letter-spacing: .5px; }
.acc-icon { font-size: 22px; color: var(--blue); flex-shrink: 0; transition: transform .25s; font-weight: 300; }
.acc-item.open .acc-icon { transform: rotate(45deg); }
.acc-body { display: none; padding-bottom: 18px; } .acc-item.open .acc-body { display: block; }
.acc-body-text { font-size: 14px; color: var(--muted); line-height: 1.75; }
/* ── TUITION ── */
.tuition-layout { display: grid; grid-template-columns: 1fr 1.6fr; gap: 40px; align-items: start; }
.price-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 32px; text-align: center; box-shadow: 0 4px 24px rgba(11,42,91,.08); position: sticky; top: 80px; }
.price-badge { display: inline-block; background: var(--light); color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 5px 14px; border-radius: 99px; margin-bottom: 16px; }
.price-name { font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 6px; line-height: 1.3; }
.price-note { font-size: 12px; color: var(--muted); margin-bottom: 18px; }
.price-amount { font-size: 34px; font-weight: 800; color: var(--blue); line-height: 1; margin-bottom: 4px; }
.price-period { font-size: 13px; color: var(--muted); margin-bottom: 20px; }
/* ── RESPONSIVE ── */
@media(max-width:900px) {
#yu-prog .hero, #yu-prog .two-col, #yu-prog .course-layout, #yu-prog .req-grid,
#yu-prog .apply-layout, #yu-prog .tuition-layout, #yu-prog .why-grid, #yu-prog .adv-grid,
#yu-prog .quotes-grid, #yu-prog .career-grid, #yu-prog .fieldwork-grid,
#yu-prog .subj-grid, #yu-prog .stats-row, #yu-prog .fw-stats, #yu-prog .employers-grid { grid-template-columns: 1fr; }
#yu-prog .prog-tabs, #yu-prog .info-banner, #yu-prog .section { padding-left: 20px; padding-right: 20px; }
#yu-prog .info-grid { grid-template-columns: 1fr 1fr; }
#yu-prog .hero { padding: 24px; }
#yu-prog .career-grid, #yu-prog .employers-grid { grid-template-columns: 1fr 1fr; }
}
</style>
</head>
<body>
<script>
(function () {
'use strict';
// ╔══════════════════════════════════════════════════════════════════╗
// ║ ЗАФИКСИРОВАННЫЕ ДАННЫЕ — РЕДАКТИРОВАТЬ ТОЛЬКО ЭТО ║
// ╚══════════════════════════════════════════════════════════════════╝
const P = {
code: "7M07102",
credits: "120 ECTS",
location: "ГЛАВНЫЙ КОРПУС, АКТАУ",
price: "₸1 000 000",
bulletinUrl:"https://bulletin.yu.edu.kz/",
videoId: "K9-lI8iG4qI",
degree: "Магистр",
duration: "2 года",
start: "Сентябрь 2026",
format: "Очная",
field: "Инженерия (7M07)",
photos: [
"https://images.unsplash.com/photo-1532187863486-abf9dbad1b69?w=900&q=80",
"https://images.unsplash.com/photo-1554475901-4538ddfbccc2?w=900&q=80",
"https://images.unsplash.com/photo-1581093588401-fbb62a02f120?w=900&q=80",
"https://images.unsplash.com/photo-1518152006812-edab29b069ac?w=900&q=80"
],
photoAbout: "https://images.unsplash.com/photo-1554475901-4538ddfbccc2?w=700&q=80",
photoOpenDay: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?w=700&q=80",
photoYear1: "https://images.unsplash.com/photo-1532187863486-abf9dbad1b69?w=600&q=80",
photoYear2: "https://images.unsplash.com/photo-1518152006812-edab29b069ac?w=600&q=80",
photoYear3: "",
photoYear4: "",
employers: [
"Атырауский нефтеперерабатывающий завод",
"НГК Каспийский нефтехимический комплекс",
"Caspi Bitum",
"Казахстанский научный центр нефтехимии"
],
name: "Химическая технология органических веществ",
nameShort: "Технология органических веществ (магистратура)",
about: [
"Магистерская программа «Химическая технология органических веществ» готовит высококвалифицированных инженеров-исследователей, способных глубоко анализировать процессы органического синтеза, исследовать новые технологии и оптимизировать производство.",
"Магистранты проводят научные исследования в направлениях совершенствования каталитического синтеза, разработки новых видов полимерных материалов, исследования экологически чистых технологий и цифрового моделирования процессов. Программа объединяет лабораторные исследования и анализ производственных данных.",
"Выпускники работают ведущими технологами на нефтехимических заводах, исследователями в научно-исследовательских центрах или специалистами в отделах развития процессов."
],
why: [
{ icon: "🏭", text: "Исследования на основе реальных технологических данных нефтехимических предприятий региона." },
{ icon: "🔬", text: "Возможности углублённого лабораторного исследования процессов органического синтеза." },
{ icon: "🌍", text: "Совместные исследования с международными нефтехимическими научными центрами." },
{ icon: "📈", text: "Спрос отделов технологического развития нефтехимических заводов на высококвалифицированных специалистов." },
{ icon: "🎓", text: "Углублённая технологическая учебная программа в соответствии со стандартами API." },
{ icon: "💡", text: "Освоение современных методов синтеза и исследования полимерных материалов." }
],
advantages: [
{ num: "01", title: "Заводские данные", desc: "Возможность исследования реальных данных технологического режима региональных нефтехимических предприятий." },
{ num: "02", title: "Индивидуальное научное руководство", desc: "Каждый магистрант работает индивидуально с опытным научным руководителем." },
{ num: "03", title: "Инновационные материалы", desc: "Исследование новых полимерных материалов и экологически чистых методов синтеза" }
],
quotes: [
{ text: "Моё исследование по оптимизации процесса каталитического синтеза было реально внедрено на заводе.", author: "Технология органических веществ, магистрант 2 года" },
{ text: "Глубокие знания, полученные в магистратуре, позволили мне работать в отделе технологического развития.", author: "Выпускник магистратуры 2023 года" }
],
years: [
{
label: "1 ГОД",
intro: "1 год — Углублённые теоретические курсы и методология исследования",
subjects: [
{ name: "Передовые процессы органического синтеза", desc: "Каталитический синтез и усовершенствованные технологии полимеризации." },
{ name: "Цифровое моделирование процессов", desc: "Оптимизация технологических установок на компьютере." },
{ name: "Химия новых материалов", desc: "Исследование композитных и функциональных полимерных материалов." },
{ name: "Методология научного исследования", desc: "Навыки планирования исследования, анализа данных и написания статей." },
{ name: "Курс по выбору", desc: "Специализированный курс в соответствии с направлением исследования магистранта." }
]
},
{
label: "2 ГОД",
intro: "2 год — Научное исследование и защита диссертации",
subjects: [
{ name: "Исследование по магистерской диссертации", desc: "Самостоятельное научное исследование по выбранной технологической проблеме." },
{ name: "Научный семинар", desc: "Регулярное представление и обсуждение результатов исследования на кафедре." },
{ name: "Заводская исследовательская практика", desc: "Опыт сбора технологических данных на нефтехимическом заводе." },
{ name: "Защита диссертации", desc: "Подготовка магистерской работы и защита перед государственной комиссией." }
]
}
],
careers: [
{ icon: "⚙️", title: "Ведущий технолог", desc: "Совершенствование технологических режимов нефтехимического завода." },
{ icon: "🛢️", title: "Инженер по развитию синтез-процессов", desc: "Исследование и внедрение новых решений органического синтеза." },
{ icon: "🔬", title: "Научный сотрудник", desc: "Проведение исследований в нефтехимических научных центрах." },
{ icon: "📊", title: "Специалист по разработке материалов", desc: "Исследование и испытание новых полимерных материалов." },
{ icon: "📋", title: "Руководитель менеджмента качества", desc: "Приведение стандартов качества завода к международному уровню." },
{ icon: "💼", title: "Технический консультант", desc: "Технологическое консультирование нефтехимических компаний." }
],
placements: [
"Практика сбора исследовательских данных на региональных нефтехимических заводах (1 год)",
"Заводская исследовательская практика на Атырауском НПЗ (2 год, 6–8 недель)",
"Совместные проекты с нефтехимическими научными центрами",
"Практикумы в лаборатории органического синтеза"
],
international: [
"Партнёрство с нефтехимическими научными центрами России и Азербайджана",
"Представление результатов исследования на международных нефтехимических конференциях",
"Углублённые сертификационные курсы по полимерным материалам",
"Краткосрочные научные стажировки в зарубежных лабораториях"
],
fwStats: [
{ num: "6–8", label: "Недель исследовательской практики" },
{ num: "2+", label: "Возможность научной публикации" },
{ num: "8+", label: "Партнёрских научных центров" }
],
admissionDocs: [
"Диплом бакалавра (GPA ≥ 2.0/4.0)",
"Результаты ВОУД (вступительный тест в магистратуру)",
"Сертификат английского языка (B2)",
"2 рекомендательных письма",
"Мотивационное письмо"
],
admissionSupport: [
"Высокий показатель GPA — конкурентное преимущество",
"Научные публикации и доклады на конференциях",
"Доступны государственные образовательные гранты",
"Внутренние университетские научные стипендии"
],
profileSubjects: [
"Диплом бакалавра — химическая технология или связанная специальность",
"ВОУД (тест для магистратуры)",
"Английский язык (уровень B2)",
"Наличие плана исследования"
],
otherRequirements: [
"Минимальный пороговый балл ВОУД",
"Рекомендуется предварительное согласие научного руководителя",
"Предыдущий исследовательский опыт является преимуществом"
],
admissionStats: [
{ num: "120", label: "Кредитов ECTS" },
{ num: "2", label: "Года обучения" },
{ num: "Высокая", label: "Занятость" }
],
admissionNote: "Поступление осуществляется на основе государственных образовательных грантов и платных мест.",
tuitionNote: "Доступны государственные образовательные гранты. Стоимость обучения пересматривается ежегодно.",
tuitionFAQ: [
{ q: "Государственные образовательные гранты", a: "Полная стоимость обучения покрывается на конкурсной основе." },
{ q: "Стипендии университета", a: "Магистрантам с высокой успеваемостью предоставляются научные стипендии." },
{ q: "Варианты оплаты", a: "Оплата по семестрам или за год. Возможна оплата в рассрочку." },
{ q: "Жильё", a: "В университете есть общежитие — обращайтесь в приёмную комиссию." },
{ q: "Гранты партнёрских работодателей", a: "Региональные нефтехимические предприятия могут предоставлять целевые гранты магистрантам." },
{ q: "Дополнительные расходы", a: "Научная литература, программное обеспечение, командировка на конференцию. Запросите смету в учебном отделе." }
],
};
// ╔══════════════════════════════════════════════════════════════════╗
// ║ ДАННЫЕ ЗАВЕРШЕНЫ — НЕ ИЗМЕНЯЙ НИЖЕ ║
// ╚══════════════════════════════════════════════════════════════════╝
window._P = P;
})();
</script>
<div id="yu-prog">
<!-- HERO -->
<div class="hero">
<div class="slider-wrap">
<img id="slide-img" src="" alt="">
<button class="slider-btn prev" onclick="_YU.slideNav(-1)">‹</button>
<button class="slider-btn next" onclick="_YU.slideNav(1)">›</button>
<div class="slider-dots" id="slider-dots"></div>
</div>
<div class="video-wrap">
<iframe id="yt-frame" src="" title="Университет Есенова
allow="accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
<!-- STICKY TABS -->
<div class="prog-tabs">
<div class="prog-tabs-inner">
<button class="ptab active" onclick="_YU.tab('general',this)">📋 Шолу</button>
<button class="ptab" onclick="_YU.tab('structure',this)">📚 Учебный план</button>
<button class="ptab" onclick="_YU.tab('career',this)">💼 Мансап</button>
<button class="ptab" onclick="_YU.tab('fieldwork',this)">🏭 Практика</button>
<button class="ptab" onclick="_YU.tab('admission',this)">✅ Поступление</button>
<button class="ptab" onclick="_YU.tab('apply',this)">📝 Подать заявку</button>
<button class="ptab" onclick="_YU.tab('tuition',this)">💳 Стоимость обучения</button>
</div>
</div>
<!-- INFO BANNER -->
<div class="info-banner">
<div class="info-banner-inner">
<div>
<div class="info-note">→ 2026–2027 ИНФОРМАЦИЯ О ПРОГРАММЕ НА УЧЕБНЫЙ ГОД</div>
<div class="info-grid">
<div><div class="info-label">Квалификация</div><div class="info-value" id="b-degree"></div></div>
<div><div class="info-label">Срок обучения</div><div class="info-value" id="b-duration"></div></div>
<div><div class="info-label">Дата начала</div><div class="info-value" id="b-start"></div></div>
<div><div class="info-label">Код программы</div><div class="info-value" id="b-code"></div></div>
<div><div class="info-label">Жалпы кредиттер</div><div class="info-value" id="b-credits"></div></div>
<div><div class="info-label">Форма обучения</div><div class="info-value" id="b-format"></div></div>
<div><div class="info-label">Саласы</div><div class="info-value" id="b-field"></div></div>
<div><div class="info-label">Место расположения</div><div class="info-value" id="b-location"></div></div>
</div>
</div>
<div class="info-apply">
<a href="https://admission.yu.edu.kz" class="btn-apply">Подать заявку ↗</a>
<a id="btn-bulletin" href="#" class="btn-outline-white">Учебный план</a>
</div>
</div>
</div>
<!-- ОБЗОР -->
<div class="section active" id="sec-general">
<h2 class="sec-title" id="s-name"></h2>
<div class="sec-line"></div>
<div class="two-col">
<div class="body-text" id="s-about"></div>
<div><img id="s-photo-about" src="" alt=""></div>
</div>
<div class="sub-title">Почему осы программа</div>
<div class="sec-line"></div>
<div class="why-grid" id="s-why"></div>
<div class="sub-title">Ключевые преимущества программы Есенова</div>
<div class="sec-line"></div>
<div class="adv-grid" id="s-adv"></div>
<div class="sub-title">Опыт студентов</div>
<div class="sec-line"></div>
<div class="quotes-grid" id="s-quotes"></div>
<div class="openday-banner">
<div class="openday-left">
<div class="openday-tag">Открыто для абитуриентов</div>
<div class="openday-title">Приходите на День открытых дверей в Университет Есенова</div>
<div class="openday-desc">Приходите в наш кампус, познакомьтесь с преподавателями, посетите наши лаборатории и получите полную информацию о программе и процессе поступления
<a href="https://admission.yu.edu.kz" class="btn-apply" style="width:fit-content;">Регистрация ↗</a>
</div>
<div class="openday-right"><img id="s-photo-openday" src="" alt="День открытых дверей"></div>
</div>
</div>
<!-- УЧЕБНЫЙ ПЛАН -->
<div class="section" id="sec-structure">
<h2 class="sec-title">Структура программы</h2>
<div class="sec-line"></div>
<p class="body-text" style="margin-bottom:6px;">Учебный план регулярно обновляется в соответствии с требованиями отрасли и технологическими достижениями.</p>
<p class="body-text" style="font-size:13px;color:#888;margin-bottom:32px;">Ескерту: доступность отдельных модулей может варьироваться в зависимости от расписания.</p>
<div class="course-tabs" id="s-year-tabs"></div>
<div id="s-year-panels"></div>
</div>
<!-- МАНСАП -->
<div class="section" id="sec-career">
<h2 class="sec-title">Карьерные возможности</h2>
<div class="sec-line"></div>
<p class="body-text" id="career-intro" style="max-width:700px;margin-bottom:0;"></p>
<div class="career-grid" id="s-careers"></div>
<div class="sub-title" style="margin-top:40px;">Где работают наши выпускники</div>
<div class="employers-grid" id="s-employers"></div>
</div>
<!-- ПРАКТИКА -->
<div class="section" id="sec-fieldwork">
<h2 class="sec-title">Практика и международные возможности</h2>
<div class="sec-line"></div>
<div class="fieldwork-grid">
<div>
<h3 style="font-size:15px;font-weight:700;color:var(--navy);margin-bottom:14px;">Производственные стажировки</h3>
<div class="fw-list" id="s-placements"></div>
</div>
<div>
<h3 style="font-size:15px;font-weight:700;color:var(--navy);margin-bottom:14px;">Международные возможности</h3>
<div class="fw-list" id="s-international"></div>
</div>
</div>
<div class="fw-stats" id="s-fw-stats"></div>
</div>
<!-- ПОСТУПЛЕНИЕ -->
<div class="section" id="sec-admission">
<h2 class="sec-title">Требования для поступления</h2>
<div class="sec-line"></div>
<div class="req-dark">
<div class="req-grid">
<div>
<div class="req-label">Необходимые документы</div>
<div class="req-title">Что нужно для поступления</div>
<div class="req-text">Университет Есенова рассматривает каждого абитуриента индивидуально — академическая успеваемость, результаты ЕНТ и мотивация учитываются.</div>
<div class="req-divider"></div>
<div id="s-docs"></div>
</div>
<div>
<div class="req-label">Поддержка абитуриентов</div>
<div class="req-title">Мы поддерживаем каждого кандидата</div>
<div class="req-text">Равные возможности и открытый процесс приёма. Академическая успеваемость, Учитываем баллы ЕНТ и потенциал абитуриента.</div>
<div class="req-divider"></div>
<div id="s-support"></div>
</div>
</div>
</div>
<div class="sub-title" style="margin-top:0;">Предметные требования</div>
<div class="sec-line"></div>
<div class="subj-grid">
<div class="subj-box">
<div class="subj-box-title">🎯 Профильные / Обязательные предметы (ЕНТ)</div>
<div id="s-profile-subj"></div>
</div>
<div class="subj-box">
<div class="subj-box-title">📌 Другие требования</div>
<div id="s-other-req"></div>
</div>
</div>
<div class="sub-title">Статистика приёма</div>
<div class="sec-line"></div>
<div class="stats-row" id="s-adm-stats"></div>
<p style="font-size:14px;color:var(--muted);margin-top:18px;line-height:1.75;" id="s-adm-note"></p>
</div>
<!-- ПОДАЧА ЗАЯВКИ -->
<div class="section" id="sec-apply">
<h2 class="sec-title">Подать заявку жолы</h2>
<div class="sec-line"></div>
<div class="apply-layout">
<div>
<div class="apply-box">
<div class="apply-box-label">Подача заявки через портал приёма</div>
<div class="apply-box-title">Отправьте заявку онлайн</div>
<div class="apply-box-desc">Абитуриентлер Университета Есенова ресми портал приёма могут подать заявку. Выберите программу, загрузите необходимые документы и отслеживайте статус заявки в реальном времени.</div>
<a href="https://admission.yu.edu.kz" class="btn-blue">ADMISSION.YU.EDU.KZ ↗</a>
</div>
<div class="deadline-box">
<div class="dl-label">Срок подачи заявки</div>
<div class="dl-val">2026–2027 за учебный год — заявки принимаются по календарю, утверждённому Приёмной комиссией принимаются в соответствии. Точные даты уточняйте на официальном портале.</div>
</div>
</div>
<div class="accordion">
<div class="acc-item"><button class="acc-btn" onclick="_YU.acc(this)"><span class="acc-btn-text">Вступительный экзамен</span><span class="acc-icon">+</span></button><div class="acc-body"><div class="acc-body-text">Поступление осуществляется преимущественно по результатам ЕНТ. Кейбир программалар ишки внутреннего тестирования.</div></div></div>
<div class="acc-item"><button class="acc-btn" onclick="_YU.acc(this)"><span class="acc-btn-text">Рассмотрение заявки</span><span class="acc-icon">+</span></button><div class="acc-body"><div class="acc-body-text">Срок рассмотрения — 5–10 рабочих дней. Результаты отправляются на электронную почту, и отображаются на портале.</div></div></div>
<div class="acc-item"><button class="acc-btn" onclick="_YU.acc(this)"><span class="acc-btn-text">Собеседование</span><span class="acc-icon">+</span></button><div class="acc-body"><div class="acc-body-text">Некоторые программы включают этап собеседования — онлайн или очно в кампусе в Актау.</div></div></div>
<div class="acc-item"><button class="acc-btn" onclick="_YU.acc(this)"><span class="acc-btn-text">Дополнительные документы</span><span class="acc-icon">+</span></button><div class="acc-body"><div class="acc-body-text">Грамоты за достижения, дипломы олимпиад и рекомендательные письма дают конкурентное преимущество.</div></div></div>
<div class="acc-item"><button class="acc-btn" onclick="_YU.acc(this)"><span class="acc-btn-text">Перевод между программами</span><span class="acc-icon">+</span></button><div class="acc-body"><div class="acc-body-text">Унивперевод внутри университета или из другого учебного заведения. Академический Академические расхождения решаются согласно политике признания кредитов
<div class="acc-item"><button class="acc-btn" onclick="_YU.acc(this)"><span class="acc-btn-text">Академическая мобильность и обучение за рубежом</span><span class="acc-icon">+</span></button><div class="acc-body"><div class="acc-body-text">Университет Есенова предлагает программы международного обмена Студенттер 1 семестр или полный год могут учиться за рубежом.</div></div></div>
</div>
</div>
</div>
<!-- СТОИМОСТЬ ОБУЧЕНИЯ -->
<div class="section" id="sec-tuition">
<h2 class="sec-title">Стоимость обучения и финансирование</h2>
<div class="sec-line"></div>
<div class="tuition-layout">
<div class="price-card">
<div class="price-badge">Бакалавриат</div>
<div class="price-name" id="t-name"></div>
<div class="price-note" id="t-note"></div>
<div style="height:1px;background:var(--border);margin-bottom:18px;"></div>
<div class="price-amount" id="t-price"></div>
<div class="price-period">за учебный год</div>
<a href="https://admission.yu.edu.kz" class="btn-blue" style="width:100%;justify-content:center;">Подать заявку</a>
<p id="t-fineprint" style="font-size:11px;color:var(--muted);margin-top:10px;line-height:1.6;"></p>
</div>
<div>
<h3 style="font-size:17px;font-weight:800;color:var(--navy);text-transform:uppercase;margin-bottom:8px;">Стоимость обучения и гранты</h3>
<p class="body-text" style="margin-bottom:22px;" id="t-tuition-note"></p>
<div class="accordion" id="s-tuition-faq"></div>
</div>
</div>
</div>
</div><!-- /yu-prog -->
<script>
(function () {
'use strict';
const P = window._P;
// ── RENDER ───────────────────────────────────────────────────────
function render() {
const name = P.name;
document.getElementById('page-title').textContent = P.code + ' – ' + name + ' — Университет Есенова
// Slider
const img = document.getElementById('slide-img');
img.src = P.photos[0]; img.alt = name;
const dots = document.getElementById('slider-dots');
dots.innerHTML = '';
P.photos.forEach((_, i) => {
const d = document.createElement('button');
d.className = 'slider-dot' + (i === 0 ? ' active' : '');
d.onclick = () => goSlide(i);
dots.appendChild(d);
});
// Video
document.getElementById('yt-frame').src = 'https://www.youtube.com/embed/' + P.videoId;
// Banner
document.getElementById('b-degree').textContent = P.degree.toUpperCase();
document.getElementById('b-duration').textContent = P.duration.toUpperCase();
document.getElementById('b-start').textContent = P.start.toUpperCase();
document.getElementById('b-code').textContent = P.code;
document.getElementById('b-credits').textContent = P.credits;
document.getElementById('b-format').textContent = P.format.toUpperCase();
document.getElementById('b-field').textContent = P.field.toUpperCase();
document.getElementById('b-location').textContent = P.location.toUpperCase();
document.getElementById('btn-bulletin').href = P.bulletinUrl;
// Overview
document.getElementById('s-name').textContent = P.code + ' – ' + name;
document.getElementById('s-about').innerHTML = P.about.map(t => '<p>' + t + '</p>').join('');
document.getElementById('s-photo-about').src = P.photoAbout;
document.getElementById('s-photo-openday').src = P.photoOpenDay;
document.getElementById('s-why').innerHTML = P.why.map(w =>
`<div class="why-card"><div class="why-icon">${w.icon}</div><div class="why-text">${w.text}</div></div>`).join('');
document.getElementById('s-adv').innerHTML = P.advantages.map(a =>
`<div class="adv-card"><div class="adv-num">${a.num}</div><div class="adv-title">${a.title}</div><div class="adv-desc">${a.desc}</div></div>`).join('');
document.getElementById('s-quotes').innerHTML = P.quotes.map(q =>
`<div class="quote-card"><div class="quote-text">"${q.text}"</div><div class="quote-author">— ${q.author}</div></div>`).join('');
// Curriculum
const yp = [P.photoYear1, P.photoYear2, P.photoYear3, P.photoYear4];
document.getElementById('s-year-tabs').innerHTML = P.years.map((y, i) =>
`<button class="ctab${i===0?' active':''}" onclick="_YU.course('y${i}',this)">${y.label}</button>`).join('');
document.getElementById('s-year-panels').innerHTML = P.years.map((y, i) =>
`<div class="course-panel${i===0?' active':''}" id="cp-y${i}">
<div class="course-layout">
<div>
<p style="font-size:15px;font-weight:600;color:var(--navy);margin-bottom:18px;">${y.intro}</p>
<div class="subject-list">${y.subjects.map(s =>
`<div class="subject-item"><button class="subject-btn"><div class="subject-dot"></div><div>
<div class="subject-name">${s.name}</div><div class="subject-desc">${s.desc}</div>
</div></button></div>`).join('')}</div>
</div>
<div class="course-img"><img src="${yp[i]}" alt="${y.label}"></div>
</div>
</div>`).join('');
// Career
document.getElementById('career-intro').textContent = 'Наши выпускники пользуются большим спросом на рынке труда — вооружены практическими и теоретическими навыками, которые ценят работодатели.';
document.getElementById('s-careers').innerHTML = P.careers.map(c =>
`<div class="career-card"><div class="career-icon">${c.icon}</div><div class="career-title">${c.title}</div><div class="career-desc">${c.desc}</div></div>`).join('');
document.getElementById('s-employers').innerHTML = P.employers.map(e =>
`<div class="employer-tag">${e}</div>`).join('');
// Fieldwork
document.getElementById('s-placements').innerHTML = P.placements.map(t =>
`<div class="fw-item"><div class="fw-dot"></div><div class="fw-text">${t}</div></div>`).join('');
document.getElementById('s-international').innerHTML = P.international.map(t =>
`<div class="fw-item"><div class="fw-dot"></div><div class="fw-text">${t}</div></div>`).join('');
document.getElementById('s-fw-stats').innerHTML = P.fwStats.map(s =>
`<div><div class="fw-stat-num">${s.num}</div><div class="fw-stat-label">${s.label}</div></div>`).join('');
// Admission
document.getElementById('s-docs').innerHTML = P.admissionDocs.map(t => `<div class="req-item"><div class="req-dot"></div>${t}</div>`).join('');
document.getElementById('s-support').innerHTML = P.admissionSupport.map(t => `<div class="req-item"><div class="req-dot"></div>${t}</div>`).join('');
document.getElementById('s-profile-subj').innerHTML = P.profileSubjects.map(t => `<div class="subj-item"><div class="subj-dot"></div>${t}</div>`).join('');
document.getElementById('s-other-req').innerHTML = P.otherRequirements.map(t => `<div class="subj-item"><div class="subj-dot"></div>${t}</div>`).join('');
document.getElementById('s-adm-stats').innerHTML = P.admissionStats.map(s => `<div class="stat-card"><div class="stat-num">${s.num}</div><div class="stat-label">${s.label}</div></div>`).join('');
document.getElementById('s-adm-note').textContent = P.admissionNote;
// Tuition
document.getElementById('t-name').textContent = name;
document.getElementById('t-note').textContent = P.code + ' · ' + P.duration + ' · ' + P.format;
document.getElementById('t-price').textContent = P.price;
document.getElementById('t-fineprint').textContent = P.tuitionNote;
document.getElementById('t-tuition-note').textContent = P.tuitionNote;
document.getElementById('s-tuition-faq').innerHTML = P.tuitionFAQ.map(f =>
`<div class="acc-item"><button class="acc-btn" onclick="_YU.acc(this)"><span class="acc-btn-text">${f.q}</span><span class="acc-icon">+</span></button><div class="acc-body"><div class="acc-body-text">${f.a}</div></div></div>`).join('');
}
// ── TABS / COURSE / ACCORDION ─────────────────────────────────────
function tab(id, btn) {
document.querySelectorAll('#yu-prog .section').forEach(s => s.classList.remove('active'));
document.querySelectorAll('.ptab').forEach(t => t.classList.remove('active'));
document.getElementById('sec-' + id).classList.add('active');
btn.classList.add('active');
window.scrollTo({ top: document.querySelector('.prog-tabs').offsetTop, behavior: 'smooth' });
}
function course(id, btn) {
document.querySelectorAll('.course-panel').forEach(p => p.classList.remove('active'));
document.querySelectorAll('.ctab').forEach(t => t.classList.remove('active'));
document.getElementById('cp-' + id).classList.add('active');
btn.classList.add('active');
}
function acc(btn) {
const item = btn.closest('.acc-item');
const open = item.classList.contains('open');
btn.closest('.accordion').querySelectorAll('.acc-item').forEach(i => i.classList.remove('open'));
if (!open) item.classList.add('open');
}
// ── SLIDER ────────────────────────────────────────────────────────
let cur = 0;
function goSlide(n) {
cur = (n + P.photos.length) % P.photos.length;
const img = document.getElementById('slide-img');
img.style.opacity = 0;
setTimeout(() => { img.src = P.photos[cur]; img.style.opacity = 1; }, 500);
document.querySelectorAll('.slider-dot').forEach((d, i) => d.classList.toggle('active', i === cur));
}
function slideNav(dir) { goSlide(cur + dir); }
setInterval(() => slideNav(1), 4000);
window._YU = { tab, course, acc, goSlide, slideNav };
render();
})();
</script>
</body>
</html>
</div></div></div></div></div></div></div><footer><div class="sassio-footer-wrapper sassio-with-column-divider" ><div class="sassio-footer-container sassio-container clearfix" ><div class="sassio-footer-column sassio-item-pdlr sassio-column-15" ><div id="block-3" class="widget widget_block sassio-widget"><img loading="lazy" decoding="async" class="alignnone wp-image-6090" src="https://engineering.yu.edu.kz/wp-content/uploads/2026/08/aқ-log1-1-scaled.png" alt="" width="225" height="63" />
<p style="font-size: 20px; font-weight: 700;">Факультет «Педагогика»</p>
<div><i class="fa fa-map" aria-hidden="true"> </i> г. Актау, 32 микрорайон, <br/>
Главный учебный корпус,</br>
кабинет БО409.</br>
Контактный телефон:</br>
<i class="fa fa-phone" aria-hidden="true"> </i> +7(7292)788-788 (299)</div></div></div><div class="sassio-footer-column sassio-item-pdlr sassio-column-15" ><div id="block-6" class="widget widget_block sassio-widget"><h6>Факультеты</h6>
<hr style="height:1px;border:none;color:#fff;background-color:#fff;" />
<p><a href="https://pedagogy.yu.edu.kz/ru/glavnaya-stranicza/">Педагогика</a></p>
<p><a href="https://philology.yu.edu.kz/ru/glavnaya-stranicza/">Филология и спорт</a></p>
<p><a href="https://business-tourism.yu.edu.kz/ru/glavnaya-stranicza/">Бизнес и туризм</a></p>
<p><a href="https://law-international.yu.edu.kz/ru/glavnaya-stranicza/">Право и международные отношения</a></p>
<p><a href="https://computer-ai.yu.edu.kz/ru/glavnaya-stranicza/">Компьютерные науки и искусственный интеллект</a></p>
<p><a href="https://engineering.yu.edu.kz/ru/glavnaya-stranicza-2/">Инжиниринг</a></p>
<p><a href="https://maritime.yu.edu.kz/ru/glavnaya-stranicza/">Морская академия</a></p>
<p><a href="https://askeri.yu.edu.kz/ru/glavnaya-stranicza/">Военная кафедра</a></p>
<p><a href="http://yc.edu.kz/ru/">Колледж</a></p></div></div><div class="sassio-footer-column sassio-item-pdlr sassio-column-15" ><div id="block-9" class="widget widget_block sassio-widget"><h6>Ресурсы и кампус</h6>
<hr style="height:1px;border:none;color:#fff;background-color:#fff;" />
<p><a href="http://library.yu.edu.kz/">Библиотека</a></p></div></div><div class="sassio-footer-column sassio-item-pdlr sassio-column-15" ><div id="block-12" class="widget widget_block sassio-widget"><p style="font-size: 20px; font-weight: 700;">Поступающим</p>
<hr style="height:1px;border:none;color:#fff;background-color:#fff;" />
<p style="font-size: 16px;"><a href="https://yu.edu.kz/ru/studentam-2/">Основные документы</a></p>
<p style="font-size: 16px;"><a href="https://yu.edu.kz/ru/center-obsluzhivanya/">Центр обслуживания
</a></p>
<p style="font-size: 16px;"><a href="https://yu.edu.kz/ru/kontakty/">Call центр</a></p></div></div></div></div></footer></div></div><a href="#sassio-top-anchor" class="sassio-footer-back-to-top-button" id="sassio-footer-back-to-top-button"><i class="fa fa-angle-up" ></i></a>
<script>
window.RS_MODULES = window.RS_MODULES || {};
window.RS_MODULES.modules = window.RS_MODULES.modules || {};
window.RS_MODULES.waiting = window.RS_MODULES.waiting || [];
window.RS_MODULES.defered = true;
window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {};
window.RS_MODULES.type = 'compiled';
</script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/sassio/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>(function() {
// Отключаем Barba.js — перехватываем все клики по внутренним ссылкам
document.addEventListener('click', function(e) {
var a = e.target.closest('a[href]');
if (!a) return;
var href = a.getAttribute('href') || '';
if (!href || href.startsWith('#') || href.startsWith('mailto:') || href.startsWith('tel:')) return;
if (a.hostname !== window.location.hostname) return;
// Открываем в той же вкладке — кнопка "Назад" работает
e.stopImmediatePropagation();
e.preventDefault();
window.location.href = a.href;
}, true);
})();</script><script id="swv-js" src="https://engineering.yu.edu.kz/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.8.3"></script>
<script id="contact-form-7-js-extra">
var wpcf7 = {"api":{"root":"https://engineering.yu.edu.kz/wp-json/","namespace":"contact-form-7/v1"}};
//# sourceURL=contact-form-7-js-extra
</script>
<script id="contact-form-7-js" src="https://engineering.yu.edu.kz/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.8.3"></script>
<script id="gdlr-core-plugin-js" src="https://engineering.yu.edu.kz/wp-content/plugins/goodlayers-core/plugins/script.js?ver=1790166068"></script>
<script id="gdlr-core-page-builder-js-extra">
var gdlr_core_pbf = {"admin":"","video":{"width":"640","height":"360"},"ajax_url":"https://engineering.yu.edu.kz/wp-admin/admin-ajax.php"};
//# sourceURL=gdlr-core-page-builder-js-extra
</script>
<script id="gdlr-core-page-builder-js" src="https://engineering.yu.edu.kz/wp-content/plugins/goodlayers-core/include/js/page-builder.js?ver=1.3.9"></script>
<script defer async id="tp-tools-js" src="https://engineering.yu.edu.kz/wp-content/plugins/revslider/public/assets/js/rbtools.min.js?ver=6.6.16"></script>
<script defer async id="revmin-js" src="https://engineering.yu.edu.kz/wp-content/plugins/revslider/public/assets/js/rs6.min.js?ver=6.6.16"></script>
<script id="jquery-effects-core-js" src="https://engineering.yu.edu.kz/wp-includes/js/jquery/ui/effect.min.js?ver=1.14.2"></script>
<script id="jquery-mmenu-js" src="https://engineering.yu.edu.kz/wp-content/themes/sassio/js/jquery.mmenu.js?ver=1.0.0"></script>
<script id="jquery-superfish-js" src="https://engineering.yu.edu.kz/wp-content/themes/sassio/js/jquery.superfish.js?ver=1.0.0"></script>
<script id="atropos-js" src="https://engineering.yu.edu.kz/wp-content/themes/sassio/js/atropos.js?ver=7.1.3"></script>
<script id="sassio-script-vendors-js" src="https://engineering.yu.edu.kz/wp-content/themes/sassio/js/vendors.js?ver=1.0.0"></script>
<script id="sassio-script-core-js" src="https://engineering.yu.edu.kz/wp-content/themes/sassio/js/script-core.js?ver=6ad02eaa07688"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://engineering.yu.edu.kz/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://engineering.yu.edu.kz/wp-includes/js/wp-emoji-loader.min.js
</script>
</body>
</html>
